@wow-two-beta/ui 0.0.5 → 0.0.7

package/dist/hooks/useEventListener.d.ts

@@ -0,0 +1,8 @@
+type Target = Window | Document | HTMLElement | null;
+/**
+ * Add an event listener and clean it up automatically. Handler is read from
+ * a ref so consumers don't need to memoize it.
+ */
+export declare function useEventListener<K extends string>(event: K, handler: (event: Event) => void, target?: Target, options?: boolean | AddEventListenerOptions): void;
+export {};
+//# sourceMappingURL=useEventListener.d.ts.map

package/dist/hooks/useEventListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CAAC;AAErD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAC/C,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAC/B,MAAM,GAAE,MAAiB,EACzB,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAYN"}

package/dist/hooks/useFocusTrap.d.ts

@@ -0,0 +1,11 @@
+import { type RefObject } from 'react';
+/**
+ * Trap Tab / Shift+Tab focus inside the referenced element. On mount, focuses
+ * the first focusable child (unless already focused inside). On unmount,
+ * returns focus to the element that had it before mounting.
+ *
+ * For richer behavior (sentinels, nested traps), wrap `FocusScope` instead —
+ * this hook is the lower primitive.
+ */
+export declare function useFocusTrap(ref: RefObject<HTMLElement | null>, enabled?: boolean): void;
+//# sourceMappingURL=useFocusTrap.d.ts.map

package/dist/hooks/useFocusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkBlD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,OAAO,UAAO,GAAG,IAAI,CAwCrF"}

package/dist/hooks/useId.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Wraps React 19's `useId`. Optionally accepts a stable prefix so generated
+ * IDs are easier to spot in DevTools (e.g. `useId('checkbox')` → `:r2:-checkbox`).
+ */
+export declare function useId(prefix?: string): string;
+//# sourceMappingURL=useId.d.ts.map

package/dist/hooks/useId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.d.ts","sourceRoot":"","sources":["../../src/hooks/useId.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAG7C"}

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Reactively follow a CSS media query. Pass a query string like
+ * `'(min-width: 768px)'` or `'(prefers-reduced-motion: reduce)'`.
+ */
+export declare function useMediaQuery(query: string): boolean;
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/hooks/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAYpD"}

package/dist/hooks/useOutsideClick.d.ts

@@ -0,0 +1,8 @@
+import { type RefObject } from 'react';
+/**
+ * Fire `handler` when the user clicks outside any of the provided refs.
+ * Uses `pointerdown` so it fires before focus shifts (avoids losing focus
+ * inside an overlay before a click on a trigger registers).
+ */
+export declare function useOutsideClick(refs: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[], handler: (event: PointerEvent) => void, enabled?: boolean): void;
+//# sourceMappingURL=useOutsideClick.d.ts.map

package/dist/hooks/useOutsideClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACrE,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,EACtC,OAAO,UAAO,GACb,IAAI,CAoBN"}

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,7 @@
+import { type RefObject } from 'react';
+/**
+ * Run `callback` whenever the referenced element's size changes. Returns
+ * synchronously after layout, before paint. Cleans up automatically.
+ */
+export declare function useResizeObserver<T extends HTMLElement>(ref: RefObject<T | null>, callback: (entry: ResizeObserverEntry) => void, enabled?: boolean): void;
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/dist/hooks/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useResizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EACrD,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,EAC9C,OAAO,UAAO,GACb,IAAI,CAcN"}

package/dist/hooks/useScrollLock.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Prevent body scroll while at least one consumer has the lock active.
+ * Internally counted — multiple overlays may lock; only the last unlock restores.
+ * Compensates for scrollbar width to avoid layout shift.
+ */
+export declare function useScrollLock(enabled?: boolean): void;
+//# sourceMappingURL=useScrollLock.d.ts.map

package/dist/hooks/useScrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollLock.ts"],"names":[],"mappings":"AAUA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,UAAO,GAAG,IAAI,CA0BlD"}

package/dist/icons/Icon.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentType, type SVGProps } from 'react';
+export interface IconAdapterProps extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+export type IconAdapter = ComponentType<IconAdapterProps>;
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'aria-hidden'> {
+    /** Icon component — pass a `lucide-react` icon, custom SVG component, or any matching shape. */
+    icon: IconAdapter;
+    /** Pixel size of the rendered SVG. Default 20. */
+    size?: number | string;
+    /**
+     * Provide an aria-label when the icon stands alone (decorative siblings
+     * should pass it via parent). Sets `role="img"` and unhides from AT.
+     * Without it, the icon is `aria-hidden` and decorative.
+     */
+    'aria-label'?: string;
+}
+/**
+ * Generic icon wrapper. Accepts any icon component matching the lucide-react
+ * shape (`{ size, color, className, ...svgProps }`).
+ *
+ * - Without `aria-label` → decorative, `aria-hidden`.
+ * - With `aria-label` → semantic, `role="img"`.
+ */
+export declare const Icon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/icons/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtE,MAAM,WAAW,gBAAiB,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,WAAW,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC7E,gGAAgG;IAChG,IAAI,EAAE,WAAW,CAAC;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,kHAgBhB,CAAC"}

