@orion-ds/react 4.6.0 → 4.6.2

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,SAAS,CAAC;AAEd;;;;;;;;;GASG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAEhD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,CAAC;AAEX;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAEhD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/dist/components/EmptyState/EmptyState.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("react"),e=require("./EmptyState.module.css.cjs"),r=f.forwardRef(({icon:a,title:i,description:s,action:l,secondaryAction:d,size:c="md",className:m,...u},n)=>{const o=[e.default.emptyState,e.default[c],m].filter(Boolean).join(" ");return t.jsxs("div",{ref:n,className:o,...u,children:[a&&t.jsx("div",{className:e.default.icon,"aria-hidden":"true",children:a}),t.jsx("h3",{className:e.default.title,children:i}),s&&t.jsx("p",{className:e.default.description,children:s}),(l||d)&&t.jsxs("div",{className:e.default.actions,children:[l,d]})]})});r.displayName="EmptyState";exports.EmptyState=r;

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GAuCtB,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GAuCtB,CAAC"}

package/dist/components/EmptyState/EmptyState.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import e from "./EmptyState.module.css.mjs";

package/dist/components/Select/Select.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),$=require("react"),e=require("./Select.module.css.cjs"),n=$.forwardRef(({label:i,error:a,helperText:d,options:o,placeholder:r="Select an option...",fullWidth:u=!1,size:f="md",optional:m=!1,className:h,id:j,disabled:p,required:c,children:b,...x},N)=>{const s=j||`select-${Math.random().toString(36).substr(2,9)}`,v=[e.default.selectContainer,u&&e.default.fullWidth,a&&e.default.error,h].filter(Boolean).join(" "),S=[e.default.select,e.default[f]].filter(Boolean).join(" ");return l.jsxs("div",{className:v,children:[i&&l.jsxs("label",{htmlFor:s,className:e.default.label,children:[i,m&&l.jsx("span",{className:e.default.optional,children:"(optional)"}),c&&l.jsx("span",{"aria-label":"required",children:"*"})]}),l.jsx("div",{className:e.default.selectWrapper,children:l.jsxs("select",{ref:N,id:s,className:S,disabled:p,required:c,"aria-invalid":a?"true":"false","aria-describedby":a?`${s}-error`:d?`${s}-helper`:void 0,...x,children:[r&&l.jsx("option",{value:"",disabled:!0,className:e.default.placeholder,children:r}),o?.map(t=>l.jsx("option",{value:t.value,disabled:t.disabled,children:t.label},t.value)),b]})}),d&&!a&&l.jsx("span",{id:`${s}-helper`,className:e.default.helperText,children:d}),a&&l.jsxs("span",{id:`${s}-error`,className:e.default.errorMessage,role:"alert",children:[l.jsx("span",{className:e.default.errorIcon,"aria-hidden":"true",children:"⚠"}),a]})]})});n.displayName="Select";exports.Select=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),e=require("./Select.module.css.cjs"),u=o.forwardRef(({value:d,disabled:a,children:t,...c},i)=>l.jsx("option",{ref:i,value:d,disabled:a,...c,children:t}));u.displayName="Select.Option";const f=o.forwardRef(({label:d,error:a,helperText:t,options:c,placeholder:i="Select an option...",fullWidth:p=!1,size:h="md",optional:j=!1,className:x,id:b,disabled:N,required:r,children:S,...v},y)=>{const s=b||`select-${Math.random().toString(36).substr(2,9)}`,$=[e.default.selectContainer,p&&e.default.fullWidth,a&&e.default.error,x].filter(Boolean).join(" "),g=[e.default.select,e.default[h]].filter(Boolean).join(" ");return l.jsxs("div",{className:$,children:[d&&l.jsxs("label",{htmlFor:s,className:e.default.label,children:[d,j&&l.jsx("span",{className:e.default.optional,children:"(optional)"}),r&&l.jsx("span",{"aria-label":"required",children:"*"})]}),l.jsx("div",{className:e.default.selectWrapper,children:l.jsxs("select",{ref:y,id:s,className:g,disabled:N,required:r,"aria-invalid":a?"true":"false","aria-describedby":a?`${s}-error`:t?`${s}-helper`:void 0,...v,children:[i&&l.jsx("option",{value:"",disabled:!0,className:e.default.placeholder,children:i}),c?.map(n=>l.jsx("option",{value:n.value,disabled:n.disabled,children:n.label},n.value)),S]})}),t&&!a&&l.jsx("span",{id:`${s}-helper`,className:e.default.helperText,children:t}),a&&l.jsxs("span",{id:`${s}-error`,className:e.default.errorMessage,role:"alert",children:[l.jsx("span",{className:e.default.errorIcon,"aria-hidden":"true",children:"⚠"}),a]})]})});f.displayName="Select";const m=f;m.Option=u;exports.Select=m;

