@stacksjs/components 0.2.21 → 0.2.24

package/dist/ui/sidebar/Sidebar.stx

@@ -0,0 +1,33 @@
+/**
+ * Sidebar Component - macOS Native Style
+ *
+ * A native-feeling sidebar component that integrates with Craft for true native rendering
+ * when running in a Craft desktop environment, with beautiful macOS Tahoe-style fallback
+ * for web environments.
+ *
+ * @example
+ * <Sidebar
+ *   :sections="sections"
+ *   :collapsed="false"
+ *   :width="240"
+ *   variant="tahoe"
+ * >
+ *   <template #header>
+ *     <SidebarHeader title="My App" />
+ *   </template>
+ *   <template #footer>
+ *     <SidebarFooter />
+ *   </template>
+ * </Sidebar>
+ */
+// Props
+export declare const sections: unknown;
+export declare const collapsed: unknown;
+export declare const collapsible: unknown;
+export declare const width: unknown;
+export declare const minWidth: unknown;
+export declare const variant: unknown;
+export declare const className: unknown;
+export declare const onCollapse: unknown;
+export declare const onSectionToggle: unknown;
+export declare const onItemClick: unknown;

package/dist/ui/sidebar/SidebarFooter.stx

@@ -0,0 +1,27 @@
+/**
+ * SidebarFooter Component
+ *
+ * A footer component for the sidebar with quick actions and settings.
+ *
+ * @example
+ * <SidebarFooter
+ *   :showSettings="true"
+ *   :showThemeToggle="true"
+ *   settingsHref="/settings"
+ * />
+ */
+// Props
+export declare const showSettings: unknown;
+export declare const showThemeToggle: unknown;
+export declare const settingsHref: unknown;
+export declare const settingsLabel: unknown;
+export declare const collapsed: unknown;
+export declare const onThemeToggle: unknown;
+// Quick action items
+export declare const actions: unknown;
+declare type  = "button";
+declare type  = "button";
+declare class AnonymousClass {}
+declare class AnonymousClass {}
+declare class AnonymousClass {}
+declare class AnonymousClass {}

package/dist/ui/sidebar/SidebarHeader.stx

@@ -0,0 +1,26 @@
+/**
+ * SidebarHeader Component
+ *
+ * A header component for the sidebar with logo, title, and optional search.
+ *
+ * @example
+ * <SidebarHeader
+ *   title="My App"
+ *   subtitle="Professional"
+ *   :showSearch="true"
+ * />
+ */
+// Props
+export declare const title: unknown;
+export declare const subtitle: unknown;
+export declare const logo: unknown;
+export declare const logoIcon: unknown;
+export declare const showSearch: unknown;
+export declare const searchPlaceholder: unknown;
+export declare const searchValue: unknown;
+export declare const collapsed: unknown;
+export declare const onSearch: unknown;
+declare type  = "text"
+          placeholder="{{ searchPlaceholder }}"
+          value="{{ searchValue }}";
+declare class AnonymousClass {}

package/dist/ui/sidebar/SidebarItem.stx

@@ -0,0 +1,28 @@
+/**
+ * SidebarItem Component
+ *
+ * An individual navigation item within a sidebar section.
+ * Supports icons, badges, active states, and keyboard navigation.
+ *
+ * @example
+ * <SidebarItem
+ *   id="home"
+ *   label="Home"
+ *   icon="i-hugeicons-home-02"
+ *   href="/"
+ *   :active="true"
+ * />
+ */
+// Props
+export declare const id: unknown;
+export declare const label: unknown;
+export declare const icon: unknown;
+export declare const href: unknown;
+export declare const badge: unknown;
+export declare const active: unknown;
+export declare const disabled: unknown;
+export declare const indent: unknown;
+export declare const onClick: unknown;
+declare type  = "button";
+declare class AnonymousClass {}
+declare class AnonymousClass {}

package/dist/ui/sidebar/SidebarSection.stx