package/dist/icons/index.d.ts

@@ -1,2 +1,2 @@
-export { I as Icon, a as IconAdapter, b as IconAdapterProps, c as IconProps } from '../index-CEAM9LLM.js';
-import 'react';
+export { Icon, type IconProps, type IconAdapter, type IconAdapterProps } from './Icon';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,QAAQ,CAAC"}

package/dist/index.css

@@ -1,3 +1,180 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+/* Dark mode variant — apply by toggling `.dark` on <html> or <body>. */
+@custom-variant dark (&:where(.dark, .dark *));
+
+/* ---------------------------------------------------------------------------
+ * Theme tokens — single source of truth for colors, radii, motion.
+ *
+ * Two layers live here:
+ *   1. RAW SCALES (`--color-brand-*`, `--color-success-*`, …) — full palettes
+ *      kept as escape hatches. Use directly when you need a specific shade.
+ *   2. SEMANTIC TOKENS (`--color-background`, `--color-primary`, …) — the
+ *      24-token surface every atom should consume. These flip in `.dark { }`
+ *      below; consumers can override either layer in their own CSS.
+ *
+ * Tailwind v4 emits each `--*` here as a CSS variable AND uses it to generate
+ * utility classes (e.g. `--color-primary` → `bg-primary text-primary border-primary …`).
+ * ------------------------------------------------------------------------- */
+@theme {
+  /* ---------- raw color scales ---------- */
+  --color-brand-50: #eff6ff;
+  --color-brand-100: #dbeafe;
+  --color-brand-200: #bfdbfe;
+  --color-brand-300: #93c5fd;
+  --color-brand-400: #60a5fa;
+  --color-brand-500: #3b82f6;
+  --color-brand-600: #2563eb;
+  --color-brand-700: #1d4ed8;
+  --color-brand-800: #1e40af;
+  --color-brand-900: #1e3a8a;
+  --color-brand-950: #172554;
+
+  --color-success-50: #f0fdf4;
+  --color-success-100: #dcfce7;
+  --color-success-500: #22c55e;
+  --color-success-600: #16a34a;
+  --color-success-700: #15803d;
+  --color-success-900: #14532d;
+
+  --color-warning-50: #fffbeb;
+  --color-warning-100: #fef3c7;
+  --color-warning-500: #f59e0b;
+  --color-warning-600: #d97706;
+  --color-warning-700: #b45309;
+  --color-warning-900: #78350f;
+
+  --color-danger-50: #fef2f2;
+  --color-danger-100: #fee2e2;
+  --color-danger-500: #ef4444;
+  --color-danger-600: #dc2626;
+  --color-danger-700: #b91c1c;
+  --color-danger-900: #7f1d1d;
+
+  --color-info-50: #ecfeff;
+  --color-info-100: #cffafe;
+  --color-info-500: #06b6d4;
+  --color-info-600: #0891b2;
+  --color-info-700: #0e7490;
+  --color-info-900: #164e63;
+
+  /* ---------- semantic tokens (light mode defaults) ---------- */
+
+  /* Surfaces */
+  --color-background: #ffffff;
+  --color-foreground: #18181b;
+  --color-muted: #f4f4f5;
+  --color-muted-foreground: #71717a;
+  --color-subtle-foreground: #a1a1aa;
+  --color-card: #ffffff;
+  --color-card-foreground: #18181b;
+  --color-popover: #ffffff;
+  --color-popover-foreground: #18181b;
+  --color-inverse: #18181b;
+  --color-inverse-foreground: #fafafa;
+
+  /* Borders & focus */
+  --color-border: #e4e4e7;
+  --color-border-strong: #d4d4d8;
+  --color-input: #d4d4d8;
+  --color-ring: #3b82f6;
+
+  /* Brand (primary) */
+  --color-primary: #2563eb;
+  --color-primary-foreground: #ffffff;
+  --color-primary-soft: #dbeafe;
+  --color-primary-soft-foreground: #1d4ed8;
+
+  /* Severity solids + softs */
+  --color-destructive: #dc2626;
+  --color-destructive-foreground: #ffffff;
+  --color-destructive-soft: #fef2f2;
+  --color-destructive-soft-foreground: #b91c1c;
+
+  --color-success: #16a34a;
+  --color-success-foreground: #ffffff;
+  --color-success-soft: #f0fdf4;
+  --color-success-soft-foreground: #15803d;
+
+  --color-warning: #f59e0b;
+  --color-warning-foreground: #78350f;
+  --color-warning-soft: #fffbeb;
+  --color-warning-soft-foreground: #b45309;
+
+  --color-info: #0891b2;
+  --color-info-foreground: #ffffff;
+  --color-info-soft: #ecfeff;
+  --color-info-soft-foreground: #0e7490;
+
+  /* Radii — preserve our pre-v4 scale (some values shift in v4 defaults) */
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --radius-2xl: 1.5rem;
+
+  /* Indeterminate progress animation — keyframes defined below */
+  --animate-indeterminate: indeterminate 1.4s ease-in-out infinite;
+}
+
+/* ---------- dark mode semantic overrides ----------
+ * Toggle by setting `class="dark"` on <html> or <body>.
+ * Raw scales stay constant; only semantic tokens flip.
+ * ------------------------------------------------ */
+.dark {
+  --color-background: #09090b;
+  --color-foreground: #fafafa;
+  --color-muted: #18181b;
+  --color-muted-foreground: #a1a1aa;
+  --color-subtle-foreground: #71717a;
+  --color-card: #18181b;
+  --color-card-foreground: #fafafa;
+  --color-popover: #18181b;
+  --color-popover-foreground: #fafafa;
+  --color-inverse: #fafafa;
+  --color-inverse-foreground: #09090b;
+
+  --color-border: #27272a;
+  --color-border-strong: #3f3f46;
+  --color-input: #3f3f46;
+  --color-ring: #60a5fa;
+
+  --color-primary: #3b82f6;
+  --color-primary-foreground: #ffffff;
+  --color-primary-soft: #1e3a8a;
+  --color-primary-soft-foreground: #dbeafe;
+
+  --color-destructive: #ef4444;
+  --color-destructive-foreground: #ffffff;
+  --color-destructive-soft: #7f1d1d;
+  --color-destructive-soft-foreground: #fee2e2;
+
+  --color-success: #22c55e;
+  --color-success-foreground: #ffffff;
+  --color-success-soft: #14532d;
+  --color-success-soft-foreground: #dcfce7;
+
+  --color-warning: #f59e0b;
+  --color-warning-foreground: #78350f;
+  --color-warning-soft: #78350f;
+  --color-warning-soft-foreground: #fef3c7;
+
+  --color-info: #06b6d4;
+  --color-info-foreground: #ffffff;
+  --color-info-soft: #164e63;
+  --color-info-soft-foreground: #cffafe;
+}
+
+/* Body defaults so consumers get sane page colors out of the box. */
+html, body {
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+}
+
+@keyframes indeterminate {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(300%);
+  }
+}

