@lssm/lib.accessibility 0.0.0-canary-20251217060804 → 0.0.0-canary-20251217062139

package/dist/AccessibilityPanel.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/AccessibilityPanel.d.ts
 declare function AccessibilityPanel({
   className
 }: {
   className?: string;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AccessibilityPanel };

package/dist/AccessibilityPanel.js

@@ -1,21 +1,21 @@
 'use client';
 
+import { Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui-kit-web/dist/ui/dialog.js";
+import { Button$1 } from "./design-system/dist/components/atoms/Button.js";
+import { Switch } from "./ui-kit-web/dist/ui/switch.js";
+import { Label } from "./ui-kit-web/dist/ui/label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui-kit-web/dist/ui/select.js";
 import { useA11YPreferences } from "./preferences.js";
+import { cn } from "./ui-kit-web/dist/ui/utils.js";
 import React from "react";
-import { Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "@lssm/lib.ui-kit-web/ui/dialog";
-import { Button } from "@lssm/lib.design-system";
-import { Switch } from "@lssm/lib.ui-kit-web/ui/switch";
-import { Label } from "@lssm/lib.ui-kit-web/ui/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@lssm/lib.ui-kit-web/ui/select";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
 
 //#region src/AccessibilityPanel.tsx
 function AccessibilityPanel({ className }) {
 	const { preferences, setPreferences } = useA11YPreferences();
 	return /* @__PURE__ */ jsxs(Dialog, { children: [/* @__PURE__ */ jsx(DialogTrigger, {
 		asChild: true,
-		children: /* @__PURE__ */ jsx(Button, {
+		children: /* @__PURE__ */ jsx(Button$1, {
 			variant: "outline",
 			"aria-haspopup": "dialog",
 			children: "Accessibility"
@@ -160,7 +160,7 @@ function AccessibilityPanel({ className }) {
 				className: "mt-8 flex justify-end gap-2",
 				children: /* @__PURE__ */ jsx(DialogClose, {
 					asChild: true,
-					children: /* @__PURE__ */ jsx(Button, {
+					children: /* @__PURE__ */ jsx(Button$1, {
 						variant: "secondary",
 						children: "Close"
 					})

package/dist/AccessibilityProvider.js

@@ -1,11 +1,11 @@
 'use client';
 
 import { A11YPreferencesProvider } from "./preferences.js";
+import { SRLiveRegionProvider } from "./ui-kit-web/dist/ui/live-region.js";
 import { NextRouteAnnouncer } from "./next-route-announcer.js";
+import { SkipLink } from "./ui-kit-web/dist/ui/skip-link.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { SRLiveRegionProvider } from "@lssm/lib.ui-kit-web/ui/live-region";
-import { SkipLink } from "@lssm/lib.ui-kit-web/ui/skip-link";
 
 //#region src/AccessibilityProvider.tsx
 function AccessibilityProvider({ children, skipTargetId = "main" }) {

package/dist/design-system/dist/_virtual/rolldown_runtime.js

@@ -0,0 +1,5 @@
+//#region ../design-system/dist/_virtual/rolldown_runtime.js
+var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+
+//#endregion
+export { __esmMin };

package/dist/design-system/dist/components/atoms/Button.js

@@ -0,0 +1,33 @@
+import { Button } from "../../ui-kit-web/dist/ui/button.js";
+import "react";
+import { Loader2 } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../design-system/dist/components/atoms/Button.js
+function Button$1({ children, loading, spinnerPlacement = "start", onPress, onPressIn, onPressOut, onLongPress, onTouchStart, onTouchEnd, onTouchCancel, onMouseDown, onMouseUp, onClick, className, disabled, ...rest }) {
+	const isDisabled = Boolean(disabled || loading);
+	const content = !rest.asChild ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		loading && spinnerPlacement === "start" ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : null,
+		children,
+		loading && spinnerPlacement === "end" ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : null
+	] }) : children;
+	return /* @__PURE__ */ jsx(Button, {
+		...rest,
+		className,
+		disabled: isDisabled,
+		"aria-busy": loading ? true : void 0,
+		"aria-disabled": isDisabled ? true : void 0,
+		onPress: onPress || onClick,
+		onClick: onPress || onClick,
+		onMouseDown: onMouseDown || onPressIn,
+		onMouseUp: onMouseUp || onPressOut,
+		onTouchStart,
+		onTouchEnd: onTouchEnd || onPressOut,
+		onTouchCancel: onTouchCancel || onPressOut,
+		type: rest?.type ?? "button",
+		children: content
+	});
+}
+
+//#endregion
+export { Button$1 };

package/dist/design-system/dist/ui-kit-web/dist/ui/button.js

@@ -0,0 +1,55 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ../design-system/dist/ui-kit-web/dist/ui/button.js
+init_utils();
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const Button = React$1.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+	return /* @__PURE__ */ jsx("button", {
+		ref,
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+});
+Button.displayName = "Button";
+
+//#endregion
+export { Button };

package/dist/design-system/dist/ui-kit-web/dist/ui-kit-core/dist/utils.js

@@ -0,0 +1,13 @@
+import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region ../design-system/dist/ui-kit-web/dist/ui-kit-core/dist/utils.js
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+var init_utils = __esmMin((() => {}));
+init_utils();
+
+//#endregion
+export { cn, init_utils };

package/dist/index.d.ts

@@ -2,9 +2,9 @@ import { AccessibilityPanel } from "./AccessibilityPanel.js";
 import { AccessibilityProvider } from "./AccessibilityProvider.js";
 import { A11YPreferencesProvider, AccessibilityPreferences, useA11YPreferences } from "./preferences.js";
 import { NextRouteAnnouncer } from "./next-route-announcer.js";
-import { SRLiveRegionProvider, useSRLiveRegion } from "@lssm/lib.ui-kit-web/ui/live-region";
 import { SkipLink } from "@lssm/lib.ui-kit-web/ui/skip-link";
 import { VisuallyHidden } from "@lssm/lib.ui-kit-web/ui/visually-hidden";
+import { SRLiveRegionProvider, useSRLiveRegion } from "@lssm/lib.ui-kit-web/ui/live-region";
 import { RouteAnnouncer } from "@lssm/lib.ui-kit-web/ui/route-announcer";
 import { FocusOnRouteChange } from "@lssm/lib.ui-kit-web/ui/focus-on-route-change";
 import { useReducedMotion } from "@lssm/lib.ui-kit-web/ui/use-reduced-motion";

package/dist/index.js

@@ -1,13 +1,13 @@
 import { A11YPreferencesProvider, useA11YPreferences } from "./preferences.js";
 import { AccessibilityPanel } from "./AccessibilityPanel.js";
+import { SRLiveRegionProvider, useSRLiveRegion } from "./ui-kit-web/dist/ui/live-region.js";
 import { NextRouteAnnouncer } from "./next-route-announcer.js";
+import { SkipLink } from "./ui-kit-web/dist/ui/skip-link.js";
 import { AccessibilityProvider } from "./AccessibilityProvider.js";
+import { VisuallyHidden } from "./ui-kit-web/dist/ui/visually-hidden.js";
+import { RouteAnnouncer } from "./ui-kit-web/dist/ui/route-announcer.js";
+import { FocusOnRouteChange } from "./ui-kit-web/dist/ui/focus-on-route-change.js";
+import { useReducedMotion } from "./ui-kit-web/dist/ui/use-reduced-motion.js";
 import "./styles.js";
-import { SRLiveRegionProvider, useSRLiveRegion } from "@lssm/lib.ui-kit-web/ui/live-region";
-import { SkipLink } from "@lssm/lib.ui-kit-web/ui/skip-link";
-import { VisuallyHidden } from "@lssm/lib.ui-kit-web/ui/visually-hidden";
-import { RouteAnnouncer } from "@lssm/lib.ui-kit-web/ui/route-announcer";
-import { FocusOnRouteChange } from "@lssm/lib.ui-kit-web/ui/focus-on-route-change";
-import { useReducedMotion } from "@lssm/lib.ui-kit-web/ui/use-reduced-motion";
 
 export { A11YPreferencesProvider, AccessibilityPanel, AccessibilityProvider, FocusOnRouteChange, NextRouteAnnouncer, RouteAnnouncer, SRLiveRegionProvider, SkipLink, VisuallyHidden, useA11YPreferences, useReducedMotion, useSRLiveRegion };

package/dist/preferences.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/preferences.d.ts
 type TextSize = 's' | 'm' | 'l' | 'xl';
@@ -29,7 +29,7 @@ declare function A11YPreferencesProvider({
   children
 }: {
   children: React.ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime1.JSX.Element;
 declare function a11yRootClassName(): string;
 //#endregion
 export { A11YPreferencesProvider, AccessibilityPreferences, DyslexiaFont, FocusRing, HighContrast, LineHeight, ReduceMotion, TextSize, TextSpacing, UnderlineLinks, a11yRootClassName, useA11YPreferences };

package/dist/ui-kit-web/dist/ui/dialog.js

@@ -0,0 +1,68 @@
+'use client';
+
+import { cn } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region ../ui-kit-web/dist/ui/dialog.js
+function Dialog({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogClose({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+			"data-slot": "dialog-content",
+			className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+				"data-slot": "dialog-close",
+				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-lg leading-none font-semibold", className),
+		...props
+	});
+}
+
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/ui-kit-web/dist/ui/focus-on-route-change.js

@@ -0,0 +1,16 @@
+import * as React$1 from "react";
+
+//#region ../ui-kit-web/dist/ui/focus-on-route-change.js
+function FocusOnRouteChange({ focusSelector = "h1, [data-page-title], #main" }) {
+	React$1.useEffect(() => {
+		const el = document.querySelector(focusSelector);
+		if (el) {
+			el.tabIndex = -1;
+			el.focus();
+		}
+	});
+	return null;
+}
+
+//#endregion
+export { FocusOnRouteChange };

package/dist/ui-kit-web/dist/ui/label.js

@@ -0,0 +1,18 @@
+'use client';
+
+import { cn } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region ../ui-kit-web/dist/ui/label.js
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+		"data-slot": "label",
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		...props
+	});
+}
+
+//#endregion
+export { Label };

package/dist/ui-kit-web/dist/ui/live-region.js

@@ -0,0 +1,46 @@
+'use client';
+
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/live-region.js
+const SRLiveRegionContext = React$1.createContext(null);
+function useSRLiveRegion() {
+	const ctx = React$1.useContext(SRLiveRegionContext);
+	if (!ctx) throw new Error("useSRLiveRegion must be used within SRLiveRegionProvider");
+	return ctx;
+}
+function SRLiveRegionProvider({ children }) {
+	const [messages, setMessages] = React$1.useState([]);
+	const idRef = React$1.useRef(0);
+	const announce = React$1.useCallback((text, politeness = "polite") => {
+		const id = ++idRef.current;
+		setMessages((prev) => [...prev, {
+			id,
+			text,
+			politeness
+		}]);
+		setTimeout(() => setMessages((prev) => prev.filter((m) => m.id !== id)), 1e3);
+	}, []);
+	return /* @__PURE__ */ jsxs(SRLiveRegionContext.Provider, {
+		value: { announce },
+		children: [
+			children,
+			/* @__PURE__ */ jsx("div", {
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				className: "sr-only",
+				children: messages.filter((m) => m.politeness === "polite").map((m) => /* @__PURE__ */ jsx("div", { children: m.text }, m.id))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				"aria-live": "assertive",
+				"aria-atomic": "true",
+				className: "sr-only",
+				children: messages.filter((m) => m.politeness === "assertive").map((m) => /* @__PURE__ */ jsx("div", { children: m.text }, m.id))
+			})
+		]
+	});
+}
+
+//#endregion
+export { SRLiveRegionProvider, useSRLiveRegion };

package/dist/ui-kit-web/dist/ui/route-announcer.js

@@ -0,0 +1,21 @@
+'use client';
+
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/route-announcer.js
+function RouteAnnouncer({ title }) {
+	const [message, setMessage] = React$1.useState("");
+	React$1.useEffect(() => {
+		if (title) setMessage(title);
+	}, [title]);
+	return /* @__PURE__ */ jsx("div", {
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		className: "sr-only",
+		children: message
+	});
+}
+
+//#endregion
+export { RouteAnnouncer };

package/dist/ui-kit-web/dist/ui/select.js

@@ -0,0 +1,79 @@
+'use client';
+
+import { cn } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+//#region ../ui-kit-web/dist/ui/select.js
+function Select({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+		"data-slot": "select",
+		...props
+	});
+}
+function SelectValue({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+		"data-slot": "select-value",
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: cn("aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input focus-visible:border-ring focus-visible:ring-ring/50 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+function SelectContent({ className, children, position = "popper", ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+		"data-slot": "select-content",
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+		position,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+				className: cn("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"),
+				children
+			}),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+		"data-slot": "select-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+	});
+}
+
+//#endregion
+export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };

package/dist/ui-kit-web/dist/ui/skip-link.js

@@ -0,0 +1,16 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/skip-link.js
+const defaultClasses = "sr-only focus:not-sr-only focus-visible:outline-solid focus-visible:ring-4 focus-visible:ring-offset-2 fixed top-2 left-2 z-100 rounded-xs bg-background px-3 py-2 text-sm shadow-2xs";
+function SkipLink({ targetId = "main", children, className, ...props }) {
+	return /* @__PURE__ */ jsx("a", {
+		className: [defaultClasses, className].filter(Boolean).join(" "),
+		href: `#${targetId}`,
+		...props,
+		children: children ?? "Skip to main content"
+	});
+}
+
+//#endregion
+export { SkipLink };

package/dist/ui-kit-web/dist/ui/switch.js

@@ -0,0 +1,23 @@
+'use client';
+
+import { cn } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+
+//#region ../ui-kit-web/dist/ui/switch.js
+function Switch({ className, thumbClassName, ...props }) {
+	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		"data-slot": "switch",
+		className: cn("peer focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-2xs outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0", thumbClassName)
+		})
+	});
+}
+
+//#endregion
+export { Switch };

package/dist/ui-kit-web/dist/ui/use-reduced-motion.js

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+
+//#region ../ui-kit-web/dist/ui/use-reduced-motion.js
+function useReducedMotion() {
+	const [reduced, setReduced] = React$1.useState(false);
+	React$1.useEffect(() => {
+		const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
+		const onChange = () => setReduced(mql.matches);
+		onChange();
+		mql.addEventListener("change", onChange);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return reduced;
+}
+
+//#endregion
+export { useReducedMotion };

package/dist/ui-kit-web/dist/ui/utils.js

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region ../ui-kit-web/dist/ui/utils.js
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };

package/dist/ui-kit-web/dist/ui/visually-hidden.js

@@ -0,0 +1,30 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/visually-hidden.js
+const srOnlyStyle = {
+	border: 0,
+	clip: "rect(0 0 0 0)",
+	height: "1px",
+	margin: "-1px",
+	overflow: "hidden",
+	padding: 0,
+	position: "absolute",
+	width: "1px",
+	whiteSpace: "nowrap"
+};
+const VisuallyHidden = React$1.forwardRef(({ as = "span", style, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		style: {
+			...srOnlyStyle,
+			...style
+		},
+		...props,
+		children
+	});
+});
+VisuallyHidden.displayName = "VisuallyHidden";
+
+//#endregion
+export { VisuallyHidden };

package/dist/ui-kit-web/dist/ui-kit-core/dist/utils.js

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region ../ui-kit-web/dist/ui-kit-core/dist/utils.js
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lssm/lib.accessibility",
-  "version": "0.0.0-canary-20251217060804",
+  "version": "0.0.0-canary-20251217062139",
   "scripts": {
     "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
     "publish:pkg:canary": "bun publish:pkg --tag canary",
@@ -14,13 +14,13 @@
     "lint:check": "eslint src"
   },
   "dependencies": {
-    "@lssm/lib.design-system": "0.0.0-canary-20251217060804",
-    "@lssm/lib.ui-kit": "0.0.0-canary-20251217060804",
-    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217060804"
+    "@lssm/lib.design-system": "0.0.0-canary-20251217062139",
+    "@lssm/lib.ui-kit": "0.0.0-canary-20251217062139",
+    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217062139"
   },
   "devDependencies": {
-    "@lssm/tool.tsdown": "0.0.0-canary-20251217060804",
-    "@lssm/tool.typescript": "0.0.0-canary-20251217060804",
+    "@lssm/tool.tsdown": "0.0.0-canary-20251217062139",
+    "@lssm/tool.typescript": "0.0.0-canary-20251217062139",
     "tsdown": "^0.17.4",
     "typescript": "^5.9.3"
   },