@vhyxui/react 0.3.0-alpha → 0.4.0-alpha

package/dist/index.js

@@ -1,89 +1,123 @@
-import { V as l } from "./VhyxUIProvider-DVFSW4q-.js";
-import { B as p } from "./Button-DDMc7-3S.js";
-import { I as S } from "./Input-BS_t1bl-.js";
-import { T as P } from "./Textarea-CLrctxHU.js";
-import { S as v } from "./Select-DfV10hZt.js";
-import { C as D } from "./Checkbox-DWl91ci_.js";
-import { R as A, a as C } from "./RadioItem-CzHSS_qK.js";
-import { S as R } from "./Switch-DOAZfSV0.js";
-import { F as y, a as U, u as V } from "./Field-Bv07PL2M.js";
-import { T as E } from "./TextField-DtXQQJJk.js";
-import { S as L } from "./SelectField-B6N0uub8.js";
-import { T as O } from "./TextareaField-CpqPinvx.js";
-import { b as s, c as i, d as m } from "./Toast-0acAjZTB.js";
-import { T as j, a as q } from "./Toast-0acAjZTB.js";
-import { A as H } from "./Alert-am3ANPTH.js";
-import { B as K } from "./Badge-Bbxb4wyt.js";
-import { P as Q } from "./Progress-DWLr6Bq2.js";
-import { S as X } from "./Spinner-BYi9eTfl.js";
-import { D as Z } from "./Dialog-CtYu14zl.js";
-import { D as rr } from "./Drawer-BFJxsPG1.js";
-import { T as er } from "./Tooltip-BAmErB_g.js";
-import { P as sr } from "./Popover-j9pNswBn.js";
-import { C as fr } from "./Card-Dh9Pcmfa.js";
-import { S as mr } from "./Separator-DQT58t90.js";
-import { T as xr } from "./Tabs-BTfm4LbV.js";
-import { B as cr } from "./Breadcrumb-Db7ASomJ.js";
-import { P as lr } from "./Pagination-C1h7OTgM.js";
-const d = 5e3;
-function t(e, a, r) {
+"use client";
+import { V as u, r as l } from "./VhyxUIProvider-B2UHeumk.js";
+import { B as S } from "./Button-DN5vy24q.js";
+import { I as A } from "./Input-B0dEXpG8.js";
+import { T as v } from "./Textarea-cloHZ5Sz.js";
+import { S as F } from "./Select-CgjfJSB8.js";
+import { C as D } from "./Checkbox-D-5qaOEj.js";
+import { R as B, a as I } from "./RadioItem-BbIH7LoA.js";
+import { S as w } from "./Switch-bIbcXIMH.js";
+import { F as y, a as G, u as R } from "./Field-Dx9gXxGL.js";
+import { T as U } from "./TextField-B492c5Ct.js";
+import { S as E } from "./SelectField-DBGtOECg.js";
+import { T as N } from "./TextareaField-CrRndsuY.js";
+import { b as t, c as m, d as x } from "./Toast-DYqE0PjM.js";
+import { T as _, a as j } from "./Toast-DYqE0PjM.js";
+import { A as z } from "./Alert-D4EFVKUy.js";
+import { B as M } from "./Badge-Z6crWSLX.js";
+import { P as W } from "./Progress-DdWZRQVS.js";
+import { S as Y } from "./Spinner-Dz68qwGs.js";
+import { D as $ } from "./Dialog-DhIanyWH.js";
+import { D as ar } from "./Drawer-BKizItfr.js";
+import { T as or } from "./Tooltip-DCCaNX5W.js";
+import { P as sr } from "./Popover-0QvSlzcQ.js";
+import { C as mr } from "./Card-CI7DyOJg.js";
+import { S as ir } from "./Separator-BwR51KpL.js";
+import { T as nr } from "./Tabs-CbmdCTVE.js";
+import { B as pr } from "./Breadcrumb-CbPmH-b4.js";
+import { P as lr } from "./Pagination-UQ53MWnR.js";
+import { c as Sr } from "./cx-OWdTFKLx.js";
+import { spaceVar as Ar } from "./utils.js";
+import { H as vr, S as Cr, V as Fr } from "./Stack-CfwjUv0j.js";
+import { G as Dr } from "./Grid-x_OHCzGV.js";
+import { C as Br } from "./Container-DPKIgeDZ.js";
+import { C as kr } from "./Center-DFq5m7mf.js";
+import { T as Hr } from "./Text-Dl4z0gus.js";
+import { H as Gr } from "./Heading-BPqfnM8i.js";
+import { K as hr } from "./Kbd-DGURpjWN.js";
+import { V as Kr } from "./VisuallyHidden-CPTxPvL_.js";
+import { A as Lr, a as Nr, g as Or } from "./Avatar-CDoAvY0m.js";
+import { S as jr } from "./Skeleton-C1LTpmVC.js";
+import { A as zr } from "./Accordion-qtPur3CA.js";
+import { T as Mr } from "./Table-C_jZjmPK.js";
+const i = 5e3;
+function s(e, a, r) {
   const f = {
     message: e,
     variant: a,
-    duration: (r == null ? void 0 : r.duration) ?? d,
+    duration: (r == null ? void 0 : r.duration) ?? i,
     dismissible: (r == null ? void 0 : r.dismissible) ?? !0
   };
   return (r == null ? void 0 : r.description) !== void 0 && (f.description = r.description), (r == null ? void 0 : r.action) !== void 0 && (f.action = r.action), f;
 }
 function o(e, a) {
-  return s(t(e, "default", a));
+  return t(s(e, "default", a));
 }
 o.success = function(a, r) {
-  return s(t(a, "success", r));
+  return t(s(a, "success", r));
 };
 o.danger = function(a, r) {
-  return s(t(a, "danger", r));
+  return t(s(a, "danger", r));
 };
 o.warning = function(a, r) {
-  return s(t(a, "warning", r));
+  return t(s(a, "warning", r));
 };
 o.info = function(a, r) {
-  return s(t(a, "info", r));
+  return t(s(a, "info", r));
 };
 o.dismiss = function(a) {
-  a !== void 0 ? i(a) : m();
+  a !== void 0 ? m(a) : x();
 };
 const n = o;
 export {
-  H as Alert,
-  K as Badge,
-  cr as Breadcrumb,
-  p as Button,
-  fr as Card,
+  zr as Accordion,
+  z as Alert,
+  Lr as Avatar,
+  Nr as AvatarGroup,
+  M as Badge,
+  pr as Breadcrumb,
+  S as Button,
+  mr as Card,
+  kr as Center,
   D as Checkbox,
-  Z as Dialog,
-  rr as Drawer,
+  Br as Container,
+  $ as Dialog,
+  ar as Drawer,
   y as Field,
-  U as Form,
-  S as Input,
+  G as Form,
+  Dr as Grid,
+  vr as HStack,
+  Gr as Heading,
+  A as Input,
+  hr as Kbd,
   lr as Pagination,
   sr as Popover,
-  Q as Progress,
-  A as RadioGroup,
-  C as RadioItem,
-  v as Select,
-  L as SelectField,
-  mr as Separator,
-  X as Spinner,
-  R as Switch,
-  xr as Tabs,
-  E as TextField,
-  P as Textarea,
-  O as TextareaField,
-  j as Toast,
-  q as ToastProvider,
-  er as Tooltip,
-  l as VhyxUIProvider,
+  W as Progress,
+  B as RadioGroup,
+  I as RadioItem,
+  F as Select,
+  E as SelectField,
+  ir as Separator,
+  jr as Skeleton,
+  Y as Spinner,
+  Cr as Stack,
+  w as Switch,
+  Mr as Table,
+  nr as Tabs,
+  Hr as Text,
+  U as TextField,
+  v as Textarea,
+  N as TextareaField,
+  _ as Toast,
+  j as ToastProvider,
+  or as Tooltip,
+  Fr as VStack,
+  u as VhyxUIProvider,
+  Kr as VisuallyHidden,
+  Sr as cx,
+  Or as getInitials,
+  l as resolveSealDomain,
+  Ar as spaceVar,
   n as toast,
-  V as useFormContext
+  R as useFormContext
 };

package/dist/input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Input-UQ2fQwE7.cjs");exports.Input=t.Input;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Input-CdS0oZyf.cjs");exports.Input=e.Input;

