zabi-components 5.0.22 → 7.0.0

package/dist/components/types/variants.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Centralized variant type definitions for zabi-components
+ *
+ * This file provides consistent variant naming conventions across all components.
+ * Variants are categorized into semantic color variants and style variants.
+ */
+/**
+ * Semantic color variants - used for state indication
+ * These variants use semantic colors (success, warning, error, info) to indicate meaning
+ */
+export type SemanticVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
+/**
+ * Extended semantic variants - includes additional semantic colors
+ * Used by components that support more semantic states
+ */
+export type ExtendedSemanticVariant = SemanticVariant | 'neutral' | 'energetic';
+/**
+ * Button style variants - used for different button styles
+ * These are style-based variants, not semantic color variants
+ */
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost' | 'outline' | 'link';
+/**
+ * Card style variants - used for different card appearances
+ */
+export type CardVariant = 'default' | 'elevated' | 'outlined' | 'flat';
+/**
+ * Component size variants - consistent across all components
+ */
+export type SizeVariant = 'sm' | 'md' | 'lg';
+/**
+ * Helper type to check if a variant is a semantic variant
+ */
+export declare function isSemanticVariant(variant: string): variant is SemanticVariant;
+/**
+ * Helper type to check if a variant is an extended semantic variant
+ */
+export declare function isExtendedSemanticVariant(variant: string): variant is ExtendedSemanticVariant;
+/**
+ * Variant naming conventions:
+ *
+ * 1. Semantic Color Variants (for state indication):
+ *    - default: Standard/default appearance
+ *    - success: Positive/successful state (green)
+ *    - warning: Cautionary state (yellow/amber)
+ *    - error: Error/dangerous state (red)
+ *    - info: Informational state (blue)
+ *    - neutral: Neutral state (gray)
+ *    - energetic: Energetic/vibrant state (yellow/orange)
+ *
+ * 2. Style Variants (for visual appearance):
+ *    - Button: primary, secondary, danger, ghost, outline, link
+ *    - Card: default, elevated, outlined, flat
+ *
+ * 3. Size Variants (consistent across components):
+ *    - sm: Small size
+ *    - md: Medium size (default)
+ *    - lg: Large size
+ *
+ * Usage Guidelines:
+ * - Use semantic variants when the variant indicates a state or meaning
+ * - Use style variants when the variant changes visual appearance only
+ * - Always use SizeVariant for size props
+ */
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/types/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/types/variants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnF;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,SAAS,GAAG,WAAW,CAAC;AAEhF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9F;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,eAAe,CAE7E;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,uBAAuB,CAE7F;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG"}

package/dist/components/types/variants.js

@@ -0,0 +1,44 @@
+/**
+ * Centralized variant type definitions for zabi-components
+ *
+ * This file provides consistent variant naming conventions across all components.
+ * Variants are categorized into semantic color variants and style variants.
+ */
+/**
+ * Helper type to check if a variant is a semantic variant
+ */
+export function isSemanticVariant(variant) {
+    return ['default', 'success', 'warning', 'error', 'info'].includes(variant);
+}
+/**
+ * Helper type to check if a variant is an extended semantic variant
+ */
+export function isExtendedSemanticVariant(variant) {
+    return ['default', 'success', 'warning', 'error', 'info', 'neutral', 'energetic'].includes(variant);
+}
+/**
+ * Variant naming conventions:
+ *
+ * 1. Semantic Color Variants (for state indication):
+ *    - default: Standard/default appearance
+ *    - success: Positive/successful state (green)
+ *    - warning: Cautionary state (yellow/amber)
+ *    - error: Error/dangerous state (red)
+ *    - info: Informational state (blue)
+ *    - neutral: Neutral state (gray)
+ *    - energetic: Energetic/vibrant state (yellow/orange)
+ *
+ * 2. Style Variants (for visual appearance):
+ *    - Button: primary, secondary, danger, ghost, outline, link
+ *    - Card: default, elevated, outlined, flat
+ *
+ * 3. Size Variants (consistent across components):
+ *    - sm: Small size
+ *    - md: Medium size (default)
+ *    - lg: Large size
+ *
+ * Usage Guidelines:
+ * - Use semantic variants when the variant indicates a state or meaning
+ * - Use style variants when the variant changes visual appearance only
+ * - Always use SizeVariant for size props
+ */

