zabi-components 5.0.22 → 7.0.0

package/dist/types/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/types/events.ts"],"names":[],"mappings":"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"}

package/dist/types/index.d.ts

@@ -0,0 +1,171 @@
+export * from './events.js';
+export * from './variants.js';
+export * from './page.types.js';
+import type { Component } from 'svelte';
+export type ZabiComponent<T extends Record<string, any> = Record<string, any>, E extends Record<string, any> = Record<string, any>> = Component<T, E>;
+export interface ButtonProps {
+    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info' | 'ghost' | 'link' | 'neutral';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    loading?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    className?: string;
+    text?: string;
+    iconLeft?: string | any;
+    iconRight?: string | any;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    ariaExpanded?: boolean;
+    ariaControls?: string;
+    ariaPressed?: boolean;
+}
+export interface ButtonEvents {
+    click: {
+        value: boolean;
+        event: MouseEvent;
+    };
+}
+export interface HeadingProps {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    className?: string;
+}
+export interface CardProps {
+    variant?: 'default' | 'elevated' | 'outlined' | 'flat';
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    className?: string;
+    onclick?: (event: MouseEvent) => void | Promise<void>;
+    /** Required when card is interactive (has onclick) for accessibility */
+    ariaLabel?: string;
+}
+export interface InputProps {
+    type?: string;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export interface InputEvents {
+    input: {
+        value: string;
+        event: Event;
+    };
+    change: {
+        value: string;
+        event: Event;
+    };
+    focus: {
+        event: FocusEvent;
+    };
+    blur: {
+        event: FocusEvent;
+    };
+}
+export interface CheckboxProps {
+    checked?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export interface CheckboxEvents {
+    change: {
+        checked: boolean;
+        event: Event;
+    };
+}
+export interface SelectProps {
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    value?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    maxMenuHeight?: string;
+    menuWidth?: string;
+    noResultsText?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export interface SelectEvents {
+    change: {
+        value: string;
+        event: Event;
+    };
+}
+export interface TextareaProps {
+    value?: string;
+    placeholder?: string;
+    rows?: number;
+    disabled?: boolean;
+    className?: string;
+}
+export interface TextareaEvents {
+    input: {
+        value: string;
+        event: Event;
+    };
+    change: {
+        value: string;
+        event: Event;
+    };
+}
+export interface ModalProps {
+    open?: boolean;
+    title?: string;
+    className?: string;
+}
+export interface ModalEvents {
+}
+export interface AlertProps {
+    type?: 'success' | 'error' | 'warning' | 'info';
+    message: string;
+    className?: string;
+}
+export interface BadgeProps {
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    text?: string;
+    className?: string;
+}
+export interface ProgressProps {
+    value?: number;
+    max?: number;
+    className?: string;
+}
+export interface SkeletonProps {
+    variant?: 'text' | 'circle' | 'block';
+    width?: string | number;
+    height?: string | number;
+    class?: string;
+    'aria-label'?: string;
+}
+export interface ToggleProps {
+    checked?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export interface ToggleEvents {
+    change: {
+        checked: boolean;
+        event: Event;
+    };
+}
+export interface TooltipProps {
+    content: string;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+}
+export type Button = ZabiComponent<ButtonProps, ButtonEvents>;
+export type Heading = ZabiComponent<HeadingProps>;
+export type Card = ZabiComponent<CardProps>;
+export type Input = ZabiComponent<InputProps, InputEvents>;
+export type Checkbox = ZabiComponent<CheckboxProps, CheckboxEvents>;
+export type Select = ZabiComponent<SelectProps, SelectEvents>;
+export type Textarea = ZabiComponent<TextareaProps, TextareaEvents>;
+export type Modal = ZabiComponent<ModalProps, ModalEvents>;
+export type Alert = ZabiComponent<AlertProps>;
+export type Badge = ZabiComponent<BadgeProps>;
+export type Progress = ZabiComponent<ProgressProps>;
+export type Skeleton = ZabiComponent<SkeletonProps>;
+export type Toggle = ZabiComponent<ToggleProps, ToggleEvents>;
+export type Tooltip = ZabiComponent<TooltipProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+/** Re-export: canonical definitions live under `src/components/types` for packaging-safe paths. */
+export * from '../components/types/page.types.js';
+//# sourceMappingURL=page.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.types.d.ts","sourceRoot":"","sources":["../../src/types/page.types.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,cAAc,mCAAmC,CAAC"}

package/dist/types/page.types.js

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

package/dist/types/page.types.ts

@@ -0,0 +1,79 @@
+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 }>;
+}

package/dist/types/variants.d.ts

@@ -0,0 +1,3 @@
+/** Re-export: canonical definitions live under `src/components/types` for packaging-safe paths. */
+export * from '../components/types/variants.js';
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/types/variants.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,cAAc,iCAAiC,CAAC"}

package/dist/types/variants.js

@@ -0,0 +1 @@
+export * from '../components/types/variants.js';

package/dist/types/variants.ts

@@ -0,0 +1,75 @@
+/**
+ * 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 function isSemanticVariant(variant: string): variant is SemanticVariant {
+    return ['default', 'success', 'warning', 'error', 'info'].includes(variant);
+}
+
+/**
+ * Helper type to check if a variant is an extended semantic variant
+ */
+export function isExtendedSemanticVariant(variant: string): variant is ExtendedSemanticVariant {
+    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/util/fixed-sidebar-flyout.d.ts

@@ -0,0 +1,22 @@
+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>;

package/dist/util/fixed-sidebar-flyout.js

@@ -0,0 +1,148 @@
+function findFlyoutAnchor(root, anchorRole) {
+    const el = anchorRole
+        ? root.querySelector(`[data-sidebar-flyout-anchor="${anchorRole}"]`)
+        : root.querySelector("[data-sidebar-flyout-anchor]");
+    return el instanceof HTMLElement ? el : null;
+}
+function collectScrollParents(el) {
+    const list = [window];
+    let node = el;
+    while (node) {
+        const style = getComputedStyle(node);
+        if (/(auto|scroll|overlay)/.test(style.overflowX) ||
+            /(auto|scroll|overlay)/.test(style.overflowY)) {
+            list.push(node);
+        }
+        node = node.parentElement;
+    }
+    return list;
+}
+/**
+ * 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 const fixedSidebarFlyout = (node, initialParams) => {
+    let currentParams = initialParams;
+    let scrollTargets = [];
+    let ro;
+    let detachScroll;
+    const rootHostEl = node.closest("[data-sidebar-flyout-root]");
+    const flyoutRoot = rootHostEl instanceof HTMLElement ? rootHostEl : null;
+    let teleportParent = null;
+    let teleportNext = null;
+    const onScrollOrResize = () => {
+        requestAnimationFrame(() => applyPosition());
+    };
+    function attachToBody() {
+        if (node.parentElement === document.body) {
+            return;
+        }
+        teleportParent = node.parentElement;
+        teleportNext = node.nextSibling;
+        document.body.appendChild(node);
+    }
+    function restoreFromBody() {
+        if (teleportParent &&
+            node.parentElement === document.body) {
+            teleportParent.insertBefore(node, teleportNext);
+        }
+        teleportParent = null;
+        teleportNext = null;
+    }
+    function applyPosition() {
+        const anchor = flyoutRoot
+            ? findFlyoutAnchor(flyoutRoot, currentParams.anchorRole)
+            : null;
+        if (!anchor || !currentParams.open) {
+            return;
+        }
+        const r = anchor.getBoundingClientRect();
+        const gap = currentParams.gap ?? 12;
+        node.style.position = "fixed";
+        node.style.left = `${Math.round(r.right + gap)}px`;
+        node.style.right = "auto";
+        if (currentParams.align === "bottom") {
+            node.style.top = "auto";
+            node.style.bottom = `${Math.round(window.innerHeight - r.bottom)}px`;
+        }
+        else {
+            node.style.bottom = "auto";
+            node.style.top = `${Math.round(r.top)}px`;
+        }
+        /* Above page chrome / sidebar siblings so panels overlay main content */
+        node.style.zIndex = "60";
+        const maxW = Math.max(200, window.innerWidth - r.right - gap - 16);
+        node.style.maxWidth = `${Math.round(maxW)}px`;
+    }
+    function clearPosition() {
+        node.style.removeProperty("position");
+        node.style.removeProperty("left");
+        node.style.removeProperty("right");
+        node.style.removeProperty("top");
+        node.style.removeProperty("bottom");
+        node.style.removeProperty("z-index");
+        node.style.removeProperty("max-width");
+    }
+    function bindScroll() {
+        unbindScroll();
+        const anchor = flyoutRoot
+            ? findFlyoutAnchor(flyoutRoot, currentParams.anchorRole)
+            : null;
+        if (!anchor) {
+            return;
+        }
+        scrollTargets = collectScrollParents(anchor);
+        for (const t of scrollTargets) {
+            t.addEventListener("scroll", onScrollOrResize, {
+                passive: true,
+                capture: true,
+            });
+        }
+        window.addEventListener("resize", onScrollOrResize);
+        ro = new ResizeObserver(onScrollOrResize);
+        ro.observe(anchor);
+        detachScroll = () => {
+            for (const t of scrollTargets) {
+                t.removeEventListener("scroll", onScrollOrResize, {
+                    capture: true,
+                });
+            }
+            window.removeEventListener("resize", onScrollOrResize);
+            ro?.disconnect();
+            ro = undefined;
+            scrollTargets = [];
+        };
+    }
+    function unbindScroll() {
+        detachScroll?.();
+        detachScroll = undefined;
+    }
+    function sync(next) {
+        currentParams = next;
+        if (!next.open) {
+            unbindScroll();
+            restoreFromBody();
+            clearPosition();
+            return;
+        }
+        queueMicrotask(() => {
+            attachToBody();
+            applyPosition();
+            bindScroll();
+        });
+    }
+    sync(initialParams);
+    return {
+        update(next) {
+            sync(next);
+        },
+        destroy() {
+            unbindScroll();
+            restoreFromBody();
+            clearPosition();
+        },
+    };
+};

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

@@ -0,0 +1,11 @@
+/** 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;

package/dist/util/focus-utils.js

@@ -0,0 +1,94 @@
+/** Focus helpers for overlays (modals, sheets). Requires `app.css` focus ring classes. */
+/** From `app.css` `@layer components` — import the library/app stylesheet. */
+export const FOCUS_BRAND_CLASS = "focus-brand";
+export const FOCUS_NAV_CLASS = "focus-nav";
+export function getFocusableElements(container) {
+    const selector = [
+        'button:not([disabled])',
+        '[href]',
+        'input:not([disabled])',
+        'select:not([disabled])',
+        'textarea:not([disabled])',
+        '[tabindex]:not([tabindex="-1"])',
+    ].join(', ');
+    return Array.from(container.querySelectorAll(selector)).filter((el) => {
+        const style = window.getComputedStyle(el);
+        return style.display !== 'none' && style.visibility !== 'hidden';
+    });
+}
+/** Tab wraps first↔last inside `container`. Caller should pair with `saveFocus` / `returnFocus`. */
+export function trapFocus(container) {
+    const focusableElements = getFocusableElements(container);
+    if (focusableElements.length === 0) {
+        return () => { };
+    }
+    const firstElement = focusableElements[0];
+    const lastElement = focusableElements[focusableElements.length - 1];
+    firstElement.focus();
+    function handleKeydown(event) {
+        if (event.key !== 'Tab') {
+            return;
+        }
+        const currentFocus = document.activeElement;
+        if (!focusableElements.includes(currentFocus)) {
+            event.preventDefault();
+            firstElement.focus();
+            return;
+        }
+        if (event.shiftKey) {
+            if (currentFocus === firstElement) {
+                event.preventDefault();
+                lastElement.focus();
+            }
+        }
+        else {
+            if (currentFocus === lastElement) {
+                event.preventDefault();
+                firstElement.focus();
+            }
+        }
+    }
+    container.addEventListener('keydown', handleKeydown);
+    return () => {
+        container.removeEventListener('keydown', handleKeydown);
+    };
+}
+/** One entry per overlay open; `returnFocus` pops LIFO (nested modals). */
+const focusReturnStack = [];
+export function saveFocus() {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    const active = document.activeElement;
+    if (active instanceof HTMLElement && active !== document.body) {
+        focusReturnStack.push(active);
+    }
+    else {
+        focusReturnStack.push(null);
+    }
+}
+/** Restores focus from the last `saveFocus`. Skips disconnected or unfocusable nodes. */
+export function returnFocus() {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    const el = focusReturnStack.pop();
+    if (!el) {
+        return;
+    }
+    if (typeof el.focus !== 'function' || !el.isConnected) {
+        return;
+    }
+    try {
+        el.focus({ preventScroll: true });
+    }
+    catch {
+        /* embeds / shadow roots may reject programmatic focus */
+    }
+}
+export function focusFirstElement(container) {
+    const focusableElements = getFocusableElements(container);
+    if (focusableElements.length > 0) {
+        focusableElements[0].focus();
+    }
+}

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

@@ -0,0 +1,16 @@
+/**
+ * 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;