package/dist/input.js

@@ -1,4 +1,5 @@
-import { I as r } from "./Input-BS_t1bl-.js";
+"use client";
+import { I as n } from "./Input-B0dEXpG8.js";
 export {
-  r as Input
+  n as Input
 };

package/dist/kbd.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Kbd-C2vxklhy.cjs");exports.Kbd=e.Kbd;

package/dist/kbd.d.ts

@@ -0,0 +1,16 @@
+import { default as default_2 } from 'react';
+
+/**
+ * Kbd — keyboard shortcut hint.
+ * @example
+ * <Kbd keys={['⌘', 'K']} />
+ */
+export declare function Kbd({ keys, children, style, ...rest }: KbdProps): default_2.ReactElement;
+
+/** Props for Kbd. */
+export declare interface KbdProps extends default_2.HTMLAttributes<HTMLElement> {
+    /** Keys to render joined with "+", e.g. `['⌘', 'K']`. Alternative to children. */
+    keys?: string[];
+}
+
+export { }

package/dist/kbd.js

@@ -0,0 +1,5 @@
+"use client";
+import { K as r } from "./Kbd-DGURpjWN.js";
+export {
+  r as Kbd
+};

package/dist/pagination.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./Pagination-CmmcBPNz.cjs");exports.Pagination=i.Pagination;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Pagination-CiE9Jzm0.cjs");exports.Pagination=e.Pagination;