package/dist/components/util/fixed-sidebar-flyout.d.ts

@@ -0,0 +1,23 @@
+import type { Action } from "svelte/action";
+export type SidebarFlyoutAlign = "top" | "bottom";
+/** Which trigger inside the flyout root to pin to (when multiple anchors exist). */
+export type SidebarFlyoutAnchorRole = "search" | "profile";
+export interface FixedSidebarFlyoutParams {
+    open: boolean;
+    align: SidebarFlyoutAlign;
+    gap?: number;
+    /**
+     * Prefer setting this when the root contains both search and profile anchors
+     * (same `SidebarNavigation`). Defaults to the first `[data-sidebar-flyout-anchor]`.
+     */
+    anchorRole?: SidebarFlyoutAnchorRole;
+}
+/**
+ * Pins a flyout with `position: fixed` next to the trigger marked with
+ * `[data-sidebar-flyout-anchor]` inside `[data-sidebar-flyout-root]` (typically the
+ * search or profile button), updating on scroll and resize.
+ * While open, the node is moved to `document.body` so `overflow-y: auto` / scroll
+ * ancestors cannot clip it (fixed descendants are still painted inside scrollports).
+ */
+export declare const fixedSidebarFlyout: Action<HTMLElement, FixedSidebarFlyoutParams>;
+//# sourceMappingURL=fixed-sidebar-flyout.d.ts.map

package/dist/components/util/fixed-sidebar-flyout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixed-sidebar-flyout.d.ts","sourceRoot":"","sources":["../../../src/components/util/fixed-sidebar-flyout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElD,oFAAoF;AACpF,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE3D,MAAM,WAAW,wBAAwB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACxC;AA4BD;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CACnC,WAAW,EACX,wBAAwB,CAgJ3B,CAAC"}

package/dist/components/util/focus-utils.d.ts

@@ -0,0 +1,12 @@
+/** Focus helpers for overlays (modals, sheets). Requires `app.css` focus ring classes. */
+/** From `app.css` `@layer components` — import the library/app stylesheet. */
+export declare const FOCUS_BRAND_CLASS = "focus-brand";
+export declare const FOCUS_NAV_CLASS = "focus-nav";
+export declare function getFocusableElements(container: HTMLElement): HTMLElement[];
+/** Tab wraps first↔last inside `container`. Caller should pair with `saveFocus` / `returnFocus`. */
+export declare function trapFocus(container: HTMLElement): () => void;
+export declare function saveFocus(): void;
+/** Restores focus from the last `saveFocus`. Skips disconnected or unfocusable nodes. */
+export declare function returnFocus(): void;
+export declare function focusFirstElement(container: HTMLElement): void;
+//# sourceMappingURL=focus-utils.d.ts.map

package/dist/components/util/focus-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-utils.d.ts","sourceRoot":"","sources":["../../../src/components/util/focus-utils.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAE1F,8EAA8E;AAC9E,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAC/C,eAAO,MAAM,eAAe,cAAc,CAAC;AAE3C,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,EAAE,CAgB1E;AAED,oGAAoG;AACpG,wBAAgB,SAAS,CAAC,SAAS,EAAE,WAAW,GAAG,MAAM,IAAI,CA2C5D;AAKD,wBAAgB,SAAS,IAAI,IAAI,CAUhC;AAED,yFAAyF;AACzF,wBAAgB,WAAW,IAAI,IAAI,CAgBlC;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAK9D"}

package/dist/components/util/ssr-safe.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Browser-only guards and id generation for components that run under SSR.
+ * `generateId()` is non-deterministic on the client (random) vs counter on the server —
+ * use stable ids for ARIA pairs (e.g. `menuId` on NavigationMenu), not for persisted keys.
+ */
+export declare function isBrowser(): boolean;
+export declare function safeWindow(): Window | undefined;
+export declare function safeDocument(): Document | undefined;
+export declare function safeLocalStorage(): Storage | undefined;
+export declare function safeSessionStorage(): Storage | undefined;
+export declare function safeRequestAnimationFrame(callback: FrameRequestCallback): number | undefined;
+export declare function safeSetTimeout(callback: () => void, delay: number): NodeJS.Timeout | undefined;
+export declare function safeClearTimeout(id: NodeJS.Timeout | undefined): void;
+export declare function safeSetInterval(callback: () => void, delay: number): NodeJS.Timeout | undefined;
+export declare function safeClearInterval(id: NodeJS.Timeout | undefined): void;
+export declare function generateId(prefix?: string): string;
+//# sourceMappingURL=ssr-safe.d.ts.map