package/dist/index.d.ts

@@ -1,17 +1,10 @@
-export { i as tokens } from './index-goThcZ1E.js';
-export { i as utils } from './index-C0IDphm_.js';
-export { i as hooks } from './index-PAuwodyY.js';
-export { i as icons } from './index-CEAM9LLM.js';
-export { i as primitives } from './index-Bk6CuDNT.js';
-export { Button, ButtonProps, ButtonVariants, IconButton, IconButtonProps, IconButtonVariants, Link, LinkProps, LinkVariants, buttonVariants, iconButtonVariants, linkVariants } from './actions/index.js';
-export { Avatar, AvatarProps, AvatarVariants, Badge, BadgeProps, BadgeVariants, Code, CodeProps, CodeVariants, Heading, HeadingProps, HeadingVariants, Image, ImageProps, Kbd, KbdProps, Mark, MarkProps, Quote, QuoteProps, Separator, SeparatorProps, Tag, TagProps, TagVariants, Text, TextProps, TextVariants, avatarVariants, badgeVariants, codeVariants, headingVariants, tagVariants, textVariants } from './display/index.js';
-export { AlertSimple, AlertSimpleProps, AlertSimpleVariants, BannerSimple, BannerSimpleProps, BannerSimpleVariants, ProgressBar, ProgressBarProps, ProgressBarVariants, ProgressCircle, ProgressCircleProps, Skeleton, SkeletonProps, SkeletonVariants, Spinner, SpinnerProps, SpinnerVariants, ToastSimple, ToastSimpleProps, ToastSimpleVariants, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants } from './feedback/index.js';
-export { Checkbox, CheckboxProps, EmailInput, EmailInputProps, Fieldset, FieldsetProps, FormErrorMessage, FormErrorMessageProps, FormHelperText, FormHelperTextProps, Label, LabelProps, Legend, LegendProps, NumberInput, NumberInputProps, PasswordInput, PasswordInputProps, Radio, RadioProps, SearchInput, SearchInputProps, Slider, SliderProps, Switch, SwitchProps, TelInput, TelInputProps, TextInput, TextInputProps, Textarea, TextareaProps, UrlInput, UrlInputProps } from './forms/index.js';
-export { AspectRatio, AspectRatioProps, Box, BoxProps, Center, CenterProps, Container, ContainerProps, ContainerVariants, Flex, FlexProps, Grid, GridProps, GridVariants, HStack, HStackProps, ScrollArea, ScrollAreaProps, Spacer, SpacerProps, Stack, StackProps, StackVariants, VStack, VStackProps, containerVariants, gridVariants, stackVariants } from './layout/index.js';
-import 'clsx';
-import 'react';
-import 'tailwind-variants';
-import 'react/jsx-runtime';
-import '@radix-ui/react-focus-scope';
-import '@floating-ui/react';
-import 'tailwind-variants/dist/config.js';
+export * as utils from './utils';
+export * as hooks from './hooks';
+export * as icons from './icons';
+export * as primitives from './primitives';
+export * from './actions';
+export * from './display';
+export * from './feedback';
+export * from './forms';
+export * from './layout';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAG3C,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -1,17 +1,16 @@
-export { Avatar, Badge, Code, Heading, Image, Kbd, Mark, Quote, Separator, Tag, Text, avatarVariants, badgeVariants, codeVariants, headingVariants, tagVariants, textVariants } from './chunk-MP4OTUFA.js';
-export { AlertSimple, BannerSimple, ProgressBar, ProgressCircle, Skeleton, Spinner, ToastSimple, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants } from './chunk-YLN7VMYU.js';
-export { Checkbox, EmailInput, Fieldset, FormErrorMessage, FormHelperText, Label, Legend, NumberInput, PasswordInput, Radio, SearchInput, Slider, Switch, TelInput, TextInput, Textarea, UrlInput } from './chunk-KSJE3JAI.js';
+export { Checkbox, EmailInput, Fieldset, FormErrorMessage, FormHelperText, Label, Legend, NumberInput, PasswordInput, Radio, SearchInput, Slider, Switch, TelInput, TextInput, Textarea, UrlInput } from './chunk-TDEEVNSD.js';
 export { AspectRatio, Box, Center, Container, Flex, Grid, HStack, ScrollArea, Spacer, Stack, VStack, containerVariants, gridVariants, stackVariants } from './chunk-SYG6ZE42.js';