package/dist/components/Select/Select.d.ts

@@ -1,4 +1,20 @@
-import { SelectProps } from './Select.types';
+import { SelectProps, SelectOptionProps } from './Select.types';
 
-export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+/**
+ * SelectOption component - used as Select.Option for compound component pattern
+ *
+ * @example
+ * ```tsx
+ * <Select>
+ *   <Select.Option value="us">United States</Select.Option>
+ *   <Select.Option value="uk">United Kingdom</Select.Option>
+ * </Select>
+ * ```
+ */
+declare const SelectOption: import('react').ForwardRefExoticComponent<SelectOptionProps & import('react').RefAttributes<HTMLOptionElement>>;
+declare const SelectComponent: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+export declare const Select: typeof SelectComponent & {
+    Option: typeof SelectOption;
+};
+export {};
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,2GAgHlB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGrE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,iHAMjB,CAAC;AAIF,QAAA,MAAM,eAAe,2GAgHpB,CAAC;AAKF,eAAO,MAAM,MAAM,EAAsB,OAAO,eAAe,GAAG;IAChE,MAAM,EAAE,OAAO,YAAY,CAAC;CAC7B,CAAC"}

package/dist/components/Select/Select.mjs

@@ -1,47 +1,51 @@
 "use client";
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
 import e from "./Select.module.css.mjs";