package/dist/components/util/ssr-safe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-safe.d.ts","sourceRoot":"","sources":["../../../src/components/util/ssr-safe.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,wBAAgB,SAAS,IAAI,OAAO,CAEnC;AAED,wBAAgB,UAAU,IAAI,MAAM,GAAG,SAAS,CAE/C;AAED,wBAAgB,YAAY,IAAI,QAAQ,GAAG,SAAS,CAEnD;AAED,wBAAgB,gBAAgB,IAAI,OAAO,GAAG,SAAS,CAEtD;AAED,wBAAgB,kBAAkB,IAAI,OAAO,GAAG,SAAS,CAExD;AAED,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,oBAAoB,GAAG,MAAM,GAAG,SAAS,CAE5F;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,OAAO,GAAG,SAAS,CAE9F;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,GAAG,IAAI,CAIrE;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,OAAO,GAAG,SAAS,CAE/F;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,GAAG,IAAI,CAItE;AAGD,wBAAgB,UAAU,CAAC,MAAM,GAAE,MAAa,GAAG,MAAM,CAMxD"}

package/dist/index.d.ts

@@ -1,7 +1,11 @@
 export { default as Toggle } from './atoms/Toggle.svelte';
 export { default as Badge } from './atoms/Badge.svelte';
 export { default as Button } from './atoms/Button.svelte';
+export { default as IconButton } from './atoms/IconButton.svelte';
 export { default as Card } from './atoms/Card.svelte';
+export { default as CardHeader } from './atoms/CardHeader.svelte';
+export { default as CardContent } from './atoms/CardContent.svelte';
+export { default as CardFooter } from './atoms/CardFooter.svelte';
 export { default as Input } from './atoms/Input.svelte';
 export { default as Textarea } from './atoms/Textarea.svelte';
 export { default as Select } from './atoms/Select.svelte';
@@ -10,27 +14,58 @@ export { default as List } from './atoms/List.svelte';
 export { default as ListItem } from './atoms/ListItem.svelte';
 export { default as Heading } from './atoms/Heading.svelte';
 export { default as ThemeToggle } from './atoms/ThemeToggle.svelte';
+export { default as Divider } from './atoms/Divider.svelte';
+export { default as Container } from './atoms/Container.svelte';
+export { default as Text } from './atoms/Text.svelte';
+export { default as Table } from './atoms/Table.svelte';
+export { default as Toast } from './atoms/Toast.svelte';
+export { default as Tooltip } from './atoms/Tooltip.svelte';
+export { default as Progress } from './atoms/Progress.svelte';
+export { default as Skeleton } from './atoms/Skeleton.svelte';
+export { default as Checkbox } from './atoms/Checkbox.svelte';
+export { default as Radio } from './atoms/Radio.svelte';
+export { default as CodeBlock } from './atoms/CodeBlock.svelte';
+export { default as FeatureCard } from './atoms/FeatureCard.svelte';
+export { default as OptimizedImage } from './atoms/OptimizedImage.svelte';
+export { default as ActionPanel } from './atoms/ActionPanel.svelte';
 export { default as Alert } from './molecules/Alert.svelte';
 export { default as ComponentDemo } from './molecules/ComponentDemo.svelte';
 export { default as ContactForm } from './molecules/ContactForm.svelte';
 export { default as Dropdown } from './molecules/Dropdown.svelte';
 export { default as Form } from './molecules/Form.svelte';
+export { default as FormField } from './molecules/FormField.svelte';
+export { default as Header } from './molecules/Header.svelte';
+export { default as EmptyState } from './molecules/EmptyState.svelte';
+export { default as Toaster } from './molecules/Toaster.svelte';
 export { default as ImageUpload } from './molecules/ImageUpload.svelte';
 export { default as Modal } from './molecules/Modal.svelte';
 export { default as SlideUp } from './molecules/SlideUp.svelte';
 export { default as Tabs } from './molecules/Tabs.svelte';
