zabi-components 5.0.22 → 7.0.0

package/dist/routes/lib/focus-utils.ts

@@ -1,10 +1,9 @@
-/**
- * Focus management utilities for accessibility
- */
+/** 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";
 
-/**
- * Get all focusable elements within a container
- */
 export function getFocusableElements(container: HTMLElement): HTMLElement[] {
     const selector = [
         'button:not([disabled])',
@@ -17,27 +16,23 @@ export function getFocusableElements(container: HTMLElement): HTMLElement[] {
 
     return Array.from(container.querySelectorAll<HTMLElement>(selector)).filter(
         (el) => {
-            // Filter out elements that are not visible
             const style = window.getComputedStyle(el);
             return style.display !== 'none' && style.visibility !== 'hidden';
         }
     );
 }
 
-/**
- * Trap focus within a container element
- */
+/** Tab wraps first↔last inside `container`. Caller should pair with `saveFocus` / `returnFocus`. */
 export function trapFocus(container: HTMLElement): () => void {
     const focusableElements = getFocusableElements(container);
     
     if (focusableElements.length === 0) {
-        return () => {}; // No-op cleanup
+        return () => {};
     }
 
     const firstElement = focusableElements[0];
     const lastElement = focusableElements[focusableElements.length - 1];
 
-    // Focus first element
     firstElement.focus();
 
     function handleKeydown(event: KeyboardEvent) {
@@ -54,13 +49,11 @@ export function trapFocus(container: HTMLElement): () => void {
         }
 
         if (event.shiftKey) {
-            // Shift + Tab
             if (currentFocus === firstElement) {
                 event.preventDefault();
                 lastElement.focus();
             }
         } else {
-            // Tab
             if (currentFocus === lastElement) {
                 event.preventDefault();
                 firstElement.focus();
@@ -70,43 +63,48 @@ export function trapFocus(container: HTMLElement): () => void {
 
     container.addEventListener('keydown', handleKeydown);
 
-    // Return cleanup function
     return () => {
         container.removeEventListener('keydown', handleKeydown);
     };
 }
 
-/**
- * Store the element that had focus before opening a modal/dialog
- */
-let previousFocus: HTMLElement | null = null;
+/** One entry per overlay open; `returnFocus` pops LIFO (nested modals). */
+const focusReturnStack: Array<HTMLElement | null> = [];
 
-/**
- * Save the currently focused element
- */
 export function saveFocus(): void {
-    if (typeof document !== 'undefined') {
-        previousFocus = document.activeElement as HTMLElement;
+    if (typeof document === 'undefined') {
+        return;
+    }
+    const active = document.activeElement;
+    if (active instanceof HTMLElement && active !== document.body) {
+        focusReturnStack.push(active);
+    } else {
+        focusReturnStack.push(null);
     }
 }
 
-/**
- * Return focus to the previously focused element
- */
+/** Restores focus from the last `saveFocus`. Skips disconnected or unfocusable nodes. */
 export function returnFocus(): void {
-    if (previousFocus && typeof document !== 'undefined') {
-        previousFocus.focus();
-        previousFocus = null;
+    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 */
     }
 }
 
-/**
- * Focus the first focusable element in a container
- */
 export function focusFirstElement(container: HTMLElement): void {
     const focusableElements = getFocusableElements(container);
     if (focusableElements.length > 0) {
         focusableElements[0].focus();
     }
 }
-

package/dist/routes/lib/ssr-safe.ts

@@ -1,7 +1,9 @@
-// SSR-safe utilities for zabi-components
-// This ensures components work properly during server-side rendering
+/**
+ * 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.
+ */
 
-// Check if we're in a browser environment
 export function isBrowser(): boolean {
     return typeof window !== 'undefined';
 }
@@ -46,7 +48,6 @@ export function safeClearInterval(id: NodeJS.Timeout | undefined): void {
     }
 }
 
-// Generate SSR-safe unique IDs
 let idCounter = 0;
 export function generateId(prefix: string = 'id'): string {
     if (isBrowser()) {

package/dist/routes/lib/variant-utils.ts

@@ -1,5 +1,5 @@
 /**
- * Utility functions for handling component variants with semantic colors
+ * Variant class helpers — semantic design tokens only (see src/app.css).
  */
 
 import type { SemanticVariant } from '../../types/variants.js';
@@ -7,73 +7,79 @@ import type { SemanticVariant } from '../../types/variants.js';
 export type Variant = SemanticVariant;
 
 /**
- * Get variant classes for input components (Input, Textarea)
+ * Border + focus ring classes for text inputs (Input, Textarea).
  */
 export function getInputVariantClasses(variant: Variant): string {
     const variantMap: Record<Variant, string> = {
-        default: 'border-base-300 focus:border-brand-500 focus:ring-brand-500',
-        success: 'border-green-300 focus:border-green-500 focus:ring-green-500',
-        warning: 'border-yellow-300 focus:border-yellow-500 focus:ring-yellow-500',
-        error: 'border-red-300 focus:border-red-500 focus:ring-red-500',
-        info: 'border-iris-300 focus:border-iris-500 focus:ring-iris-500',
+        default:
+            'focus-ring border-input-border focus-visible:border-input-border',
+        success:
+            'focus-ring border-success focus-visible:border-success',
+        warning:
+            'focus-ring border-warning focus-visible:border-warning',
+        error: 'focus-ring border-error focus-visible:border-error',
+        info: 'focus-ring border-info focus-visible:border-info',
     };
 
     return variantMap[variant] || variantMap.default;
 }
 
 /**
- * Get variant classes for card components
+ * Card surfaces — border + background using semantic tokens.
  */
 export function getCardVariantClasses(variant: Variant): string {
     const variantMap: Record<Variant, string> = {
-        default: 'border-base-200 bg-white',
-        success: 'border-green-200 bg-green-50',
-        warning: 'border-yellow-200 bg-yellow-50',
-        error: 'border-red-200 bg-red-50',
-        info: 'border-iris-200 bg-iris-50',
+        default: 'border-border bg-card',
+        success: 'border-success bg-card',
+        warning: 'border-warning bg-card',
+        error: 'border-error bg-card',
+        info: 'border-info bg-card',
     };
 
     return variantMap[variant] || variantMap.default;
 }
 
 /**
- * Get generic variant classes for any component
+ * Generic variant classes for borders, text, or backgrounds.
  */
-export function getVariantClasses(variant: Variant, type: 'border' | 'text' | 'bg'): string {
-    const variantMap: Record<Variant, Record<'border' | 'text' | 'bg', string>> = {
+export function getVariantClasses(
+    variant: Variant,
+    type: 'border' | 'text' | 'bg',
+): string {
+    const variantMap: Record<
+        Variant,
+        Record<'border' | 'text' | 'bg', string>
+    > = {
         default: {
-            border: 'border-base-300',
-            text: 'text-base-900',
-            bg: 'bg-white'
+            border: 'border-border',
+            text: 'text-body',
+            bg: 'bg-card',
         },
         success: {
-            border: 'border-green-300',
-            text: 'text-green-900',
-            bg: 'bg-green-50'
+            border: 'border-success',
+            text: 'text-success',
+            bg: 'bg-card',
         },
         warning: {
-            border: 'border-yellow-300',
-            text: 'text-yellow-900',
-            bg: 'bg-yellow-50'
+            border: 'border-warning',
+            text: 'text-warning',
+            bg: 'bg-card',
         },
         error: {
-            border: 'border-red-300',
-            text: 'text-red-900',
-            bg: 'bg-red-50'
+            border: 'border-error',
+            text: 'text-error',
+            bg: 'bg-card',
         },
         info: {
-            border: 'border-iris-300',
-            text: 'text-iris-900',
-            bg: 'bg-iris-50'
+            border: 'border-info',
+            text: 'text-info',
+            bg: 'bg-card',
         },
     };
 
     return variantMap[variant]?.[type] || variantMap.default[type];
 }
 
-/**
- * Get all variant classes for a component (border, text, background)
- */
 export function getAllVariantClasses(variant: Variant): {
     border: string;
     text: string;
@@ -91,10 +97,13 @@ export function getAllVariantClasses(variant: Variant): {
  */
 export function createVariantClassMap<T extends string>(
     variants: T[],
-    prefix: string
+    prefix: string,
 ): Record<T, string> {
-    return variants.reduce((acc, variant) => {
-        acc[variant] = `${prefix}-${variant}`;
-        return acc;
-    }, {} as Record<T, string>);
+    return variants.reduce(
+        (acc, variant) => {
+            acc[variant] = `${prefix}-${variant}`;
+            return acc;
+        },
+        {} as Record<T, string>,
+    );
 }

package/dist/types/components.d.ts

@@ -0,0 +1,187 @@
+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 interface FieldConfig {
+    key: string;
+    label: string;
+    type: 'text' | 'number' | 'email' | 'password' | 'textarea' | 'select' | 'checkbox' | 'toggle' | 'url' | 'colorpicker' | 'textalignment';
+    required?: boolean;
+    placeholder?: string;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+    flex?: string;
+    rows?: number;
+    validation?: {
+        min?: number;
+        max?: number;
+        pattern?: string;
+        message?: 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=components.d.ts.map

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

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

package/dist/types/events.d.ts

@@ -0,0 +1,200 @@
+export interface BaseEventDetail {
+    event: Event;
+}
+export interface Tab {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+}
+export interface NavigationItem {
+    id: string;
+    label: string;
+    href?: string;
+    disabled?: boolean;
+    icon?: string;
+    children?: NavigationItem[];
+}
+export interface ClickEventDetail extends BaseEventDetail {
+    value: boolean;
+}
+export interface InputEventDetail extends BaseEventDetail {
+    value: string;
+    field?: string;
+}
+export interface ChangeEventDetail extends BaseEventDetail {
+    value: string | number | boolean | File | null;
+    field?: string;
+    checked?: boolean;
+}
+export interface FocusEventDetail extends BaseEventDetail {
+    event: FocusEvent;
+}
+export interface BlurEventDetail extends BaseEventDetail {
+    event: FocusEvent;
+}
+export interface KeydownEventDetail extends BaseEventDetail {
+    event: KeyboardEvent;
+}
+export interface KeyupEventDetail extends BaseEventDetail {
+    event: KeyboardEvent;
+}
+export interface SubmitEventDetail extends BaseEventDetail {
+    data: Record<string, string | number | boolean | File | null>;
+    formData: FormData;
+}
+export interface ResizeEventDetail extends BaseEventDetail {
+    event: Event;
+}
+export interface TabChangeEventDetail extends BaseEventDetail {
+    activeTab: string;
+    tab: Tab;
+}
+export interface FileUploadEventDetail extends BaseEventDetail {
+    file: File;
+}
+export interface FileRemoveEventDetail extends BaseEventDetail {
+    file: File;
+}
+export interface ErrorEventDetail extends BaseEventDetail {
+    error: string;
+}
+export interface ButtonEvents {
+    click: ClickEventDetail;
+}
+export interface InputEvents {
+    input: InputEventDetail;
+    change: ChangeEventDetail;
+    focus: FocusEventDetail;
+    blur: BlurEventDetail;
+    keydown: KeydownEventDetail;
+    keyup: KeyupEventDetail;
+    clear: BaseEventDetail;
+}
+export interface CardEvents {
+    click: ClickEventDetail;
+    focus: FocusEventDetail;
+    blur: BlurEventDetail;
+    mouseenter: BaseEventDetail;
+    mouseleave: BaseEventDetail;
+}
+export interface CheckboxEvents {
+    change: ChangeEventDetail;
+    focus: FocusEventDetail;
+    blur: BlurEventDetail;
+}
+export interface TextareaEvents {
+    input: InputEventDetail;
+    change: ChangeEventDetail;
+    focus: FocusEventDetail;
+    blur: BlurEventDetail;
+    keydown: KeydownEventDetail;
+    keyup: KeyupEventDetail;
+    resize: ResizeEventDetail;
+}
+export interface ToggleEvents {
+    change: ChangeEventDetail;
+    focus: FocusEventDetail;
+    blur: BlurEventDetail;
+}
+export interface TooltipEvents {
+    show: BaseEventDetail;
+    hide: BaseEventDetail;
+    focus: FocusEventDetail;
+    blur: BlurEventDetail;
+    mouseenter: BaseEventDetail;
+    mouseleave: BaseEventDetail;
+}
+export interface TabsEvents {
+    change: TabChangeEventDetail;
+    tabClick: {
+        tab: Tab;
+        event: MouseEvent;
+    };
+    keydown: KeydownEventDetail;
+}
+export interface ModalEvents {
+}
+export interface TopNavbarEvents {
+    click: ClickEventDetail;
+    keydown: KeydownEventDetail;
+}
+export interface NavigationEvents {
+    "item-click": {
+        item: NavigationItem;
+        event: MouseEvent;
+    };
+    toggle: {
+        open: boolean;
+    };
+    open: BaseEventDetail;
+    close: BaseEventDetail;
+    keydown: KeydownEventDetail;
+}
+export interface LayoutEvents {
+    "breakpoint-change": {
+        breakpoint: string;
+        width: number;
+    };
+    "sidebar-toggle": {
+        open: boolean;
+    };
+}
+export interface FormEvents {
+    submit: SubmitEventDetail;
+    reset: BaseEventDetail;
+    input: {
+        name: string;
+        value: string;
+        event: Event;
+    };
+    blur: {
+        name: string;
+        value: string;
+        event: FocusEvent;
+    };
+    "validation-error": {
+        errors: Record<string, string>;
+    };
+}
+export interface AlertEvents {
+}
+export interface ImageUploadEvents {
+    upload: FileUploadEventDetail;
+    remove: FileRemoveEventDetail;
+    error: ErrorEventDetail;
+}
+export interface KeyValueFormEvents {
+    submit: {
+        data: Record<string, string | number | boolean | File | null>;
+        event: Event;
+    };
+    change: {
+        field: string;
+        value: string | number | boolean | File | null;
+        event: Event;
+    };
+    add: {
+        field: FieldConfig;
+        event: Event;
+    };
+    remove: {
+        field: string;
+        event: Event;
+    };
+}
+export interface FieldConfig {
+    key: string;
+    type: "text" | "email" | "password" | "number" | "textarea" | "select" | "checkbox" | "toggle" | "colorpicker" | "textalignment";
+    label: string;
+    placeholder?: string;
+    required?: boolean;
+    options?: Array<{
+        value: string | number;
+        label: string;
+        disabled?: boolean;
+    }>;
+    rows?: number;
+    flex?: "1" | "full";
+}
+//# sourceMappingURL=events.d.ts.map