[Chore] Remove unused components / features from docs (#30880)

Author: kodster28

src/components/Checkbox.astro

@@ -9,7 +9,6 @@ export { default as AnimatedWorkflowDiagram } from "./AnimatedWorkflowDiagram.as
 export { default as APIRequest } from "./APIRequest.astro";
 export { default as AutoconfigDiagram } from "./AutoconfigDiagram.astro";
 export { default as AvailableNotifications } from "./AvailableNotifications.astro";
-export { default as Checkbox } from "./Checkbox.astro";
 export { default as CompatibilityFlag } from "./CompatibilityFlag.astro";
 export { default as CompatibilityFlags } from "./CompatibilityFlags.astro";
 export { default as ComponentUsage } from "./ComponentUsage.astro";

src/components/Dismissible.tsx

@@ -1,6 +1,5 @@
 ---
 import type { StarlightIcon } from "@astrojs/starlight/types";
-import { Dismissible, Dismisser } from "../Dismissible";
 import { Icon } from "@astrojs/starlight/components";
 
 const { banner } = Astro.locals.starlightRoute.entry.data;
@@ -26,44 +25,6 @@ const { banner } = Astro.locals.starlightRoute.entry.data;
 				break;
 		}
 
-		if (banner.dismissible) {
-			return (
-				<Dismissible
-					id={banner.dismissible.id}
-					defaultDisplay="none"
-					client:load
-				>
-					<div
-						class={`sl-banner dismissible relative ${banner.type !== "default" ? `alert ${banner.type}` : ""}`}
-					>
-						<div class={`leading-6 ${icon ? "flex gap-2" : ""}`}>
-							{icon && (
-								<Icon name={icon} size="1.333em" class="min-w-[1.333em]" />
-							)}
-							<span set:html={banner.content} />
-						</div>
-						<Dismisser
-							id={banner.dismissible.id}
-							days={banner.dismissible.days}
-							client:load
-						>
-							<span class="absolute top-0 right-0 bottom-0 px-4 py-3">
-								<svg
-									class="h-6 w-6 fill-current"
-									role="button"
-									xmlns="http://www.w3.org/2000/svg"
-									viewBox="0 0 20 20"
-								>
-									<title>Close</title>
-									<path d="M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z" />
-								</svg>
-							</span>
-						</Dismisser>
-					</div>
-				</Dismissible>
-			);
-		}
-
 		return (
 			<div
 				class={`sl-banner relative ${banner.type !== "default" ? `alert ${banner.type}` : ""}`}

src/components/index.ts

@@ -24,24 +24,6 @@ banner:
 ---
 ```
 
-## Dismissible
-
-You can make a banner dismissible (for some number of days) by adding the `dismissible` property to the banner object.
-
-```mdx wrap
----
-title: Banner
-description: How to display a banner at the top of the page and when to use it.
-banner:
-  content: Do <strong>not</strong> use banners in the <a href="/style-guide/frontmatter/">Frontmatter</a> unless a change will cause customer application to break.
-  dismissible:
-    id: banner-example
-		days: 7 # default
----
-```
-
-Any other banner with the same `dismissible_id` will be dismissed when the banner is displayed.
-
 ## Styles / Types
 
 ### Note

src/components/overrides/Banner.astro

@@ -87,9 +87,6 @@ export const baseSchema = (_context: SchemaContext) =>
 					.enum(["default", "note", "tip", "caution", "danger"])
 					.optional()
 					.default("default"),
-				dismissible: z
-					.object({ id: z.string(), days: z.number().optional().default(7) })
-					.optional(),
 			})
 			.optional()
 			.describe(