-export { default as Navbar } from './organisms/Navbar.svelte';
-export { default as Navigation } from './organisms/Navigation.svelte';
+export { default as RadioGroup } from './molecules/RadioGroup.svelte';
+export { default as NavigationMenu } from './molecules/NavigationMenu.svelte';
+export { default as NavigationMenuList } from './molecules/NavigationMenuList.svelte';
+export { default as NavigationMenuItem } from './molecules/NavigationMenuItem.svelte';
+export { default as NavigationMenuTrigger } from './molecules/NavigationMenuTrigger.svelte';
+export { default as NavigationMenuContent } from './molecules/NavigationMenuContent.svelte';
+export { default as NavigationMenuLink } from './molecules/NavigationMenuLink.svelte';
+export { default as Page } from './molecules/Page.svelte';
+export { default as Section } from './molecules/Section.svelte';
+export { default as SidebarBrandHeader } from './molecules/SidebarBrandHeader.svelte';
+export { default as SidebarFooter } from './molecules/SidebarFooter.svelte';
+export { default as SidebarNavSection } from './molecules/SidebarNavSection.svelte';
+export { toastStore, pushToast, dismissToast, type ToastItem, type ToastLevel, } from './molecules/toast-store.js';
+export { default as TopNavbar } from './organisms/TopNavbar.svelte';
 export { default as SidebarNavigation } from './organisms/SidebarNavigation.svelte';
-export { default as SidebarProjectPanel } from './organisms/SidebarProjectPanel.svelte';
+export { default as SidebarAccountPanel } from './organisms/SidebarAccountPanel.svelte';
+export { default as SidebarPanel } from './organisms/SidebarPanel.svelte';
+export declare const generateId: (prefix?: string) => string;
 export declare const createId: (prefix?: string) => string;
 export declare const cn: (...classes: (string | undefined | null | false)[]) => string;
-export declare const getFormData: (form: HTMLFormElement) => Record<string, any>;
+export declare const getFormData: (form: HTMLFormElement) => Record<string, unknown>;
 export declare const validateEmail: (email: string) => boolean;
-export declare const validateRequired: (value: any) => boolean;
+export declare const validateRequired: (value: unknown) => boolean;
 export declare const isBrowser: () => boolean;
 export declare const safeWindow: () => Window | undefined;
 export declare const safeDocument: () => Document | undefined;
 export declare const safeLocalStorage: () => Storage | undefined;
-export declare const generateId: (prefix?: string) => string;
-export { Sun, Moon, Monitor, Grip, GripVertical, ChevronUp, ChevronDown, ChevronRight, Zap, Briefcase, Clipboard, Settings } from '@lucide/svelte';
+export { Sun, Moon, Monitor, Grip, GripVertical, ChevronUp, ChevronDown, ChevronRight, Zap, Briefcase, Clipboard, Settings, } from '@lucide/svelte';

package/dist/index.js

@@ -1,7 +1,11 @@
 export { default as Toggle } from './atoms/Toggle.svelte';
 export { default as Badge } from './atoms/Badge.svelte';
 export { default as Button } from './atoms/Button.svelte';
+export { default as IconButton } from './atoms/IconButton.svelte';
 export { default as Card } from './atoms/Card.svelte';
+export { default as CardHeader } from './atoms/CardHeader.svelte';
+export { default as CardContent } from './atoms/CardContent.svelte';
+export { default as CardFooter } from './atoms/CardFooter.svelte';
 export { default as Input } from './atoms/Input.svelte';
 export { default as Textarea } from './atoms/Textarea.svelte';
 export { default as Select } from './atoms/Select.svelte';
@@ -10,19 +14,56 @@ export { default as List } from './atoms/List.svelte';
 export { default as ListItem } from './atoms/ListItem.svelte';
 export { default as Heading } from './atoms/Heading.svelte';
 export { default as ThemeToggle } from './atoms/ThemeToggle.svelte';