package/dist/pagination.js

@@ -1,4 +1,5 @@
-import { P as i } from "./Pagination-C1h7OTgM.js";
+"use client";
+import { P as i } from "./Pagination-UQ53MWnR.js";
 export {
   i as Pagination
 };

package/dist/popover.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Popover-BlCmIF9J.cjs");exports.Popover=e.Popover;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Popover-Chf2ikqa.cjs");exports.Popover=e.Popover;

package/dist/popover.js

@@ -1,4 +1,5 @@
-import { P as e } from "./Popover-j9pNswBn.js";
+"use client";
+import { P as r } from "./Popover-0QvSlzcQ.js";
 export {
-  e as Popover
+  r as Popover
 };

package/dist/progress.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Progress-FO-4WX0i.cjs");exports.Progress=e.Progress;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Progress-lItZES-D.cjs");exports.Progress=e.Progress;

package/dist/progress.js

@@ -1,4 +1,5 @@
-import { P as s } from "./Progress-DWLr6Bq2.js";
+"use client";
+import { P as s } from "./Progress-DdWZRQVS.js";
 export {
   s as Progress
 };

package/dist/radio.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./RadioItem-BfkTHBxQ.cjs");exports.RadioGroup=e.RadioGroup;exports.RadioItem=e.RadioItem;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./RadioItem-Cfxch4Gj.cjs");exports.RadioGroup=e.RadioGroup;exports.RadioItem=e.RadioItem;

package/dist/radio.js

@@ -1,5 +1,6 @@
-import { R as r, a as R } from "./RadioItem-CzHSS_qK.js";
+"use client";
+import { R as e, a as i } from "./RadioItem-BbIH7LoA.js";
 export {
-  r as RadioGroup,
-  R as RadioItem
+  e as RadioGroup,
+  i as RadioItem
 };