@@ -0,0 +1,25 @@
+/**
+ * SidebarSection Component
+ *
+ * A collapsible section within the sidebar containing navigation items.
+ * Follows macOS Finder sidebar conventions.
+ *
+ * @example
+ * <SidebarSection
+ *   id="favorites"
+ *   label="Favorites"
+ *   icon="i-hugeicons-star"
+ *   :items="favoriteItems"
+ *   :expanded="true"
+ * />
+ */
+// Props
+export declare const id: unknown;
+export declare const label: unknown;
+export declare const icon: unknown;
+export declare const items: unknown;
+export declare const expanded: unknown;
+export declare const collapsible: unknown;
+export declare const showLabel: unknown;
+export declare const onToggle: unknown;
+export declare const onItemClick: unknown;

package/dist/ui/skeleton/Skeleton.stx

@@ -0,0 +1,9 @@
+export declare const variant: unknown;
+export declare const count: unknown;
+export declare const width: unknown;
+export declare const height: unknown;
+export declare const circle: unknown;
+export declare const className: unknown;
+export declare const animate: unknown;
+export declare const skeletonClasses: unknown;
+export declare const containerClasses: unknown;

package/dist/ui/spinner/Spinner.stx

@@ -0,0 +1,9 @@
+export declare const variant: unknown;
+export declare const size: unknown;
+export declare const color: unknown;
+export declare const label: unknown;
+export declare const className: unknown;
+export declare const containerClasses: unknown;
+export declare const spinnerClasses: unknown;
+export declare const labelClasses: unknown;
+export declare const dotClasses: unknown;

package/dist/ui/stepper/Stepper.stx

@@ -0,0 +1,4 @@
+export declare const currentStep: unknown;
+export declare const orientation: unknown;
+export declare const className: unknown;
+export declare const as: unknown;

package/dist/ui/stepper/StepperStep.stx

@@ -0,0 +1,12 @@
+export declare function handleClick(): void;
+export declare const stepNumber: unknown;
+export declare const currentStep: unknown;
+export declare const label: unknown;
+export declare const description: unknown;
+export declare const className: unknown;
+export declare const as: unknown;
+export declare const onClick: unknown;
+export declare const isComplete: unknown;
+declare type  = "button"
+    @click="handleClick";
+declare class AnonymousClass {}

package/dist/ui/switch/Switch.stx

@@ -0,0 +1,15 @@
+// Toggle function
+export declare function toggle(): void;
+export declare const checked: unknown;
+export declare const disabled: unknown;
+export declare const size: unknown;
+export declare const className: unknown;
+export declare const onChange: unknown;
+export declare const label: unknown;
+export declare const trackClasses: unknown;
+export declare const thumbClasses: unknown;
+declare type  = "button"
+    role="switch"
+    aria-checked="{{ checked ? 'true' : 'false' }}";
+declare class AnonymousClass {}
+declare class AnonymousClass {}

package/dist/ui/table/Table.stx

@@ -0,0 +1,3 @@
+export declare const className: unknown;
+export declare const striped: unknown;
+export declare const hoverable: unknown;

package/dist/ui/table/TableBody.stx

@@ -0,0 +1 @@
+export declare const className: unknown;

package/dist/ui/table/TableCell.stx

@@ -0,0 +1 @@
+export declare const className: unknown;

package/dist/ui/table/TableHead.stx

@@ -0,0 +1 @@
+export declare const className: unknown;

package/dist/ui/table/TableHeader.stx

@@ -0,0 +1,3 @@
+export declare const className: unknown;
+export declare const sortable: unknown;
+export declare const onClick: unknown;

package/dist/ui/table/TableRow.stx

@@ -0,0 +1,2 @@
+export declare const className: unknown;
+export declare const hoverable: unknown;

package/dist/ui/tabs/Tabs.stx

@@ -0,0 +1,9 @@
+export declare const tabs: unknown;
+export declare const defaultTab: unknown;
+export declare const orientation: unknown;
+export declare const variant: unknown;
+export declare const className: unknown;
+export declare const onChange: unknown;
+export declare const containerClasses: unknown;
+export declare const tabListClasses: unknown;
+export declare const tabPanelClasses: unknown;

package/dist/ui/teleport/Teleport.stx

@@ -0,0 +1,3 @@
+export declare const to: unknown;
+export declare const disabled: unknown;
+export declare const defer: unknown;

package/dist/ui/textarea/Textarea.stx