+export { default as Divider } from './atoms/Divider.svelte';
+export { default as Container } from './atoms/Container.svelte';
+export { default as Text } from './atoms/Text.svelte';
+export { default as Table } from './atoms/Table.svelte';
+export { default as Toast } from './atoms/Toast.svelte';
+export { default as Tooltip } from './atoms/Tooltip.svelte';
+export { default as Progress } from './atoms/Progress.svelte';
+export { default as Skeleton } from './atoms/Skeleton.svelte';
+export { default as Checkbox } from './atoms/Checkbox.svelte';
+export { default as Radio } from './atoms/Radio.svelte';
+export { default as CodeBlock } from './atoms/CodeBlock.svelte';
+export { default as FeatureCard } from './atoms/FeatureCard.svelte';
+export { default as OptimizedImage } from './atoms/OptimizedImage.svelte';
+export { default as ActionPanel } from './atoms/ActionPanel.svelte';
 export { default as Alert } from './molecules/Alert.svelte';
 export { default as ComponentDemo } from './molecules/ComponentDemo.svelte';
 export { default as ContactForm } from './molecules/ContactForm.svelte';
 export { default as Dropdown } from './molecules/Dropdown.svelte';
 export { default as Form } from './molecules/Form.svelte';
+export { default as FormField } from './molecules/FormField.svelte';
+export { default as Header } from './molecules/Header.svelte';
+export { default as EmptyState } from './molecules/EmptyState.svelte';
+export { default as Toaster } from './molecules/Toaster.svelte';
 export { default as ImageUpload } from './molecules/ImageUpload.svelte';
 export { default as Modal } from './molecules/Modal.svelte';
 export { default as SlideUp } from './molecules/SlideUp.svelte';
 export { default as Tabs } from './molecules/Tabs.svelte';
-export { default as Navbar } from './organisms/Navbar.svelte';
-export { default as Navigation } from './organisms/Navigation.svelte';
+export { default as RadioGroup } from './molecules/RadioGroup.svelte';
+export { default as NavigationMenu } from './molecules/NavigationMenu.svelte';
+export { default as NavigationMenuList } from './molecules/NavigationMenuList.svelte';
+export { default as NavigationMenuItem } from './molecules/NavigationMenuItem.svelte';
+export { default as NavigationMenuTrigger } from './molecules/NavigationMenuTrigger.svelte';
+export { default as NavigationMenuContent } from './molecules/NavigationMenuContent.svelte';
+export { default as NavigationMenuLink } from './molecules/NavigationMenuLink.svelte';
+export { default as Page } from './molecules/Page.svelte';
+export { default as Section } from './molecules/Section.svelte';
+export { default as SidebarBrandHeader } from './molecules/SidebarBrandHeader.svelte';
+export { default as SidebarFooter } from './molecules/SidebarFooter.svelte';
+export { default as SidebarNavSection } from './molecules/SidebarNavSection.svelte';
+export { toastStore, pushToast, dismissToast, } from './molecules/toast-store.js';
+export { default as TopNavbar } from './organisms/TopNavbar.svelte';
 export { default as SidebarNavigation } from './organisms/SidebarNavigation.svelte';
-export { default as SidebarProjectPanel } from './organisms/SidebarProjectPanel.svelte';
+export { default as SidebarAccountPanel } from './organisms/SidebarAccountPanel.svelte';
+export { default as SidebarPanel } from './organisms/SidebarPanel.svelte';
+export const generateId = (prefix = 'id') => {
+    if (typeof window !== 'undefined') {
+        return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
+    }
+    return `${prefix}-ssr-${Date.now()}`;
+};
 export const createId = (prefix = 'id') => generateId(prefix);
 export const cn = (...classes) => classes.filter(Boolean).join(' ');
 export const getFormData = (form) => {
@@ -48,10 +89,4 @@ export const safeDocument = () => {
 export const safeLocalStorage = () => {
     return typeof window !== 'undefined' ? localStorage : undefined;
 };
-export const generateId = (prefix = 'id') => {
-    if (typeof window !== 'undefined') {
-        return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
-    }
-    return `${prefix}-ssr-${Date.now()}`;
-};
-export { Sun, Moon, Monitor, Grip, GripVertical, ChevronUp, ChevronDown, ChevronRight, Zap, Briefcase, Clipboard, Settings } from '@lucide/svelte';
+export { Sun, Moon, Monitor, Grip, GripVertical, ChevronUp, ChevronDown, ChevronRight, Zap, Briefcase, Clipboard, Settings, } from '@lucide/svelte';

package/dist/lib/layout-width-tokens.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Named aliases for layout widths that are otherwise enforced as literals in
+ * `scripts/layout-width-policy.js` (see `ARBITRARY_MAX_WIDTH`).
+ *
+ * **Sync rule:** values MUST match `ARBITRARY_MAX_WIDTH` keys exactly. After
+ * changing policy, update this file (or vice versa) and run `npm run check`.
+ *
+ * Prefer `<Container>` / `<Section>` `maxWidth` for screen tokens; use these
+ * only where a fixed arbitrary literal is still required (shell, demos).
+ */
+export declare const layoutArbitraryWidth: {
+    /** DOCS_CATALOG_SIDEBAR_CAP — mobile drawer cap for /components sidebar */
+    readonly docsCatalogSidebar: "max-w-[266px]";
+    /** SIDEBAR_APP_SHELL_RAIL — showcase app-shell sidebar column demo */
+    readonly showcaseSidebarRail: "max-w-[280px]";
+};
+//# sourceMappingURL=layout-width-tokens.d.ts.map

package/dist/lib/layout-width-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-width-tokens.d.ts","sourceRoot":"","sources":["../../src/lib/layout-width-tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB;IAC7B,2EAA2E;;IAE3E,sEAAsE;;CAEhE,CAAC"}

package/dist/lib/showcase/component-docs/Button.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDoc } from "../../../types/page.types";
+export declare const doc: ComponentDoc;
+//# sourceMappingURL=Button.d.ts.map

package/dist/lib/showcase/component-docs/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/Button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YAiDhB,CAAC"}

package/dist/lib/showcase/component-docs/Input.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDoc } from "../../../types/page.types";
+export declare const doc: ComponentDoc;
+//# sourceMappingURL=Input.d.ts.map