-export { tokens_exports as tokens } from './chunk-D67WGR7Y.js';
 export { hooks_exports as hooks } from './chunk-6NYTRHP7.js';
-export { icons_exports as icons } from './chunk-TDX22OWF.js';
 export { primitives_exports as primitives } from './chunk-JCMV6IT4.js';
 import './chunk-Q27NAHVB.js';
 import './chunk-77WSI427.js';
 import './chunk-JTJEI6MF.js';
-export { Button, IconButton, Link, buttonVariants, iconButtonVariants, linkVariants } from './chunk-4CIRBYYP.js';
-export { utils_exports as utils } from './chunk-BMBIZLO4.js';
+export { Button, IconButton, Link, buttonVariants, iconButtonVariants, linkVariants } from './chunk-HVJVLK6B.js';
 import './chunk-33IOXQYO.js';
+export { Avatar, Badge, Code, Heading, Image, Kbd, Mark, Quote, Separator, Tag, Text, avatarVariants, badgeVariants, codeVariants, headingVariants, tagVariants, textVariants } from './chunk-DBQ4VF2J.js';
+export { icons_exports as icons } from './chunk-TDX22OWF.js';
+export { AlertSimple, BannerSimple, ProgressBar, ProgressCircle, Skeleton, Spinner, ToastSimple, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants } from './chunk-62NXDB5V.js';
+export { utils_exports as utils } from './chunk-BMBIZLO4.js';
 import './chunk-DN7WBRIV.js';
 import './chunk-KZ4VFY2T.js';
 import './chunk-PZ5AY32C.js';