@@ -0,0 +1,18 @@
+export declare const value: unknown;
+export declare const onChange: () => unknown;
+export declare const placeholder: unknown;
+export declare const disabled: unknown;
+export declare const readonly: unknown;
+export declare const rows: unknown;
+export declare const autoResize: unknown;
+export declare const maxRows: unknown;
+export declare const error: unknown;
+export declare const label: unknown;
+export declare const helperText: unknown;
+export declare const required: unknown;
+export declare const maxLength: unknown;
+export declare const showCount: unknown;
+export declare const resize: unknown;
+export declare const textareaClasses: unknown;
+export declare const labelClasses: unknown;
+export declare const helperClasses: () => unknown;

package/dist/ui/tooltip/Tooltip.stx

@@ -0,0 +1,9 @@
+export declare const content: unknown;
+export declare const position: unknown;
+export declare const delay: unknown;
+export declare const className: unknown;
+export declare const show: unknown;
+export declare const disabled: unknown;
+export declare const tooltipClasses: unknown;
+export declare const arrowClass: unknown;
+declare class AnonymousClass {}

package/dist/ui/transition/Transition.stx

@@ -0,0 +1,27 @@
+export declare const show: unknown;
+export declare const enter: unknown;
+export declare const enterFrom: unknown;
+export declare const enterTo: unknown;
+export declare const leave: unknown;
+export declare const leaveFrom: unknown;
+export declare const leaveTo: unknown;
+export declare const appear: unknown;
+export declare const appearFrom: unknown;
+export declare const appearTo: unknown;
+export declare const mode: unknown;
+export declare const delay: unknown;
+export declare const preset: unknown;
+export declare const onBeforeEnter: unknown;
+export declare const onEnter: unknown;
+export declare const onAfterEnter: unknown;
+export declare const onBeforeLeave: unknown;
+export declare const onLeave: unknown;
+export declare const onAfterLeave: unknown;
+export declare const className: unknown;
+/** @defaultValue false */
+export declare let isEntering: boolean;
+/** @defaultValue false */
+export declare let isLeaving: boolean;
+export declare let shouldRender: unknown;
+/** @defaultValue false */
+export declare let hasAppeared: boolean;

package/dist/ui/video/Video.stx

@@ -0,0 +1,15 @@
+export declare const src: unknown;
+export declare const poster: unknown;
+export declare const autoplay: unknown;
+export declare const loop: unknown;
+export declare const muted: unknown;
+export declare const controls: unknown;
+export declare const preload: unknown;
+export declare const width: unknown;
+export declare const height: unknown;
+export declare const aspectRatio: unknown;
+export declare const className: unknown;
+export declare const title: unknown;
+export declare const containerClasses: unknown;
+export declare const videoClasses: 'w-full h-full object-cover bg-gray-900 dark:bg-gray-950';
+export declare const aspectRatioClass: unknown;

package/dist/ui/virtual-list/VirtualList.stx

@@ -0,0 +1,9 @@
+export declare const items: unknown;
+export declare const itemHeight: unknown;
+export declare const height: unknown;
+export declare const overscan: unknown;
+export declare const renderItem: unknown;
+export declare const className: unknown;
+export declare const containerClasses: unknown;
+export declare const innerClasses: unknown;
+export declare const itemClasses: () => unknown;

package/dist/ui/virtual-table/VirtualTable.stx

@@ -0,0 +1,16 @@
+export declare const columns: unknown;
+export declare const data: unknown;
+export declare const rowHeight: unknown;
+export declare const height: unknown;
+export declare const headerHeight: unknown;
+export declare const overscan: unknown;
+export declare const striped: unknown;
+export declare const hoverable: unknown;
+export declare const className: unknown;
+export declare const containerClasses: unknown;
+export declare const headerClasses: unknown;
+export declare const headerCellClasses: unknown;
+export declare const bodyClasses: unknown;
+export declare const innerClasses: unknown;
+export declare const rowClasses: unknown;
+export declare const cellClasses: () => unknown;

package/dist/utils/accessibility.d.ts

