@vhyxui/react 0.3.0-alpha → 0.4.0-alpha

package/dist/Toast-DYqE0PjM.js

@@ -0,0 +1,167 @@
+import { jsxs as l, Fragment as b, jsx as s } from "react/jsx-runtime";
+import { useState as g, useEffect as u, useCallback as v, useRef as y } from "react";
+import { toastContract as T } from "@vhyxui/core";
+import { withAgentContract as x } from "@vhyxseal/react";
+let r = [], p = 5;
+const f = /* @__PURE__ */ new Set();
+let _ = 0;
+function m() {
+  for (const t of f)
+    t();
+}
+function N(t) {
+  t.maxToasts !== void 0 && (p = t.maxToasts);
+}
+function h() {
+  return r;
+}
+function E(t) {
+  _ += 1;
+  const o = `vhyx-toast-${_}`, e = { ...t, id: o }, a = [...r];
+  return a.length >= p && a.shift(), r = [...a, e], m(), o;
+}
+function q(t) {
+  r = r.filter((o) => o.id !== t), m();
+}
+function L() {
+  r = [], m();
+}
+function C(t) {
+  return f.add(t), () => {
+    f.delete(t);
+  };
+}
+const k = "_region_lqmlf_3", w = "_toast_lqmlf_12", n = {
+  region: k,
+  toast: w,
+  "toast-content": "_toast-content_lqmlf_74",
+  "toast-icon": "_toast-icon_lqmlf_103",
+  "toast-body": "_toast-body_lqmlf_117",
+  "toast-message": "_toast-message_lqmlf_125",
+  "toast-description": "_toast-description_lqmlf_133",
+  "toast-action": "_toast-action_lqmlf_142",
+  "toast-dismiss": "_toast-dismiss_lqmlf_168"
+};
+function I({
+  position: t = "bottom-right",
+  maxToasts: o = 5,
+  defaultDuration: e = 5e3,
+  children: a
+}) {
+  const [i, c] = g(() => h());
+  return u(() => {
+    N({ maxToasts: o });
+  }, [o]), u(() => C(() => {
+    c(h());
+  }), []), /* @__PURE__ */ l(b, { children: [
+    a,
+    /* @__PURE__ */ s(
+      "div",
+      {
+        role: "status",
+        "aria-live": "polite",
+        "aria-atomic": "false",
+        "aria-label": "Notifications",
+        className: n.region,
+        "data-position": t,
+        children: i.map((d) => /* @__PURE__ */ s(
+          S,
+          {
+            item: d,
+            defaultDuration: e
+          },
+          d.id
+        ))
+      }
+    )
+  ] });
+}
+function S({
+  item: t,
+  defaultDuration: o
+}) {
+  const e = v(() => q(t.id), [t.id]), a = y(null), i = t.duration ?? o;
+  return u(() => {
+    if (!(!isFinite(i) || i <= 0))
+      return a.current = setTimeout(e, i), () => {
+        a.current && clearTimeout(a.current);
+      };
+  }, [e, i]), /* @__PURE__ */ s(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: n.toast,
+      "data-variant": t.variant,
+      "data-state": "open",
+      children: /* @__PURE__ */ l("div", { className: n["toast-content"], children: [
+        /* @__PURE__ */ s("span", { className: n["toast-icon"], "aria-hidden": "true", children: j(t.variant) }),
+        /* @__PURE__ */ l("div", { className: n["toast-body"], children: [
+          /* @__PURE__ */ s("span", { className: n["toast-message"], children: t.message }),
+          t.description && /* @__PURE__ */ s("span", { className: n["toast-description"], children: t.description })
+        ] }),
+        t.action && /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: n["toast-action"],
+            onClick: () => {
+              var c;
+              (c = t.action) == null || c.onClick(), e();
+            },
+            children: t.action.label
+          }
+        ),
+        t.dismissible !== !1 && /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: n["toast-dismiss"],
+            onClick: e,
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ l(
+              "svg",
+              {
+                "aria-hidden": "true",
+                viewBox: "0 0 12 12",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 1.5,
+                strokeLinecap: "round",
+                children: [
+                  /* @__PURE__ */ s("line", { x1: "2", y1: "2", x2: "10", y2: "10" }),
+                  /* @__PURE__ */ s("line", { x1: "10", y1: "2", x2: "2", y2: "10" })
+                ]
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+}
+function j(t) {
+  switch (t) {
+    case "success":
+      return "✓";
+    case "danger":
+      return "✕";
+    case "warning":
+      return "⚠";
+    case "info":
+      return "ℹ";
+    default:
+      return "●";
+  }
+}
+const A = { ...T, id: "vhyxui-toast" }, O = Object.assign(
+  x(I, A),
+  { displayName: "VhyxToast" }
+);
+export {
+  O as T,
+  I as a,
+  E as b,
+  q as c,
+  L as d
+};

package/dist/Tooltip-B-PpSm6T.cjs

@@ -0,0 +1 @@
+"use strict";const h=require("react/jsx-runtime"),o=require("react"),q=require("react-dom"),B=require("@vhyxui/core"),L=require("@vhyxseal/react"),O=require("./useId-D2AEOm2G.cjs"),P="_tooltip_jlaje_1",F={tooltip:P};function v({content:x,side:n="top",align:C="center",delayDuration:y=400,skipDelayDuration:E=300,children:s}){const b=O.useId("vhyx-tooltip"),[l,u]=o.useState(!1),[g,k]=o.useState({top:0,left:0}),T=o.useRef(null),p=o.useRef(null),d=o.useRef(null),i=o.useCallback(()=>{p.current&&clearTimeout(p.current),d.current&&clearTimeout(d.current)},[]);o.useEffect(()=>()=>i(),[i]);const m=o.useCallback(()=>{const e=T.current;if(!e)return;const t=e.getBoundingClientRect(),a=6;let r=0,c=0;n==="top"?(r=t.top-a,c=t.left+t.width/2):n==="bottom"?(r=t.bottom+a,c=t.left+t.width/2):n==="right"?(r=t.top+t.height/2,c=t.right+a):(r=t.top+t.height/2,c=t.left-a),k({top:r,left:c})},[n]),w=o.useCallback(()=>{i(),p.current=setTimeout(()=>{m(),u(!0)},y)},[i,y,m]),f=o.useCallback((e=0)=>{i(),e>0?d.current=setTimeout(()=>u(!1),e):u(!1)},[i]);o.useEffect(()=>{if(!l)return;function e(t){t.key==="Escape"&&f(0)}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[l,f]);const M=o.cloneElement(s,{ref:o.useCallback(e=>{T.current=e;const t=s.ref;typeof t=="function"?t(e):t&&typeof t=="object"&&(t.current=e)},[]),"aria-describedby":l?b:void 0,onMouseEnter:e=>{const t=s.props.onMouseEnter;typeof t=="function"&&t(e),w()},onMouseLeave:e=>{const t=s.props.onMouseLeave;typeof t=="function"&&t(e),f(E)},onFocus:e=>{const t=s.props.onFocus;typeof t=="function"&&t(e),m(),u(!0)},onBlur:e=>{const t=s.props.onBlur;typeof t=="function"&&t(e),f(0)}}),j=l?q.createPortal(h.jsx("div",{id:b,role:"tooltip",className:F.tooltip,"data-side":n,"data-align":C,style:{position:"fixed",top:g.top,left:g.left,zIndex:550,transform:n==="top"||n==="bottom"?"translateX(-50%)":"translateY(-50%)"},children:x}),document.body):null;return h.jsxs(h.Fragment,{children:[M,j]})}v.displayName="VhyxTooltip";const I={...B.tooltipContract,id:"vhyxui-tooltip"},R=L.withAgentContract(v,I);R.displayName="VhyxTooltip";exports.Tooltip=R;

package/dist/{Tooltip-BAmErB_g.js → Tooltip-DCCaNX5W.js}

@@ -1,48 +1,48 @@
-import { j as h } from "./jsx-runtime-CL69jGNW.js";
-import P, { useState as b, useRef as y, useCallback as c, useEffect as E } from "react";
-import k from "react-dom";
-import { tooltipContract as F } from "@vhyxui/core";
-import { withAgentContract as I } from "@vhyxseal/react";
-import { u as N } from "./useId-BGRmH6iF.js";
-const V = "_tooltip_jlaje_1", _ = {
-  tooltip: V
+import { jsx as O, jsxs as P, Fragment as k } from "react/jsx-runtime";
+import F, { useState as b, useRef as h, useCallback as c, useEffect as x } from "react";
+import I from "react-dom";
+import { tooltipContract as N } from "@vhyxui/core";
+import { withAgentContract as V } from "@vhyxseal/react";
+import { u as _ } from "./useId-BGRmH6iF.js";
+const A = "_tooltip_jlaje_1", S = {
+  tooltip: A
 };
-function R({
-  content: j,
+function E({
+  content: R,
   side: e = "top",
   align: w = "center",
-  delayDuration: g = 400,
+  delayDuration: y = 400,
   skipDelayDuration: M = 300,
   children: n
 }) {
-  const x = N("vhyx-tooltip"), [l, f] = b(!1), [T, C] = b({ top: 0, left: 0 }), v = y(null), a = y(null), m = y(null), i = c(() => {
+  const g = _("vhyx-tooltip"), [l, f] = b(!1), [T, C] = b({ top: 0, left: 0 }), v = h(null), a = h(null), m = h(null), i = c(() => {
     a.current && clearTimeout(a.current), m.current && clearTimeout(m.current);
   }, []);
-  E(() => () => i(), [i]);
+  x(() => () => i(), [i]);
   const d = c(() => {
     const o = v.current;
     if (!o) return;
     const t = o.getBoundingClientRect(), p = 6;
-    let s = 0, r = 0;
-    e === "top" ? (s = t.top - p, r = t.left + t.width / 2) : e === "bottom" ? (s = t.bottom + p, r = t.left + t.width / 2) : e === "right" ? (s = t.top + t.height / 2, r = t.right + p) : (s = t.top + t.height / 2, r = t.left - p), C({ top: s, left: r });
-  }, [e]), B = c(() => {
+    let r = 0, s = 0;
+    e === "top" ? (r = t.top - p, s = t.left + t.width / 2) : e === "bottom" ? (r = t.bottom + p, s = t.left + t.width / 2) : e === "right" ? (r = t.top + t.height / 2, s = t.right + p) : (r = t.top + t.height / 2, s = t.left - p), C({ top: r, left: s });
+  }, [e]), j = c(() => {
     i(), a.current = setTimeout(() => {
       d(), f(!0);
-    }, g);
-  }, [i, g, d]), u = c(
+    }, y);
+  }, [i, y, d]), u = c(
     (o = 0) => {
       i(), o > 0 ? m.current = setTimeout(() => f(!1), o) : f(!1);
     },
     [i]
   );
-  E(() => {
+  x(() => {
     if (!l) return;
     function o(t) {
       t.key === "Escape" && u(0);
     }
     return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
   }, [l, u]);
-  const L = P.cloneElement(
+  const B = F.cloneElement(
     n,
     {
       ref: c(
@@ -54,10 +54,10 @@ function R({
         // eslint-disable-next-line react-hooks/exhaustive-deps
         []
       ),
-      "aria-describedby": l ? x : void 0,
+      "aria-describedby": l ? g : void 0,
       onMouseEnter: (o) => {
         const t = n.props.onMouseEnter;
-        typeof t == "function" && t(o), B();
+        typeof t == "function" && t(o), j();
       },
       onMouseLeave: (o) => {
         const t = n.props.onMouseLeave;
@@ -72,13 +72,13 @@ function R({
         typeof t == "function" && t(o), u(0);
       }
     }
-  ), O = l ? k.createPortal(
-    /* @__PURE__ */ h.jsx(
+  ), L = l ? I.createPortal(
+    /* @__PURE__ */ O(
       "div",
       {
-        id: x,
+        id: g,
         role: "tooltip",
-        className: _.tooltip,
+        className: S.tooltip,
         "data-side": e,
         "data-align": w,
         style: {
@@ -89,19 +89,19 @@ function R({
           // --vhyx-z-tooltip
           transform: e === "top" || e === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
         },
-        children: j
+        children: R
       }
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
-    L,
-    O
+  return /* @__PURE__ */ P(k, { children: [
+    B,
+    L
   ] });
 }
-R.displayName = "VhyxTooltip";
-const A = { ...F, id: "vhyxui-tooltip" }, S = I(R, A);
-S.displayName = "VhyxTooltip";
+E.displayName = "VhyxTooltip";
+const z = { ...N, id: "vhyxui-tooltip" }, G = V(E, z);
+G.displayName = "VhyxTooltip";
 export {
-  S as T
+  G as T
 };

package/dist/VhyxUIProvider-3f3b9ukY.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),h=require("@vhyxseal/react"),v=require("./Toast-CESL8AKT.cjs"),o=require("./env-Cqd4Y-Z7.cjs"),p={"skip-link":"_skip-link_1u818_1"};function a(e){if(e&&e.trim().length>0)return e.trim();const t=o.readPublicEnv("NEXT_PUBLIC_VHYX_DOMAIN")??o.readPublicEnv("VITE_VHYX_DOMAIN");return t||(typeof window<"u"&&window.location.hostname?window.location.hostname:"localhost")}function y(e){f.useEffect(()=>{if(e===void 0||typeof document>"u")return;const t=document.documentElement;if(e!=="system"){t.setAttribute("data-theme",e);return}if(typeof window.matchMedia!="function"){t.setAttribute("data-theme","light");return}const n=window.matchMedia("(prefers-color-scheme: dark)"),i=()=>t.setAttribute("data-theme",n.matches?"dark":"light");return i(),n.addEventListener("change",i),()=>n.removeEventListener("change",i)},[e])}function c({children:e,toastPosition:t="bottom-right",maxToasts:n=5,defaultDuration:i=4e3,domain:d,theme:u,agentContracts:l=!0,skipLink:m=!0}){y(u);const s=r.jsxs(r.Fragment,{children:[m&&r.jsx("a",{href:"#vhyx-main",className:p["skip-link"],children:"Skip to main content"}),r.jsx(v.ToastProvider,{position:t,maxToasts:n,defaultDuration:i,children:e})]});return l?r.jsx(h.SealProvider,{config:{domain:a(d),domainVerified:!1,verificationToken:""},dev:o.isDev(),children:s}):s}c.displayName="VhyxUIProvider";exports.VhyxUIProvider=c;exports.resolveSealDomain=a;

package/dist/VhyxUIProvider-B2UHeumk.js

@@ -0,0 +1,58 @@
+import { jsx as r, jsxs as f, Fragment as u } from "react/jsx-runtime";
+import { useEffect as l } from "react";
+import { SealProvider as h } from "@vhyxseal/react";
+import { a as p } from "./Toast-DYqE0PjM.js";
+import { i as v, r as a } from "./env-lFT_FRkA.js";
+const y = {
+  "skip-link": "_skip-link_1u818_1"
+};
+function k(e) {
+  if (e && e.trim().length > 0) return e.trim();
+  const t = a("NEXT_PUBLIC_VHYX_DOMAIN") ?? a("VITE_VHYX_DOMAIN");
+  return t || (typeof window < "u" && window.location.hostname ? window.location.hostname : "localhost");
+}
+function w(e) {
+  l(() => {
+    if (e === void 0 || typeof document > "u") return;
+    const t = document.documentElement;
+    if (e !== "system") {
+      t.setAttribute("data-theme", e);
+      return;
+    }
+    if (typeof window.matchMedia != "function") {
+      t.setAttribute("data-theme", "light");
+      return;
+    }
+    const i = window.matchMedia("(prefers-color-scheme: dark)"), n = () => t.setAttribute("data-theme", i.matches ? "dark" : "light");
+    return n(), i.addEventListener("change", n), () => i.removeEventListener("change", n);
+  }, [e]);
+}
+function g({
+  children: e,
+  toastPosition: t = "bottom-right",
+  maxToasts: i = 5,
+  defaultDuration: n = 4e3,
+  domain: s,
+  theme: d,
+  agentContracts: c = !0,
+  skipLink: m = !0
+}) {
+  w(d);
+  const o = /* @__PURE__ */ f(u, { children: [
+    m && /* @__PURE__ */ r("a", { href: "#vhyx-main", className: y["skip-link"], children: "Skip to main content" }),
+    /* @__PURE__ */ r(p, { position: t, maxToasts: i, defaultDuration: n, children: e })
+  ] });
+  return c ? /* @__PURE__ */ r(
+    h,
+    {
+      config: { domain: k(s), domainVerified: !1, verificationToken: "" },
+      dev: v(),
+      children: o
+    }
+  ) : o;
+}
+g.displayName = "VhyxUIProvider";
+export {
+  g as V,
+  k as r
+};

package/dist/VisuallyHidden-BWdnOImJ.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),s={position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0};function r({as:i="span",style:e,...n}){return t.jsx(i,{style:{...s,...e},...n})}exports.VisuallyHidden=r;

package/dist/VisuallyHidden-CPTxPvL_.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+const n = {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  border: 0
+};
+function a({ as: i = "span", style: e, ...o }) {
+  return /* @__PURE__ */ t(i, { style: { ...n, ...e }, ...o });
+}
+export {
+  a as V
+};

package/dist/accordion.cjs

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

package/dist/accordion.d.ts

@@ -0,0 +1,48 @@
+import { ComponentContract } from '@vhyxui/core';
+import { default as default_2 } from 'react';
+
+export declare const Accordion: AccordionComponent;
+
+declare type AccordionComponent = default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Item: typeof AccordionItem;
+};
+
+/** A single collapsible section. */
+declare const AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps & default_2.RefAttributes<HTMLDetailsElement>>;
+
+/** One entry for the data-driven `items` shorthand. */
+export declare interface AccordionItemData {
+    value: string;
+    title: default_2.ReactNode;
+    content: default_2.ReactNode;
+    disabled?: boolean;
+}
+
+/** Props for Accordion.Item. */
+export declare interface AccordionItemProps extends Omit<default_2.DetailsHTMLAttributes<HTMLDetailsElement>, 'title' | 'open'> {
+    /** Unique value within the accordion. */
+    value: string;
+    /** Header content. */
+    title: default_2.ReactNode;
+    disabled?: boolean;
+}
+
+/** Props for Accordion. */
+export declare interface AccordionProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
+    /** `single` keeps at most one section open. @default 'single' */
+    type?: 'single' | 'multiple';
+    /** Initially open section values (uncontrolled). */
+    defaultValue?: string[];
+    /** Open section values (controlled). */
+    value?: string[];
+    /** Called with the next list of open values. */
+    onValueChange?: (value: string[]) => void;
+    /** `ghost` removes the outer border. @default 'default' */
+    variant?: 'default' | 'ghost';
+    /** Shorthand: render items from data instead of children. */
+    items?: AccordionItemData[];
+    /** VhyxSeal contract override. */
+    contract?: Partial<ComponentContract>;
+}
+
+export { }

package/dist/accordion.js

@@ -0,0 +1,5 @@
+"use client";
+import { A as e } from "./Accordion-qtPur3CA.js";
+export {
+  e as Accordion
+};

package/dist/alert.cjs

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

package/dist/alert.js

@@ -1,4 +1,5 @@
-import { A as o } from "./Alert-am3ANPTH.js";
+"use client";
+import { A as t } from "./Alert-D4EFVKUy.js";
 export {
-  o as Alert
+  t as Alert
 };

package/dist/avatar.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Avatar-afXJdutp.cjs");exports.Avatar=t.Avatar;exports.AvatarGroup=t.AvatarGroup;exports.getInitials=t.getInitials;

package/dist/avatar.d.ts

@@ -0,0 +1,53 @@
+import { default as default_2 } from 'react';
+
+/**
+ * Avatar — image with automatic initials fallback and optional presence dot.
+ * @example
+ * <Avatar name="Ada Lovelace" src="/ada.png" status="online" />
+ */
+export declare const Avatar: default_2.ForwardRefExoticComponent<AvatarProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * AvatarGroup — overlapping stack of avatars with "+N" overflow.
+ * @example
+ * <AvatarGroup max={3}>{people.map(p => <Avatar key={p.id} name={p.name} />)}</AvatarGroup>
+ */
+export declare function AvatarGroup({ max, size, className, children, ...rest }: AvatarGroupProps): default_2.ReactElement;
+
+/** Props for AvatarGroup. */
+export declare interface AvatarGroupProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Show at most this many avatars, then a "+N" chip. */
+    max?: number;
+    /** Size applied to the overflow chip. @default 'md' */
+    size?: AvatarSize;
+    children: default_2.ReactNode;
+}
+
+/** Props for Avatar. */
+export declare interface AvatarProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+    /** Image URL. Falls back to initials when missing or when it fails to load. */
+    src?: string;
+    /** Person or entity name — used for alt text and initials. */
+    name: string;
+    /** @default 'md' */
+    size?: AvatarSize;
+    /** @default 'circle' */
+    shape?: 'circle' | 'square';
+    /** Presence dot in the corner. */
+    status?: AvatarStatus;
+}
+
+/** Avatar sizes. */
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+/** Presence indicator. */
+export declare type AvatarStatus = 'online' | 'busy' | 'away' | 'offline';
+
+/**
+ * Derives up to two initials from a name.
+ * @example
+ * getInitials('Ada Lovelace') // 'AL'
+ */
+export declare function getInitials(name: string): string;
+
+export { }

package/dist/avatar.js

@@ -0,0 +1,7 @@
+"use client";
+import { A as r, a as s, g as e } from "./Avatar-CDoAvY0m.js";
+export {
+  r as Avatar,
+  s as AvatarGroup,
+  e as getInitials
+};

package/dist/badge.cjs

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

package/dist/badge.js

@@ -1,4 +1,5 @@
-import { B as o } from "./Badge-Bbxb4wyt.js";
+"use client";
+import { B as o } from "./Badge-Z6crWSLX.js";
 export {
   o as Badge
 };

package/dist/breadcrumb.cjs

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

package/dist/breadcrumb.js

@@ -1,4 +1,5 @@
-import { B as e } from "./Breadcrumb-Db7ASomJ.js";
+"use client";
+import { B as a } from "./Breadcrumb-CbPmH-b4.js";
 export {
-  e as Breadcrumb
+  a as Breadcrumb
 };

package/dist/button.cjs

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

package/dist/button.js

@@ -1,4 +1,5 @@
-import { B as r } from "./Button-DDMc7-3S.js";
+"use client";
+import { B as o } from "./Button-DN5vy24q.js";
 export {
-  r as Button
+  o as Button
 };

package/dist/card.cjs

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

package/dist/card.js

@@ -1,4 +1,5 @@
-import { C as o } from "./Card-Dh9Pcmfa.js";
+"use client";
+import { C as a } from "./Card-CI7DyOJg.js";
 export {
-  o as Card
+  a as Card
 };

package/dist/center.cjs

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

package/dist/center.d.ts

@@ -0,0 +1,20 @@
+import { default as default_2 } from 'react';
+
+/**
+ * Center — centers its children on both axes.
+ * @example
+ * <Center fullHeight><Spinner /></Center>
+ */
+export declare const Center: default_2.ForwardRefExoticComponent<CenterProps & default_2.RefAttributes<HTMLElement>>;
+
+/** Props for Center. */
+export declare interface CenterProps extends default_2.HTMLAttributes<HTMLElement> {
+    /** Element to render. @default 'div' */
+    as?: default_2.ElementType;
+    /** Use `inline-flex` instead of `flex`. */
+    inline?: boolean;
+    /** Fill the viewport height — handy for auth and empty screens. */
+    fullHeight?: boolean;
+}
+
+export { }

package/dist/center.js

@@ -0,0 +1,5 @@
+"use client";
+import { C as t } from "./Center-DFq5m7mf.js";
+export {
+  t as Center
+};

package/dist/checkbox.cjs

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

package/dist/checkbox.js

@@ -1,4 +1,5 @@
-import { C as r } from "./Checkbox-DWl91ci_.js";
+"use client";
+import { C as c } from "./Checkbox-D-5qaOEj.js";
 export {
-  r as Checkbox
+  c as Checkbox
 };

package/dist/container.cjs

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

package/dist/container.d.ts

@@ -0,0 +1,23 @@
+import { default as default_2 } from 'react';
+
+/**
+ * Container — centers content with a readable max width and responsive gutters.
+ * @example
+ * <Container size="md"><Prose /></Container>
+ */
+export declare const Container: default_2.ForwardRefExoticComponent<ContainerProps & default_2.RefAttributes<HTMLElement>>;
+
+/** Props for Container. */
+export declare interface ContainerProps extends default_2.HTMLAttributes<HTMLElement> {
+    /** Element to render. @default 'div' */
+    as?: default_2.ElementType;
+    /** Maximum width. @default 'lg' */
+    size?: ContainerSize;
+    /** Remove horizontal padding. */
+    flush?: boolean;
+}
+
+/** Max-width presets: sm 640 · md 768 · lg 1024 · xl 1280 · full. */
+export declare type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+
+export { }