package/dist/layout/aspectRatio/AspectRatio.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface AspectRatioProps extends ComponentPropsWithoutRef<'div'> {
+    /** Numeric ratio (width/height). Default 1 (square). */
+    ratio?: number;
+}
+/**
+ * Constrain children to an aspect ratio (width / height). Children are
+ * absolutely positioned and stretched to fill — typically pass a single
+ * `<img>`, `<video>`, or `<iframe>` with `className="absolute inset-0 w-full h-full"`.
+ */
+export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AspectRatio.d.ts.map

package/dist/layout/aspectRatio/AspectRatio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/layout/aspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,6GAWvB,CAAC"}

package/dist/layout/aspectRatio/index.d.ts

@@ -0,0 +1,2 @@
+export { AspectRatio, type AspectRatioProps } from './AspectRatio';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/aspectRatio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/aspectRatio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/layout/box/Box.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef, type ElementType } from 'react';
+export interface BoxProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'> {
+    /** HTML element to render. Default `div`. */
+    as?: ElementType;
+}
+/**
+ * The lowest-level layout primitive. Renders any element (default `div`)
+ * with className passthrough. Use as a styling shell when no other layout
+ * atom fits.
+ */
+export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Box.d.ts.map

package/dist/layout/box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,WAAW,EAAY,MAAM,OAAO,CAAC;AAG9F,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IAC3E,6CAA6C;IAC7C,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,GAAG,kGAIf,CAAC"}

package/dist/layout/box/index.d.ts

@@ -0,0 +1,2 @@
+export { Box, type BoxProps } from './Box';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC"}

package/dist/layout/center/Center.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export type CenterProps = ComponentPropsWithoutRef<'div'>;
+/** Flex shorthand that centers its children both axes. */
+export declare const Center: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Center.d.ts.map

package/dist/layout/center/Center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.d.ts","sourceRoot":"","sources":["../../../src/layout/center/Center.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,WAAW,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1D,0DAA0D;AAC1D,eAAO,MAAM,MAAM,2MAQlB,CAAC"}

package/dist/layout/center/index.d.ts

@@ -0,0 +1,2 @@
+export { Center, type CenterProps } from './Center';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/center/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/center/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/layout/container/Container.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithoutRef, type ElementType } from 'react';
+import { type ContainerVariants } from './Container.variants';
+export interface ContainerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>, ContainerVariants {
+    as?: ElementType;
+}
+/**
+ * Centered max-width wrapper with horizontal padding. Use at page-level to
+ * constrain content width.
+ */
+export declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Container.d.ts.map

package/dist/layout/container/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/layout/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAqB,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEjF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,EACjD,iBAAiB;IACnB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,wGAQrB,CAAC"}

package/dist/layout/container/Container.variants.d.ts

@@ -0,0 +1,67 @@
+import { type VariantProps } from '../../utils';
+export declare const containerVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, undefined, "mx-auto w-full px-4", import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, undefined, "mx-auto w-full px-4", import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type ContainerVariants = VariantProps<typeof containerVariants>;
+//# sourceMappingURL=Container.variants.d.ts.map

package/dist/layout/container/Container.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.variants.d.ts","sourceRoot":"","sources":["../../../src/layout/container/Container.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEpD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAe5B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/layout/container/index.d.ts

@@ -0,0 +1,3 @@
+export { Container, type ContainerProps } from './Container';
+export { containerVariants, type ContainerVariants } from './Container.variants';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/layout/flex/Flex.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentPropsWithoutRef, type ElementType } from 'react';
+export interface FlexProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'> {
+    as?: ElementType;
+}
+/**
+ * Bare flex container — no opinions on direction, gap, or alignment.
+ * Use for one-off flex layouts that don't fit `Stack`'s variant matrix.
+ */
+export declare const Flex: import("react").ForwardRefExoticComponent<FlexProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Flex.d.ts.map

package/dist/layout/flex/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/layout/flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEjB,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IAC5E,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,mGAQhB,CAAC"}

package/dist/layout/flex/index.d.ts

@@ -0,0 +1,2 @@
+export { Flex, type FlexProps } from './Flex';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/flex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/layout/grid/Grid.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef, type ElementType } from 'react';
+import { type GridVariants } from './Grid.variants';
+export interface GridProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>, GridVariants {
+    as?: ElementType;
+}
+/**
+ * CSS grid container with column and gap variants. For non-uniform tracks
+ * pass an explicit `style={{ gridTemplateColumns }}` — the variant covers
+ * the equal-column case.
+ */
+export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/layout/grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/layout/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAElE,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,EACjD,YAAY;IACd,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,mGAQhB,CAAC"}