@@ -106,63 +106,48 @@ export declare const KeyboardKeys: {
 };
 /**
  * ARIA attribute helpers
- * @defaultValue
- * ```ts
- * {
- *   setExpanded: (element: HTMLElement, expanded: boolean) => unknown,
- *   setSelected: (element: HTMLElement, selected: boolean) => unknown,
- *   setChecked: (element: HTMLElement, checked: boolean | 'mixed') => unknown,
- *   setDisabled: (element: HTMLElement, disabled: boolean) => unknown,
- *   setHidden: (element: HTMLElement, hidden: boolean) => unknown,
- *   setPressed: (element: HTMLElement, pressed: boolean) => unknown,
- *   setInvalid: (element: HTMLElement, invalid: boolean) => unknown,
- *   setRequired: (element: HTMLElement, required: boolean) => unknown,
- *   setLive: (element: HTMLElement, live: AriaLive) => unknown,
- *   setBusy: (element: HTMLElement, busy: boolean) => unknown
- * }
- * ```
  */
 export declare const aria: {
   /**
    * Set aria-expanded attribute
    */
-  setExpanded: (element: HTMLElement, expanded: boolean) => unknown;
+  setExpanded: (element: HTMLElement, expanded: boolean) => void;
   /**
    * Set aria-selected attribute
    */
-  setSelected: (element: HTMLElement, selected: boolean) => unknown;
+  setSelected: (element: HTMLElement, selected: boolean) => void;
   /**
    * Set aria-checked attribute
    */
-  setChecked: (element: HTMLElement, checked: boolean | 'mixed') => unknown;
+  setChecked: (element: HTMLElement, checked: boolean | 'mixed') => void;
   /**
    * Set aria-disabled attribute
    */
-  setDisabled: (element: HTMLElement, disabled: boolean) => unknown;
+  setDisabled: (element: HTMLElement, disabled: boolean) => void;
   /**
    * Set aria-hidden attribute
    */
-  setHidden: (element: HTMLElement, hidden: boolean) => unknown;
+  setHidden: (element: HTMLElement, hidden: boolean) => void;
   /**
    * Set aria-pressed attribute (for toggle buttons)
    */
-  setPressed: (element: HTMLElement, pressed: boolean) => unknown;
+  setPressed: (element: HTMLElement, pressed: boolean) => void;
   /**
    * Set aria-invalid attribute
    */
-  setInvalid: (element: HTMLElement, invalid: boolean) => unknown;
+  setInvalid: (element: HTMLElement, invalid: boolean) => void;
   /**
    * Set aria-required attribute
    */
-  setRequired: (element: HTMLElement, required: boolean) => unknown;
+  setRequired: (element: HTMLElement, required: boolean) => void;
   /**
    * Set aria-live region
    */
-  setLive: (element: HTMLElement, live: AriaLive) => unknown;
+  setLive: (element: HTMLElement, live: AriaLive) => void;
   /**
    * Set aria-busy attribute
    */
-  setBusy: (element: HTMLElement, busy: boolean) => unknown
+  setBusy: (element: HTMLElement, busy: boolean) => void
 };
 /**
  * Focus trap options

package/dist/utils/animation/easing.d.ts

@@ -14,6 +14,81 @@ export declare const easeOutQuad: EasingFunction;
  * Quadratic ease-in-out - acceleration until halfway, then deceleration
  */
 export declare const easeInOutQuad: EasingFunction;