package/dist/lib/showcase/component-docs/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/Input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YAmChB,CAAC"}

package/dist/lib/showcase/component-docs/List.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDoc } from "../../../types/page.types";
+export declare const doc: ComponentDoc;
+//# sourceMappingURL=List.d.ts.map

package/dist/lib/showcase/component-docs/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/List.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YAoNhB,CAAC"}

package/dist/lib/showcase/component-docs/Modal.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDoc } from "../../../types/page.types";
+export declare const doc: ComponentDoc;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/lib/showcase/component-docs/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/Modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YA+BhB,CAAC"}

package/dist/lib/showcase/component-docs/Radio.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDoc } from "../../../types/page.types";
+export declare const doc: ComponentDoc;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/lib/showcase/component-docs/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/Radio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YAyEhB,CAAC"}

package/dist/lib/showcase/component-docs/SidebarNavigation.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDoc } from "../../../types/page.types";
+export declare const doc: ComponentDoc;
+//# sourceMappingURL=SidebarNavigation.d.ts.map

package/dist/lib/showcase/component-docs/SidebarNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavigation.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/SidebarNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAQ9D,eAAO,MAAM,GAAG,EAAE,YA2ChB,CAAC"}

package/dist/lib/showcase/component-docs/Skeleton.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDoc } from "../../../types/page.types";
+export declare const doc: ComponentDoc;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/lib/showcase/component-docs/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/Skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YA4EhB,CAAC"}

package/dist/lib/showcase/component-docs/_shared.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentCategory, ComponentDoc, ComponentDocExample } from "../../../types/page.types";
+export declare function demoId(componentName: string, suffix: string): string;
+export declare function defaultExample(componentName: string, example: Omit<ComponentDocExample, "demoId"> & {
+    demoId?: string;
+}): ComponentDocExample;
+export declare function makeDoc(doc: Omit<ComponentDoc, "defaultExample"> & {
+    defaultExample: Omit<ComponentDoc["defaultExample"], "demoId"> & {
+        demoId?: string;
+    };
+}): ComponentDoc;
+export declare function categoryDocId(category: ComponentCategory): string;
+//# sourceMappingURL=_shared.d.ts.map

package/dist/lib/showcase/component-docs/_shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_shared.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/_shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEtG,wBAAgB,MAAM,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,wBAAgB,cAAc,CAC1B,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GACnE,mBAAmB,CAQrB;AAED,wBAAgB,OAAO,CACnB,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,gBAAgB,CAAC,GAAG;IACxC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG;QAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACL,GACF,YAAY,CAYd;AAED,wBAAgB,aAAa,CAAC,QAAQ,EAAE,iBAAiB,GAAG,MAAM,CAEjE"}