-const C = y(
+const p = m(
+  ({ value: n, disabled: l, children: i, ...o }, t) => /* @__PURE__ */ a("option", { ref: t, value: n, disabled: l, ...o, children: i })
+);
+p.displayName = "Select.Option";
+const h = m(
   ({
     label: n,
     error: l,
-    helperText: c,
+    helperText: i,
     options: o,
     placeholder: t = "Select an option...",
-    fullWidth: m = !1,
-    size: h = "md",
-    optional: p = !1,
-    className: f,
-    id: u,
-    disabled: N,
+    fullWidth: f = !1,
+    size: N = "md",
+    optional: u = !1,
+    className: b,
+    id: v,
+    disabled: S,
     required: d,
-    children: b,
-    ...v
-  }, $) => {
-    const s = u || `select-${Math.random().toString(36).substr(2, 9)}`, j = [
+    children: $,
+    ...j
+  }, y) => {
+    const s = v || `select-${Math.random().toString(36).substr(2, 9)}`, C = [
       e.selectContainer,
-      m && e.fullWidth,
+      f && e.fullWidth,
       l && e.error,
-      f
-    ].filter(Boolean).join(" "), S = [e.select, e[h]].filter(Boolean).join(" ");
-    return /* @__PURE__ */ i("div", { className: j, children: [
-      n && /* @__PURE__ */ i("label", { htmlFor: s, className: e.label, children: [
+      b
+    ].filter(Boolean).join(" "), O = [e.select, e[N]].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { className: C, children: [
+      n && /* @__PURE__ */ c("label", { htmlFor: s, className: e.label, children: [
         n,
-        p && /* @__PURE__ */ a("span", { className: e.optional, children: "(optional)" }),
+        u && /* @__PURE__ */ a("span", { className: e.optional, children: "(optional)" }),
         d && /* @__PURE__ */ a("span", { "aria-label": "required", children: "*" })
       ] }),
-      /* @__PURE__ */ a("div", { className: e.selectWrapper, children: /* @__PURE__ */ i(
+      /* @__PURE__ */ a("div", { className: e.selectWrapper, children: /* @__PURE__ */ c(
         "select",
         {
-          ref: $,
+          ref: y,
           id: s,
-          className: S,
-          disabled: N,
+          className: O,
+          disabled: S,
           required: d,
           "aria-invalid": l ? "true" : "false",
-          "aria-describedby": l ? `${s}-error` : c ? `${s}-helper` : void 0,
-          ...v,
+          "aria-describedby": l ? `${s}-error` : i ? `${s}-helper` : void 0,
+          ...j,
           children: [
             t && /* @__PURE__ */ a("option", { value: "", disabled: !0, className: e.placeholder, children: t }),
             o?.map((r) => /* @__PURE__ */ a(
@@ -53,12 +57,12 @@ const C = y(
               },
               r.value
             )),
-            b
+            $
           ]
         }
       ) }),
-      c && !l && /* @__PURE__ */ a("span", { id: `${s}-helper`, className: e.helperText, children: c }),
-      l && /* @__PURE__ */ i(
+      i && !l && /* @__PURE__ */ a("span", { id: `${s}-helper`, className: e.helperText, children: i }),
+      l && /* @__PURE__ */ c(
         "span",
         {
           id: `${s}-error`,
@@ -73,7 +77,9 @@ const C = y(
     ] });
   }
 );
-C.displayName = "Select";
+h.displayName = "Select";
+const g = h;
+g.Option = p;
 export {
-  C as Select
+  g as Select
 };

package/dist/components/Select/Select.stories.d.ts

@@ -2,7 +2,9 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./Select.types').SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+    component: import('react').ForwardRefExoticComponent<import('./Select.types').SelectProps & import('react').RefAttributes<HTMLSelectElement>> & {
+        Option: import('react').ForwardRefExoticComponent<import('./Select.types').SelectOptionProps & import('react').RefAttributes<HTMLOptionElement>>;
+    };
     parameters: {
         layout: string;
     };

package/dist/components/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;CAOqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiC7B,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;CAOqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiC7B,CAAC"}

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

@@ -1,13 +1,30 @@
 import { SelectHTMLAttributes, ReactNode } from 'react';
 
 /**
- * Select option type
+ * Select option type (for options prop)
  */
 export interface SelectOption {
     value: string;
     label: string;
     disabled?: boolean;
 }
+/**
+ * Select.Option component props (for compound component usage)
+ */
+export interface SelectOptionProps extends React.OptionHTMLAttributes<HTMLOptionElement> {
+    /**
+     * Option value
+     */
+    value: string;
+    /**
+     * Option label (displayed text)
+     */
+    children?: React.ReactNode;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+}
 /**
  * Select component props
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/Stack/Stack.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),S=require("react"),e=require("./Stack.module.css.cjs"),t=S.forwardRef(({direction:a="vertical",gap:r="md",align:s="stretch",justify:l="flex-start",wrap:c="nowrap",as:u="div",className:o,children:i,...d},n)=>{const f=[e.default.stack,e.default[a],e.default[`gap-${r}`],e.default[`align-${s}`],e.default[`justify-${l}`],e.default[`wrap-${c}`],o].filter(Boolean).join(" ");return m.jsx(u,{ref:n,className:f,...d,children:i})});t.displayName="Stack";exports.Stack=t;

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { StackProps } from './Stack.types';
+
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,gFAiCjB,CAAC"}

package/dist/components/Stack/Stack.mjs

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import d from "react";
+import a from "./Stack.module.css.mjs";
+const $ = d.forwardRef(
+  ({
+    direction: t = "vertical",
+    gap: r = "md",
+    align: s = "stretch",
+    justify: o = "flex-start",
+    wrap: e = "nowrap",
+    as: c = "div",
+    className: i,
+    children: m,
+    ...l
+  }, f) => {
+    const p = [
+      a.stack,
+      a[t],
+      a[`gap-${r}`],
+      a[`align-${s}`],
+      a[`justify-${o}`],
+      a[`wrap-${e}`],
+      i
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ n(c, { ref: f, className: p, ...l, children: m });
+  }
+);
+$.displayName = "Stack";
+export {
+  $ as Stack
+};

package/dist/components/Stack/Stack.module.css

@@ -0,0 +1 @@
+._stack_svmor_8{display:flex;box-sizing:border-box}._vertical_svmor_17{flex-direction:column}._horizontal_svmor_21{flex-direction:row}._gap-xs_svmor_29{gap:var(--spacing-2)}._gap-sm_svmor_33{gap:var(--spacing-3)}._gap-md_svmor_37{gap:var(--spacing-4)}._gap-lg_svmor_41{gap:var(--spacing-6)}._gap-xl_svmor_45{gap:var(--spacing-8)}._align-flex-start_svmor_53{align-items:flex-start}._align-center_svmor_57{align-items:center}._align-flex-end_svmor_61{align-items:flex-end}._align-stretch_svmor_65{align-items:stretch}._align-baseline_svmor_69{align-items:baseline}._justify-flex-start_svmor_77{justify-content:flex-start}._justify-center_svmor_81{justify-content:center}._justify-flex-end_svmor_85{justify-content:flex-end}._justify-space-between_svmor_89{justify-content:space-between}._justify-space-around_svmor_93{justify-content:space-around}._justify-space-evenly_svmor_97{justify-content:space-evenly}._wrap-nowrap_svmor_105{flex-wrap:nowrap}._wrap-wrap_svmor_109{flex-wrap:wrap}._wrap-wrap-reverse_svmor_113{flex-wrap:wrap-reverse}

package/dist/components/Stack/Stack.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_stack_svmor_8",_="_vertical_svmor_17",e="_horizontal_svmor_21",r={stack:s,vertical:_,horizontal:e,"gap-xs":"_gap-xs_svmor_29","gap-sm":"_gap-sm_svmor_33","gap-md":"_gap-md_svmor_37","gap-lg":"_gap-lg_svmor_41","gap-xl":"_gap-xl_svmor_45","align-flex-start":"_align-flex-start_svmor_53","align-center":"_align-center_svmor_57","align-flex-end":"_align-flex-end_svmor_61","align-stretch":"_align-stretch_svmor_65","align-baseline":"_align-baseline_svmor_69","justify-flex-start":"_justify-flex-start_svmor_77","justify-center":"_justify-center_svmor_81","justify-flex-end":"_justify-flex-end_svmor_85","justify-space-between":"_justify-space-between_svmor_89","justify-space-around":"_justify-space-around_svmor_93","justify-space-evenly":"_justify-space-evenly_svmor_97","wrap-nowrap":"_wrap-nowrap_svmor_105","wrap-wrap":"_wrap-wrap_svmor_109","wrap-wrap-reverse":"_wrap-wrap-reverse_svmor_113"};exports.default=r;exports.horizontal=e;exports.stack=s;exports.vertical=_;

package/dist/components/Stack/Stack.module.css.mjs

@@ -0,0 +1,30 @@
+const _ = "_stack_svmor_8", s = "_vertical_svmor_17", a = "_horizontal_svmor_21", r = {
+  stack: _,
+  vertical: s,
+  horizontal: a,
+  "gap-xs": "_gap-xs_svmor_29",
+  "gap-sm": "_gap-sm_svmor_33",
+  "gap-md": "_gap-md_svmor_37",
+  "gap-lg": "_gap-lg_svmor_41",
+  "gap-xl": "_gap-xl_svmor_45",
+  "align-flex-start": "_align-flex-start_svmor_53",
+  "align-center": "_align-center_svmor_57",
+  "align-flex-end": "_align-flex-end_svmor_61",
+  "align-stretch": "_align-stretch_svmor_65",
+  "align-baseline": "_align-baseline_svmor_69",
+  "justify-flex-start": "_justify-flex-start_svmor_77",
+  "justify-center": "_justify-center_svmor_81",
+  "justify-flex-end": "_justify-flex-end_svmor_85",
+  "justify-space-between": "_justify-space-between_svmor_89",
+  "justify-space-around": "_justify-space-around_svmor_93",
+  "justify-space-evenly": "_justify-space-evenly_svmor_97",
+  "wrap-nowrap": "_wrap-nowrap_svmor_105",
+  "wrap-wrap": "_wrap-wrap_svmor_109",
+  "wrap-wrap-reverse": "_wrap-wrap-reverse_svmor_113"
+};
+export {
+  r as default,
+  a as horizontal,
+  _ as stack,
+  s as vertical
+};

package/dist/components/Stack/Stack.stories.d.ts

@@ -0,0 +1,52 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Stack.types').StackProps & import('react').RefAttributes<HTMLElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        direction: {
+            control: "select";
+            options: string[];
+        };
+        gap: {
+            control: "select";
+            options: string[];
+        };
+        align: {
+            control: "select";
+            options: string[];
+        };
+        justify: {
+            control: "select";
+            options: string[];
+        };
+        wrap: {
+            control: "select";
+            options: string[];
+        };
+        as: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Vertical: Story;
+export declare const Horizontal: Story;
+export declare const GapXs: Story;
+export declare const GapSm: Story;
+export declare const GapMd: Story;
+export declare const GapLg: Story;
+export declare const GapXl: Story;
+export declare const AllGaps: Story;
+export declare const AlignVariants: Story;
+export declare const JustifyVariants: Story;
+export declare const ButtonGroup: Story;
+export declare const FormLayout: Story;
+export declare const CardGrid: Story;
+//# sourceMappingURL=Stack.stories.d.ts.map

package/dist/components/Stack/Stack.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAMF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA8GrB,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAyG3B,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAkG7B,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgEtB,CAAC"}

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

@@ -0,0 +1,82 @@
+import { HTMLAttributes, ElementType, PropsWithChildren } from 'react';
+
+/**
+ * Stack gap (spacing between children)
+ * Maps to design system spacing tokens
+ */
+export type StackGap = "xs" | "sm" | "md" | "lg" | "xl";
+/**
+ * Stack direction
+ */
+export type StackDirection = "horizontal" | "vertical";
+/**
+ * Flex align-items values
+ */
+export type StackAlign = "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
+/**
+ * Flex justify-content values
+ */
+export type StackJustify = "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+/**
+ * Flex wrap values
+ */
+export type StackWrap = "nowrap" | "wrap" | "wrap-reverse";
+/**
+ * Stack component props
+ *
+ * @example
+ * ```tsx
+ * // Vertical stack with medium gap (default)
+ * <Stack gap="md">
+ *   <Card />
+ *   <Card />
+ *   <Card />
+ * </Stack>
+ *
+ * // Horizontal stack
+ * <Stack direction="horizontal" gap="sm" align="center">
+ *   <Button>Action</Button>
+ *   <Button>Cancel</Button>
+ * </Stack>
+ *
+ * // Custom element type
+ * <Stack as="form" direction="vertical" gap="lg">
+ *   <Field label="Name" />
+ *   <Field label="Email" />
+ *   <Button type="submit">Submit</Button>
+ * </Stack>
+ * ```
+ */
+export interface StackProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
+    /**
+     * Stack direction
+     * @default 'vertical'
+     */
+    direction?: StackDirection;
+    /**
+     * Gap between children (uses design system spacing tokens)
+     * @default 'md'
+     */
+    gap?: StackGap;
+    /**
+     * Align items (flex align-items)
+     * @default 'stretch'
+     */
+    align?: StackAlign;
+    /**
+     * Justify content (flex justify-content)
+     * @default 'flex-start'
+     */
+    justify?: StackJustify;
+    /**
+     * Flex wrap behavior
+     * @default 'nowrap'
+     */
+    wrap?: StackWrap;
+    /**
+     * Custom element type to render as
+     * @default 'div'
+     */
+    as?: ElementType;
+}
+//# sourceMappingURL=Stack.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5E;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,SAAS,GACT,UAAU,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,YAAY,GACpB,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,eAAe,GACf,cAAc,GACd,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,WAAW,UAAW,SAAQ,iBAAiB,CACnD,cAAc,CAAC,WAAW,CAAC,CAC5B;IACC;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB"}

package/dist/components/Stack/index.d.ts

@@ -0,0 +1,3 @@
+export { Stack } from './Stack';
+export type { StackProps, StackGap, StackDirection, StackAlign, StackJustify, StackWrap, } from './Stack.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,QAAQ,EACR,cAAc,EACd,UAAU,EACV,YAAY,EACZ,SAAS,GACV,MAAM,eAAe,CAAC"}

package/dist/components/ThemeController/ThemeController.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../contexts/ThemeContext.cjs"),S=require("../../hooks/useTheme.cjs"),x=require("../Switch/Switch.cjs"),l=require("../Button/Button.cjs"),d=require("../Card/Card.cjs"),i=require("../Badge/Badge.cjs"),z=require("../Radio/Radio.cjs"),w=require("../Alert/Alert.cjs"),n={orion:{accent:"#1B5BFF",radius:"12px",description:"Blue accent • 12px radius"},red:{accent:"#D7282F",radius:"9999px",description:"Red accent • Pill buttons"},deepblue:{accent:"#006FBA",radius:"12px",description:"Deep Blue accent • 12px radius"},orange:{accent:"#F15D22",radius:"9999px",description:"Red-Orange accent • Pill buttons"},ember:{accent:"#F15D22",radius:"12px",description:"Orange accent • Black buttons • 12px radius"},lemon:{accent:"#72FF43",radius:"9999px",description:"Lime green accent • Highly rounded"}},v=({showBrandSelector:o=!0,showThemeToggle:p=!0,showSummary:y=!0,compact:u=!1,className:g,style:m,onThemeChange:j,onBrandChange:f})=>{const k=S.useTheme();let h=null;try{h=b.useThemeContext()}catch{}const{theme:t,brand:a,setTheme:B,setBrand:C}=h??k,s=r=>{B(r),j?.(r)},c=r=>{C(r),f?.(r)};return u?e.jsxs("div",{className:g,style:{display:"flex",gap:"var(--spacing-3)",alignItems:"center",flexWrap:"wrap"},children:[p&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"20px"},children:"☀️"}),e.jsx(x.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light")}),e.jsx("span",{style:{fontSize:"20px"},children:"🌙"})]}),o&&e.jsx("div",{style:{display:"flex",gap:"var(--spacing-2)"},children:Object.keys(n).map(r=>e.jsx(l.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>c(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:g,style:{background:"var(--interactive-primary)",color:"white",...m},children:[e.jsx(d.Card.Header,{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"24px"},children:"🎨"}),e.jsxs("div",{children:[e.jsx("h3",{style:{margin:0,color:"white"},children:"Theme & Brand Settings"}),e.jsx("p",{style:{margin:0,fontSize:"var(--text-sm)",opacity:.9,color:"white"},children:"Customize the appearance in real-time"})]})]})}),e.jsx(d.Card.Body,{style:{background:"var(--surface-base)",color:"var(--text-primary)"},children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-6)"},children:[p&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-3)"},children:[e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Color Mode"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Switch between light and dark themes"})]}),e.jsx(i.Badge,{variant:t==="light"?"warning":"primary",size:"lg",children:t==="light"?"☀️ Light":"🌙 Dark"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-3)",padding:"var(--spacing-4)",background:"var(--surface-subtle)",borderRadius:"var(--radius-control)",border:"2px solid var(--border-subtle)"},children:[e.jsx("span",{style:{fontSize:"32px"},children:"☀️"}),e.jsx(x.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light"),size:"lg"}),e.jsx("span",{style:{fontSize:"32px"},children:"🌙"}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",gap:"var(--spacing-2)"},children:[e.jsx(l.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(l.Button,{variant:t==="dark"?"primary":"ghost",size:"sm",onClick:()=>s("dark"),children:"Dark"})]})]})]}),o&&e.jsxs("div",{children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-3)"},children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Brand Identity"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Select a brand to see different accent colors and styling"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-3)"},children:Object.keys(n).map(r=>e.jsxs("div",{onClick:()=>c(r),style:{padding:"var(--spacing-4)",background:a===r?"var(--interactive-primary)":"var(--surface-subtle)",color:a===r?"white":"var(--text-primary)",borderRadius:"var(--radius-control)",border:`2px solid ${a===r?"var(--interactive-primary)":"var(--border-subtle)"}`,cursor:"pointer",transition:"all 150ms ease"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-2)"},children:[e.jsx(z.Radio,{name:"brand",value:r,checked:a===r,onChange:()=>c(r),label:r.charAt(0).toUpperCase()+r.slice(1),size:"lg"}),a===r&&e.jsx(i.Badge,{variant:"success",children:"Active"})]}),e.jsx("p",{style:{fontSize:"var(--text-sm)",margin:0,opacity:.8},children:n[r].description})]},r))})]}),y&&e.jsx(w.Alert,{variant:"info",title:"Current Settings",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-2)",flexWrap:"wrap"},children:[e.jsxs(i.Badge,{variant:"primary",children:["Theme: ",t]}),e.jsxs(i.Badge,{variant:"secondary",children:["Brand: ",a]}),e.jsxs(i.Badge,{variant:"secondary",children:["Accent: ",n[a].accent]}),e.jsxs(i.Badge,{variant:"secondary",children:["Radius:"," ",n[a].radius==="9999px"?"9999px (pills)":n[a].radius]})]})})]})})]})};v.displayName="ThemeController";exports.ThemeController=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../contexts/ThemeContext.cjs"),S=require("../../hooks/useTheme.cjs"),h=require("../Switch/Switch.cjs"),l=require("../Button/Button.cjs"),d=require("../Card/Card.cjs"),i=require("../Badge/Badge.cjs"),z=require("../Radio/Radio.cjs"),T=require("../Alert/Alert.cjs"),n={orion:{accent:"#1B5BFF",radius:"12px",description:"Blue accent • 12px radius"},red:{accent:"#D7282F",radius:"9999px",description:"Red accent • Pill buttons"},deepblue:{accent:"#006FBA",radius:"12px",description:"Deep Blue accent • 12px radius"},orange:{accent:"#F15D22",radius:"9999px",description:"Red-Orange accent • Pill buttons"},ember:{accent:"#F15D22",radius:"12px",description:"Orange accent • Black buttons • 12px radius"},lemon:{accent:"#72FF43",radius:"9999px",description:"Lime green accent • Highly rounded"}},v=({showBrandSelector:o=!0,showThemeToggle:p=!0,showSummary:y=!0,compact:m=!1,className:x,style:u,onThemeChange:j,onBrandChange:f})=>{const k=S.useTheme();let g=null;try{g=b.useThemeContext()}catch{}const{theme:t,brand:a,setTheme:B,setBrand:C}=g??k,s=r=>{B(r),j?.(r)},c=r=>{C(r),f?.(r)};return m?e.jsxs("div",{className:x,style:{display:"flex",gap:"var(--spacing-3)",alignItems:"center",flexWrap:"wrap"},children:[p&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"20px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light")}),e.jsx("span",{style:{fontSize:"20px"},children:"🌙"})]}),o&&e.jsx("div",{style:{display:"flex",gap:"var(--spacing-2)"},children:Object.keys(n).map(r=>e.jsx(l.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>c(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:x,style:{background:"var(--interactive-primary)",color:"var(--interactive-primary-text)",...u},children:[e.jsx(d.Card.Header,{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"24px"},children:"🎨"}),e.jsxs("div",{children:[e.jsx("h3",{style:{margin:0,color:"var(--interactive-primary-text)"},children:"Theme & Brand Settings"}),e.jsx("p",{style:{margin:0,fontSize:"var(--text-sm)",opacity:.9,color:"var(--interactive-primary-text)"},children:"Customize the appearance in real-time"})]})]})}),e.jsx(d.Card.Body,{style:{background:"var(--surface-base)",color:"var(--text-primary)"},children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-6)"},children:[p&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-3)"},children:[e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Color Mode"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Switch between light and dark themes"})]}),e.jsx(i.Badge,{variant:t==="light"?"warning":"primary",size:"lg",children:t==="light"?"☀️ Light":"🌙 Dark"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-3)",padding:"var(--spacing-4)",background:"var(--surface-subtle)",borderRadius:"var(--radius-control)",border:"2px solid var(--border-subtle)"},children:[e.jsx("span",{style:{fontSize:"32px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light"),size:"lg"}),e.jsx("span",{style:{fontSize:"32px"},children:"🌙"}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",gap:"var(--spacing-2)"},children:[e.jsx(l.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(l.Button,{variant:t==="dark"?"primary":"ghost",size:"sm",onClick:()=>s("dark"),children:"Dark"})]})]})]}),o&&e.jsxs("div",{children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-3)"},children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Brand Identity"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Select a brand to see different accent colors and styling"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-3)"},children:Object.keys(n).map(r=>e.jsxs("div",{onClick:()=>c(r),style:{padding:"var(--spacing-4)",background:a===r?"var(--interactive-primary)":"var(--surface-subtle)",color:a===r?"white":"var(--text-primary)",borderRadius:"var(--radius-control)",border:`2px solid ${a===r?"var(--interactive-primary)":"var(--border-subtle)"}`,cursor:"pointer",transition:"all 150ms ease"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-2)"},children:[e.jsx(z.Radio,{name:"brand",value:r,checked:a===r,onChange:()=>c(r),label:r.charAt(0).toUpperCase()+r.slice(1),size:"lg"}),a===r&&e.jsx(i.Badge,{variant:"success",children:"Active"})]}),e.jsx("p",{style:{fontSize:"var(--text-sm)",margin:0,opacity:.8},children:n[r].description})]},r))})]}),y&&e.jsx(T.Alert,{variant:"info",title:"Current Settings",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-2)",flexWrap:"wrap"},children:[e.jsxs(i.Badge,{variant:"primary",children:["Theme: ",t]}),e.jsxs(i.Badge,{variant:"secondary",children:["Brand: ",a]}),e.jsxs(i.Badge,{variant:"secondary",children:["Accent: ",n[a].accent]}),e.jsxs(i.Badge,{variant:"secondary",children:["Radius:"," ",n[a].radius==="9999px"?"9999px (pills)":n[a].radius]})]})})]})})]})};v.displayName="ThemeController";exports.ThemeController=v;

package/dist/components/ThemeController/ThemeController.mjs

@@ -6,8 +6,8 @@ import { Switch as v } from "../Switch/Switch.mjs";
 import { Button as d } from "../Button/Button.mjs";
 import { Card as o } from "../Card/Card.mjs";
 import { Badge as n } from "../Badge/Badge.mjs";
-import { Radio as w } from "../Radio/Radio.mjs";
-import { Alert as F } from "../Alert/Alert.mjs";
+import { Radio as F } from "../Radio/Radio.mjs";
+import { Alert as I } from "../Alert/Alert.mjs";
 const l = {
   orion: {
     accent: "#1B5BFF",
@@ -39,14 +39,14 @@ const l = {
     radius: "9999px",
     description: "Lime green accent • Highly rounded"
   }
-}, I = ({
+}, T = ({
   showBrandSelector: p = !0,
-  showThemeToggle: h = !0,
+  showThemeToggle: g = !0,
   showSummary: y = !0,
   compact: u = !1,
-  className: g,
-  style: f,
-  onThemeChange: x,
+  className: h,
+  style: x,
+  onThemeChange: f,
   onBrandChange: k
 }) => {
   const C = S();
@@ -56,14 +56,14 @@ const l = {
   } catch {
   }
   const { theme: t, brand: i, setTheme: b, setBrand: z } = m ?? C, c = (e) => {
-    b(e), x?.(e);
+    b(e), f?.(e);
   }, s = (e) => {
     z(e), k?.(e);
   };
   return u ? /* @__PURE__ */ a(
     "div",
     {
-      className: g,
+      className: h,
       style: {
         display: "flex",
         gap: "var(--spacing-3)",
@@ -71,7 +71,7 @@ const l = {
         flexWrap: "wrap"
       },
       children: [
-        h && /* @__PURE__ */ a(
+        g && /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -108,11 +108,11 @@ const l = {
     o,
     {
       variant: "elevated",
-      className: g,
+      className: h,
       style: {
         background: "var(--interactive-primary)",
-        color: "white",
-        ...f
+        color: "var(--interactive-primary-text)",
+        ...x
       },
       children: [
         /* @__PURE__ */ r(o.Header, { children: /* @__PURE__ */ a(
@@ -126,7 +126,7 @@ const l = {
             children: [
               /* @__PURE__ */ r("span", { style: { fontSize: "24px" }, children: "🎨" }),
               /* @__PURE__ */ a("div", { children: [
-                /* @__PURE__ */ r("h3", { style: { margin: 0, color: "white" }, children: "Theme & Brand Settings" }),
+                /* @__PURE__ */ r("h3", { style: { margin: 0, color: "var(--interactive-primary-text)" }, children: "Theme & Brand Settings" }),
                 /* @__PURE__ */ r(
                   "p",
                   {
@@ -134,7 +134,7 @@ const l = {
                       margin: 0,
                       fontSize: "var(--text-sm)",
                       opacity: 0.9,
-                      color: "white"
+                      color: "var(--interactive-primary-text)"
                     },
                     children: "Customize the appearance in real-time"
                   }
@@ -151,7 +151,7 @@ const l = {
               color: "var(--text-primary)"
             },
             children: /* @__PURE__ */ a("div", { style: { display: "grid", gap: "var(--spacing-6)" }, children: [
-              h && /* @__PURE__ */ a("div", { children: [
+              g && /* @__PURE__ */ a("div", { children: [
                 /* @__PURE__ */ a(
                   "div",
                   {
@@ -316,7 +316,7 @@ const l = {
                               },
                               children: [
                                 /* @__PURE__ */ r(
-                                  w,
+                                  F,
                                   {
                                     name: "brand",
                                     value: e,
@@ -348,7 +348,7 @@ const l = {
                   }
                 )
               ] }),
-              y && /* @__PURE__ */ r(F, { variant: "info", title: "Current Settings", children: /* @__PURE__ */ a(
+              y && /* @__PURE__ */ r(I, { variant: "info", title: "Current Settings", children: /* @__PURE__ */ a(
                 "div",
                 {
                   style: {
@@ -384,7 +384,7 @@ const l = {
     }
   );
 };
-I.displayName = "ThemeController";
+T.displayName = "ThemeController";
 export {
-  I as ThemeController
+  T as ThemeController
 };