+// Cubic
+export declare const easeInCubic: EasingFunction;
+export declare const easeOutCubic: EasingFunction;
+export declare const easeInOutCubic: EasingFunction;
+// Quartic
+export declare const easeInQuart: EasingFunction;
+export declare const easeOutQuart: EasingFunction;
+export declare const easeInOutQuart: EasingFunction;
+// Quintic
+export declare const easeInQuint: EasingFunction;
+export declare const easeOutQuint: EasingFunction;
+export declare const easeInOutQuint: EasingFunction;
+// Sinusoidal
+export declare const easeInSine: EasingFunction;
+export declare const easeOutSine: EasingFunction;
+export declare const easeInOutSine: EasingFunction;
+// Exponential
+export declare const easeInExpo: EasingFunction;
+export declare const easeOutExpo: EasingFunction;
+export declare const easeInOutExpo: EasingFunction;
+// Circular
+export declare const easeInCirc: EasingFunction;
+export declare const easeOutCirc: EasingFunction;
+export declare const easeInOutCirc: EasingFunction;
+// Elastic
+export declare const easeInElastic: EasingFunction;
+export declare const easeOutElastic: EasingFunction;
+export declare const easeInOutElastic: EasingFunction;
+// Back
+export declare const easeInBack: EasingFunction;
+export declare const easeOutBack: EasingFunction;
+export declare const easeInOutBack: EasingFunction;
+// Bounce
+export declare const easeOutBounce: EasingFunction;
+export declare const easeInBounce: EasingFunction;
+export declare const easeInOutBounce: EasingFunction;
+/**
+ * Object containing all easing functions
+ *
+ * Available easings: Linear, Quad, Cubic, Quart, Quint, Sine, Expo, Circ, Elastic, Back, Bounce
+ * Each with In, Out, InOut variants (except Linear)
+ */
+export declare const Easing: {
+  linear: EasingFunction
+  easeInQuad: EasingFunction
+  easeOutQuad: EasingFunction
+  easeInOutQuad: EasingFunction
+  easeInCubic: EasingFunction
+  easeOutCubic: EasingFunction
+  easeInOutCubic: EasingFunction
+  easeInQuart: EasingFunction
+  easeOutQuart: EasingFunction
+  easeInOutQuart: EasingFunction
+  easeInQuint: EasingFunction
+  easeOutQuint: EasingFunction
+  easeInOutQuint: EasingFunction
+  easeInSine: EasingFunction
+  easeOutSine: EasingFunction
+  easeInOutSine: EasingFunction
+  easeInExpo: EasingFunction
+  easeOutExpo: EasingFunction
+  easeInOutExpo: EasingFunction
+  easeInCirc: EasingFunction
+  easeOutCirc: EasingFunction
+  easeInOutCirc: EasingFunction
+  easeInElastic: EasingFunction
+  easeOutElastic: EasingFunction
+  easeInOutElastic: EasingFunction
+  easeInBack: EasingFunction
+  easeOutBack: EasingFunction
+  easeInOutBack: EasingFunction
+  easeInBounce: EasingFunction
+  easeOutBounce: EasingFunction
+  easeInOutBounce: EasingFunction
+};
 /**
  * Easing functions for smooth animations
  *

package/dist/utils/error-handling.d.ts

@@ -108,53 +108,40 @@ export declare function createDebugger(component: string): {
 export declare function errorBoundary<T>(component: string, renderFn: () => T, fallback: T): T;
 /**
  * Error types for common scenarios
- * @defaultValue
- * ```ts
- * {
- *   invalidProp: (component: string, prop: string, received: any, expected: any) => unknown,
- *   requiredProp: (component: string, prop: string) => unknown,
- *   invalidType: (component: string, prop: string, received: any, expected: string) => unknown,
- *   componentNotFound: (componentName: string) => unknown,
- *   invalidChildren: (component: string, received: any, expected: string) => unknown,
- *   stateUpdate: (component: string, stateName: string, error: Error) => unknown,
- *   eventHandler: (component: string, eventName: string, error: Error) => unknown,
- *   render: (component: string, error: Error) => unknown
- * }
- * ```
  */
 export declare const ErrorTypes: {
   /**
    * Invalid prop value error
    */
-  invalidProp: (component: string, prop: string, received: any, expected: any) => unknown;
+  invalidProp: (component: string, prop: string, received: any, expected: any) => ComponentError;
   /**
    * Required prop missing error
    */
-  requiredProp: (component: string, prop: string) => unknown;
+  requiredProp: (component: string, prop: string) => ComponentError;
   /**
    * Invalid prop type error
    */
-  invalidType: (component: string, prop: string, received: any, expected: string) => unknown;
+  invalidType: (component: string, prop: string, received: any, expected: string) => ComponentError;
   /**
    * Component not found error
    */
-  componentNotFound: (componentName: string) => unknown;
+  componentNotFound: (componentName: string) => ComponentError;
   /**
    * Invalid children error
    */
-  invalidChildren: (component: string, received: any, expected: string) => unknown;
+  invalidChildren: (component: string, received: any, expected: string) => ComponentError;
   /**
    * State update error
    */
-  stateUpdate: (component: string, stateName: string, error: Error) => unknown;
+  stateUpdate: (component: string, stateName: string, error: Error) => ComponentError;
   /**
    * Event handler error
    */
-  eventHandler: (component: string, eventName: string, error: Error) => unknown;
+  eventHandler: (component: string, eventName: string, error: Error) => ComponentError;
   /**
    * Render error
    */
-  render: (component: string, error: Error) => unknown
+  render: (component: string, error: Error) => ComponentError
 };
 /**
  * Error context information