zabi-components 6.0.0 → 7.0.1

package/dist/components/molecules/toast-store.d.ts

@@ -0,0 +1,39 @@
+export type ToastLevel = 'success' | 'error' | 'warning' | 'info';
+export interface ToastItem {
+    id: string;
+    /** Primary line (always shown). */
+    message: string;
+    type: ToastLevel;
+    title?: string;
+    /** Expandable body; UI can fall back to `message`. */
+    detail?: string;
+    /**
+     * Auto-dismiss duration in milliseconds.
+     * When omitted, the toaster uses 14s. Use `0` to keep the toast until dismissed manually.
+     */
+    duration?: number;
+}
+export declare const toastStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<ToastItem[]>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+    push(options: {
+        message: string;
+        type?: ToastLevel;
+        /** Same semantics as {@link ToastItem.duration}. */
+        duration?: number;
+        id?: string;
+        title?: string;
+        detail?: string;
+    }): string;
+    dismiss: (id: string) => void;
+    clear(): void;
+};
+export declare function pushToast(options: {
+    message: string;
+    type?: ToastLevel;
+    /** Same semantics as {@link ToastItem.duration}. */
+    duration?: number;
+    title?: string;
+    detail?: string;
+}): string;
+export declare function dismissToast(id: string): void;
+//# sourceMappingURL=toast-store.d.ts.map

package/dist/components/molecules/toast-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-store.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/toast-store.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,SAAS;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAwCD,eAAO,MAAM,UAAU;;kBA7BD;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,oDAAoD;QACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,GAAG,MAAM;kBAdO,MAAM;;CAmCa,CAAC;AAE7C,wBAAgB,SAAS,CAAC,OAAO,EAAE;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,MAAM,CAET;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAE7C"}

package/dist/components/organisms/index.d.ts

@@ -1,4 +1,5 @@
-export { default as Navbar } from './Navbar.svelte';
+export { default as TopNavbar } from './TopNavbar.svelte';
 export { default as SidebarNavigation } from './SidebarNavigation.svelte';
+export { default as SidebarAccountPanel } from './SidebarAccountPanel.svelte';
 export { default as SidebarPanel } from './SidebarPanel.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,69 @@
+export interface NavItem {
+    label: string;
+    href: string;
+}
+export interface ContactFormData {
+    name: string;
+    email: string;
+    message?: string;
+    subscribe?: boolean;
+}
+export interface ComponentMetadata {
+    name: string;
+    category: 'atoms' | 'molecules' | 'organisms';
+    description: string;
+    props: ComponentProp[];
+    variants?: string[];
+    examples: ComponentExample[];
+}
+export interface ComponentProp {
+    name: string;
+    type: string;
+    required: boolean;
+    defaultValue?: string;
+    description: string;
+}
+export interface ComponentExample {
+    title: string;
+    description: string;
+    code: string;
+    language?: string;
+    /** Optional demo id for rendering live previews via a registry. */
+    demoId?: string;
+}
+export type ComponentCategory = 'atoms' | 'molecules' | 'organisms';
+export type ComponentDocSectionId = 'live' | 'snippet' | 'variants' | 'props' | 'guidelines';
+export interface ComponentDocExample {
+    title: string;
+    description?: string;
+    /** Demo renderer id, resolved via a registry. */
+    demoId: string;
+    /** Copy/paste ready snippet that matches the live demo. */
+    code: string;
+    language?: string;
+}
+export interface ComponentDocGuidelines {
+    whenToUse: string[];
+    whenToAvoid?: string[];
+}
+export interface ComponentDoc {
+    name: string;
+    category: ComponentCategory;
+    /** Short description: what it is + when to use. */
+    description: string;
+    /** Primary live example shown first. */
+    defaultExample: ComponentDocExample;
+    /** Optional additional examples (variants/states/realistic patterns). */
+    examples?: ComponentDocExample[];
+    /** Optional list of variants/states, for quick scanning. */
+    variantsStates?: string[];
+    /** Props/API for the exported component. */
+    props: ComponentProp[];
+    guidelines?: ComponentDocGuidelines;
+    /** Optional section visibility/order overrides (defaults to canonical order). */
+    sections?: Array<{
+        id: ComponentDocSectionId;
+        hidden?: boolean;
+    }>;
+}
+//# sourceMappingURL=page.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.types.d.ts","sourceRoot":"","sources":["../../../src/components/types/page.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC;AAEpE,MAAM,MAAM,qBAAqB,GAC3B,MAAM,GACN,SAAS,GACT,UAAU,GACV,OAAO,GACP,YAAY,CAAC;AAEnB,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACnC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,cAAc,EAAE,mBAAmB,CAAC;IACpC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,4CAA4C;IAC5C,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,qBAAqB,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACrE"}

package/dist/components/types/page.types.js

@@ -0,0 +1 @@
+export {};

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,26 +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 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 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,18 +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 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 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) => {
@@ -47,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.map

@@ -1 +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,CAq1CjE,CAAC"}
+{"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"}