package/dist/select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Select-BkJNe4Lc.cjs");exports.Select=e.Select;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Select-D_oVKzzK.cjs");exports.Select=e.Select;

package/dist/select.d.ts

@@ -66,11 +66,11 @@ export declare interface SelectProps extends default_2.HTMLAttributes<HTMLDivEle
     /** Called when a new value is selected. */
     onValueChange?: (value: string) => void;
     /** When true, the trigger is disabled. */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /** Size applied to all Select sub-components. @default 'md' */
-    size?: SelectSize;
+    size?: SelectSize | undefined;
     /** Placeholder text shown when no value is selected. */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /** VhyxSeal contract override. */
     contract?: Partial<ComponentContract>;
 }

package/dist/select.js

@@ -1,4 +1,5 @@
-import { S as r } from "./Select-DfV10hZt.js";
+"use client";
+import { S as c } from "./Select-CgjfJSB8.js";
 export {
-  r as Select
+  c as Select
 };

package/dist/selectfield.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SelectField-Dxl2Mgbv.cjs");exports.SelectField=e.SelectField;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SelectField-DdkU9fXq.cjs");exports.SelectField=e.SelectField;

package/dist/selectfield.d.ts

@@ -11,21 +11,21 @@ declare interface FieldProps extends Omit<default_2.HTMLAttributes<HTMLDivElemen
      */
     name: string;
     /** Label rendered above (or beside) the input. */
-    label?: default_2.ReactNode;
+    label?: default_2.ReactNode | undefined;
     /** Helper text rendered below the input. Connected via aria-describedby. */
-    hint?: default_2.ReactNode;
+    hint?: default_2.ReactNode | undefined;
     /**
      * Error message. When set, the child input receives aria-invalid and
      * data-error attributes and the error text is announced as a live region.
      * If absent, Field reads the error from the parent Form context automatically.
      */
-    error?: string;
+    error?: string | undefined;
     /** When true, renders a required indicator (*) next to the label. */
-    required?: boolean;
+    required?: boolean | undefined;
     /** When true, renders an optional indicator next to the label. */
-    optional?: boolean;
+    optional?: boolean | undefined;
     /** Field layout. Overrides the parent Form layout when set. @default 'vertical' */
-    layout?: 'vertical' | 'horizontal';
+    layout?: 'vertical' | 'horizontal' | undefined;
     /** The single interactive child element (Input, Textarea, Select, etc.). */
     children: default_2.ReactNode;
 }

package/dist/selectfield.js

@@ -1,4 +1,5 @@
-import { S as o } from "./SelectField-B6N0uub8.js";
+"use client";
+import { S as t } from "./SelectField-DBGtOECg.js";
 export {
-  o as SelectField
+  t as SelectField
 };

package/dist/separator.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Separator-C5lPGzes.cjs");exports.Separator=e.Separator;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Separator-CTncQd7E.cjs");exports.Separator=e.Separator;

package/dist/separator.js

@@ -1,4 +1,5 @@
-import { S as o } from "./Separator-DQT58t90.js";
+"use client";
+import { S as a } from "./Separator-BwR51KpL.js";
 export {
-  o as Separator
+  a as Separator
 };

package/dist/skeleton.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Skeleton-CpzYhkFp.cjs");exports.Skeleton=e.Skeleton;

package/dist/skeleton.d.ts

@@ -0,0 +1,22 @@
+import { default as default_2 } from 'react';
+
+/**
+ * Skeleton — loading placeholder. Hidden from assistive tech; pair it with an
+ * `aria-busy` container. Respects `prefers-reduced-motion`.
+ * @example
+ * <Skeleton variant="circle" width={40} height={40} />
+ * <Skeleton variant="text" lines={3} />
+ */
+export declare function Skeleton({ variant, width, height, lines, className, style, ...rest }: SkeletonProps): default_2.ReactElement;
+
+/** Props for Skeleton. */
+export declare interface SkeletonProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+    /** @default 'rect' */
+    variant?: 'rect' | 'circle' | 'text';
+    width?: string | number;
+    height?: string | number;
+    /** Repeat as N stacked text lines (last one shorter). */
+    lines?: number;
+}
+
+export { }