package/dist/lib/showcase/component-docs/index.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentDoc } from "../../../types/page.types";
+export declare function allComponentDocs(): ComponentDoc[];
+export declare function getComponentDocByName(name: string): ComponentDoc | undefined;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/showcase/component-docs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAoB9D,wBAAgB,gBAAgB,IAAI,YAAY,EAAE,CAEjD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAG5E"}

package/dist/lib/showcase/components-catalog.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentMetadata } from "../../types/page.types";
+export declare const componentsCatalog: Record<string, ComponentMetadata[]>;
+//# sourceMappingURL=components-catalog.d.ts.map

package/dist/lib/showcase/components-catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-catalog.d.ts","sourceRoot":"","sources":["../../../src/lib/showcase/components-catalog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,EAAE,CAmjFjE,CAAC"}

package/dist/lib/showcase/components-showcase-constants.d.ts

@@ -0,0 +1,89 @@
+export declare const categories: {
+    id: string;
+    label: string;
+    description: string;
+}[];
+export declare const sampleCode = "function greet(name) {\n  return `Hello, ${name}!`;\n}\n\nconsole.log(greet('World'));";
+export declare const selectOptions: {
+    value: string;
+    label: string;
+}[];
+export declare const docsListItems: ({
+    id: string;
+    label: string;
+    description: string;
+    href: string;
+    disabled?: undefined;
+} | {
+    id: string;
+    label: string;
+    description: string;
+    href?: undefined;
+    disabled?: undefined;
+} | {
+    id: string;
+    label: string;
+    description: string;
+    href: string;
+    disabled: boolean;
+})[];
+export declare const sidebarNavItems: ({
+    id: string;
+    label: string;
+    href: string;
+    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+    badgeCount?: undefined;
+    group?: undefined;
+} | {
+    id: string;
+    label: string;
+    href: string;
+    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+    badgeCount: number;
+    group?: undefined;
+} | {
+    id: string;
+    label: string;
+    href: string;
+    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+    group: "secondary";
+    badgeCount?: undefined;
+})[];
+/** Richer nav for the “app shell” demo on the SidebarNavigation showcase page. */
+export declare const sidebarAppShellDemoItems: ({
+    id: string;
+    label: string;
+    href: string;
+    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+    section: string;
+    badgeCount?: undefined;
+    group?: undefined;
+} | {
+    id: string;
+    label: string;
+    href: string;
+    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+    section: string;
+    badgeCount: number;
+    group?: undefined;
+} | {
+    id: string;
+    label: string;
+    href: string;
+    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
+    group: "secondary";
+    section?: undefined;
+    badgeCount?: undefined;
+})[];
+export declare const sidebarProjectItems: ({
+    id: string;
+    label: string;
+    description: string;
+    badgeText: string;
+} | {
+    id: string;
+    label: string;
+    description: string;
+    badgeText?: undefined;
+})[];
+//# sourceMappingURL=components-showcase-constants.d.ts.map

package/dist/lib/showcase/components-showcase-constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-showcase-constants.d.ts","sourceRoot":"","sources":["../../../src/lib/showcase/components-showcase-constants.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,UAAU;;;;GAiBtB,CAAC;AAEF,eAAO,MAAM,UAAU,2FAIM,CAAC;AAE9B,eAAO,MAAM,aAAa;;;GAGvB,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;IAyBzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;IAmB3B,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;IAmDpC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;IAuB/B,CAAC"}

package/dist/lib/showcase/docs-sidebar-helpers.d.ts

@@ -0,0 +1,15 @@
+import type { Component } from "svelte";
+type SidebarNavIcon = Component<{
+    size?: number;
+    class?: string;
+}>;
+/**
+ * Icon for a documentation sidebar category row.
+ */
+export declare function getDocsCategoryIcon(categoryId: string): SidebarNavIcon;
+/**
+ * Icon for a documentation sidebar component row.
+ */
+export declare function getDocsComponentIcon(componentName: string, componentCategory: string): SidebarNavIcon;
+export {};
+//# sourceMappingURL=docs-sidebar-helpers.d.ts.map

package/dist/lib/showcase/docs-sidebar-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs-sidebar-helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/showcase/docs-sidebar-helpers.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,KAAK,cAAc,GAAG,SAAS,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnE;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,cAAc,CAKtE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAChC,aAAa,EAAE,MAAM,EACrB,iBAAiB,EAAE,MAAM,GAC1B,cAAc,CAgBhB"}