package/dist/skeleton.js

@@ -0,0 +1,5 @@
+"use client";
+import { S as t } from "./Skeleton-C1LTpmVC.js";
+export {
+  t as Skeleton
+};

package/dist/spinner.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Spinner-CeIDpqkx.cjs");exports.Spinner=e.Spinner;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Spinner-BJnT9SOB.cjs");exports.Spinner=e.Spinner;

package/dist/spinner.js

@@ -1,4 +1,5 @@
-import { S as n } from "./Spinner-BYi9eTfl.js";
+"use client";
+import { S as r } from "./Spinner-Dz68qwGs.js";
 export {
-  n as Spinner
+  r as Spinner
 };

package/dist/stack.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Stack--mNjuxZe.cjs");exports.HStack=t.HStack;exports.Stack=t.Stack;exports.VStack=t.VStack;

package/dist/stack.d.ts

@@ -0,0 +1,58 @@
+import { default as default_2 } from 'react';
+
+/** Viewport breakpoints shared by responsive layout props. sm 640px · md 768px · lg 1024px. */
+declare type Breakpoint = 'sm' | 'md' | 'lg';
+
+/** Props for HStack/VStack — Stack without `direction`. */
+export declare type DirectionalStackProps = Omit<StackProps, 'direction'>;
+
+/** Horizontal Stack. Defaults `align="center"`. @example <HStack gap={2}><Button/><Button/></HStack> */
+export declare const HStack: default_2.ForwardRefExoticComponent<DirectionalStackProps & default_2.RefAttributes<HTMLElement>>;
+
+/** Spacing steps available in @vhyxui/tokens (`--vhyx-space-*`). */
+declare type Space = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 32;
+
+/**
+ * Stack — the one layout primitive you need most: children in a row or column with consistent gaps.
+ *
+ * @example
+ * <Stack gap={4}>
+ *   <Heading>Title</Heading>
+ *   <Text tone="subtle">Body</Text>
+ * </Stack>
+ *
+ * @example
+ * <Stack direction="row" justify="between" align="center" collapseBelow="md">…</Stack>
+ */
+export declare const Stack: default_2.ForwardRefExoticComponent<StackProps & default_2.RefAttributes<HTMLElement>>;
+
+/** Flex alignment keywords. */
+export declare type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+
+/** Flex justification keywords. */
+export declare type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+
+/** Props for Stack. */
+export declare interface StackProps extends default_2.HTMLAttributes<HTMLElement> {
+    /** Element to render. @default 'div' */
+    as?: default_2.ElementType;
+    /** Main axis. @default 'column' */
+    direction?: 'row' | 'column';
+    /** Gap between children, in token steps. @default 3 */
+    gap?: Space;
+    /** Cross-axis alignment. */
+    align?: StackAlign;
+    /** Main-axis distribution. */
+    justify?: StackJustify;
+    /** Allow children to wrap onto multiple lines. */
+    wrap?: boolean;
+    /** Switch a row to a column below this breakpoint (responsive without media queries in your code). */
+    collapseBelow?: Breakpoint;
+    /** Padding on all sides, in token steps. */
+    padding?: Space;
+}
+
+/** Vertical Stack. @example <VStack gap={4}>…</VStack> */
+export declare const VStack: default_2.ForwardRefExoticComponent<DirectionalStackProps & default_2.RefAttributes<HTMLElement>>;
+
+export { }

package/dist/stack.js

@@ -0,0 +1,7 @@
+"use client";
+import { H as c, S as s, V as S } from "./Stack-CfwjUv0j.js";
+export {
+  c as HStack,
+  s as Stack,
+  S as VStack
+};