@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Textarea/Textarea.mjs

@@ -0,0 +1,118 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { forwardRef as O, useId as P, useState as R, useEffect as U, useCallback as W } from "react";
+import { AlertCircle as _ } from "lucide-react";
+import e from "./Textarea.module.css.mjs";
+const q = O(
+  ({
+    label: l,
+    helperText: d,
+    error: r,
+    size: x = "md",
+    resize: f = "vertical",
+    showCounter: p = !1,
+    maxLength: s,
+    className: A,
+    id: B,
+    value: t,
+    defaultValue: u,
+    onChange: m,
+    disabled: N,
+    required: h,
+    optional: g = !1,
+    "aria-label": b,
+    "aria-describedby": v,
+    ...E
+  }, w) => {
+    const F = P(), n = B || `textarea-${F}`, C = `${n}-error`, I = `${n}-helper`, S = `${n}-counter`, [$, j] = R(() => t !== void 0 ? String(t).length : u !== void 0 ? String(u).length : 0);
+    U(() => {
+      t !== void 0 && j(String(t).length);
+    }, [t]);
+    const M = W(
+      (o) => {
+        j(o.target.value.length), m?.(o);
+      },
+      [m]
+    ), i = [];
+    r && i.push(C), d && !r && i.push(I), p && s && i.push(S), v && i.push(v);
+    const T = i.length > 0 ? i.join(" ") : void 0;
+    !(l || b) && process.env.NODE_ENV === "development" && console.warn(
+      "Textarea: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users."
+    );
+    const y = (() => {
+      if (!s) return "normal";
+      const o = $ / s * 100;
+      return o >= 100 ? "error" : o >= 90 ? "warning" : "normal";
+    })(), k = [
+      e.counter,
+      y === "warning" && e.counterWarning,
+      y === "error" && e.counterError
+    ].filter(Boolean).join(" "), z = [
+      e.container,
+      e[x],
+      e[`resize${f.charAt(0).toUpperCase()}${f.slice(1)}`],
+      r && e.error,
+      N && e.disabled,
+      A
+    ].filter(Boolean).join(" "), D = p || d && !r;
+    return /* @__PURE__ */ c("div", { className: z, children: [
+      l && /* @__PURE__ */ c("label", { htmlFor: n, className: e.label, children: [
+        /* @__PURE__ */ a("span", { className: e.labelText, children: l }),
+        g && /* @__PURE__ */ a("span", { className: e.optional, "aria-hidden": "true", children: "(optional)" }),
+        h && !g && /* @__PURE__ */ a("span", { className: e.required, "aria-hidden": "true", children: "*" })
+      ] }),
+      /* @__PURE__ */ a(
+        "textarea",
+        {
+          ref: w,
+          id: n,
+          className: e.textarea,
+          value: t,
+          defaultValue: u,
+          maxLength: s,
+          onChange: M,
+          disabled: N,
+          required: h,
+          "aria-required": h || void 0,
+          "aria-invalid": r ? "true" : "false",
+          "aria-describedby": T,
+          "aria-label": l ? void 0 : b,
+          ...E
+        }
+      ),
+      D && /* @__PURE__ */ c("div", { className: e.footer, children: [
+        d && !r && /* @__PURE__ */ a("p", { id: I, className: e.helperText, children: d }),
+        p && s && /* @__PURE__ */ c(
+          "span",
+          {
+            id: S,
+            className: k,
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            children: [
+              $,
+              "/",
+              s
+            ]
+          }
+        )
+      ] }),
+      r && /* @__PURE__ */ c(
+        "p",
+        {
+          id: C,
+          className: e.errorMessage,
+          role: "alert",
+          "aria-live": "assertive",
+          children: [
+            /* @__PURE__ */ a(_, { size: 14, "aria-hidden": "true" }),
+            /* @__PURE__ */ a("span", { children: r })
+          ]
+        }
+      )
+    ] });
+  }
+);
+q.displayName = "Textarea";
+export {
+  q as Textarea
+};

package/dist/components/Textarea/Textarea.module.css

@@ -0,0 +1 @@
+._container_8sbpj_13{display:flex;flex-direction:column;gap:var(--spacing-2)}._disabled_8sbpj_19{opacity:.6}._label_8sbpj_27{display:flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-tight);cursor:pointer}._disabled_8sbpj_19 ._label_8sbpj_27{cursor:not-allowed}._optional_8sbpj_47{font-size:var(--font-size-11);font-weight:var(--font-weight-normal);color:var(--text-tertiary)}._required_8sbpj_53{color:var(--status-error);font-weight:var(--font-weight-medium);margin-left:2px}._textarea_8sbpj_63{width:100%;display:block;font-family:var(--font-secondary);font-size:var(--font-size-16);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:var(--line-height-normal);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);transition:all var(--transition-fast);outline:none}._textarea_8sbpj_63::placeholder{color:var(--text-tertiary)}._textarea_8sbpj_63:hover:not(:disabled):not(:read-only){border-color:var(--border-strong)}._textarea_8sbpj_63:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._textarea_8sbpj_63:focus-visible{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._textarea_8sbpj_63:disabled{background:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed;opacity:.5}._textarea_8sbpj_63:read-only{background:var(--surface-subtle);border-color:var(--border-subtle);cursor:default}._textarea_8sbpj_63:-webkit-autofill,._textarea_8sbpj_63:-webkit-autofill:hover,._textarea_8sbpj_63:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--surface-subtle) inset;transition:background-color 5000s ease-in-out 0s}._error_8sbpj_135 ._textarea_8sbpj_63{border-color:var(--status-error)}._error_8sbpj_135 ._textarea_8sbpj_63:focus{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}._error_8sbpj_135 ._textarea_8sbpj_63:focus-visible{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}._sm_8sbpj_153 ._textarea_8sbpj_63{padding:var(--spacing-2);font-size:var(--font-size-12);min-height:80px}._md_8sbpj_159 ._textarea_8sbpj_63{padding:var(--spacing-3);font-size:var(--font-size-14);min-height:120px}._lg_8sbpj_165 ._textarea_8sbpj_63{padding:var(--spacing-4);font-size:var(--font-size-16);min-height:160px}._resizeNone_8sbpj_175 ._textarea_8sbpj_63{resize:none}._resizeVertical_8sbpj_179 ._textarea_8sbpj_63{resize:vertical}._resizeHorizontal_8sbpj_183 ._textarea_8sbpj_63{resize:horizontal}._resizeBoth_8sbpj_187 ._textarea_8sbpj_63{resize:both}._footer_8sbpj_195{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2)}._footer_8sbpj_195 ._helperText_8sbpj_202{flex:1}._helperText_8sbpj_202{margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-secondary);line-height:var(--line-height-snug)}._errorMessage_8sbpj_222{display:flex;align-items:flex-start;gap:var(--spacing-1);margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--status-error);line-height:var(--line-height-snug)}._counter_8sbpj_237{font-family:var(--font-secondary);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;color:var(--text-tertiary);text-align:right;line-height:var(--line-height-tight);flex-shrink:0}._counter_8sbpj_237._counterWarning_8sbpj_247{color:var(--status-warning)}._counter_8sbpj_237._counterError_8sbpj_251{color:var(--status-error);font-weight:var(--font-weight-medium)}@media(forced-colors:active){._textarea_8sbpj_63{border:2px solid CanvasText;background:Canvas;color:CanvasText}._textarea_8sbpj_63:focus,._textarea_8sbpj_63:focus-visible{outline:3px solid Highlight;outline-offset:2px}._textarea_8sbpj_63:disabled{border-color:GrayText;color:GrayText}._error_8sbpj_135 ._textarea_8sbpj_63{border-color:LinkText}._errorMessage_8sbpj_222,._required_8sbpj_53,._counterError_8sbpj_251{color:LinkText}}@media(prefers-reduced-motion:reduce){._textarea_8sbpj_63{transition:none}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_8sbpj_13",r="_disabled_8sbpj_19",o="_label_8sbpj_27",t="_labelText_8sbpj_43",s="_optional_8sbpj_47",_="_required_8sbpj_53",n="_textarea_8sbpj_63",a="_error_8sbpj_135",i="_sm_8sbpj_153",l="_md_8sbpj_159",c="_lg_8sbpj_165",b="_resizeNone_8sbpj_175",p="_resizeVertical_8sbpj_179",u="_resizeHorizontal_8sbpj_183",j="_resizeBoth_8sbpj_187",d="_footer_8sbpj_195",z="_helperText_8sbpj_202",g="_errorMessage_8sbpj_222",x="_counter_8sbpj_237",m="_counterWarning_8sbpj_247",T="_counterError_8sbpj_251",h={container:e,disabled:r,label:o,labelText:t,optional:s,required:_,textarea:n,error:a,sm:i,md:l,lg:c,resizeNone:b,resizeVertical:p,resizeHorizontal:u,resizeBoth:j,footer:d,helperText:z,errorMessage:g,counter:x,counterWarning:m,counterError:T};exports.container=e;exports.counter=x;exports.counterError=T;exports.counterWarning=m;exports.default=h;exports.disabled=r;exports.error=a;exports.errorMessage=g;exports.footer=d;exports.helperText=z;exports.label=o;exports.labelText=t;exports.lg=c;exports.md=l;exports.optional=s;exports.required=_;exports.resizeBoth=j;exports.resizeHorizontal=u;exports.resizeNone=b;exports.resizeVertical=p;exports.sm=i;exports.textarea=n;

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

@@ -0,0 +1,47 @@
+const e = "_container_8sbpj_13", r = "_disabled_8sbpj_19", s = "_label_8sbpj_27", o = "_labelText_8sbpj_43", t = "_optional_8sbpj_47", _ = "_required_8sbpj_53", n = "_textarea_8sbpj_63", c = "_error_8sbpj_135", a = "_sm_8sbpj_153", i = "_md_8sbpj_159", l = "_lg_8sbpj_165", b = "_resizeNone_8sbpj_175", p = "_resizeVertical_8sbpj_179", j = "_resizeHorizontal_8sbpj_183", z = "_resizeBoth_8sbpj_187", d = "_footer_8sbpj_195", u = "_helperText_8sbpj_202", x = "_errorMessage_8sbpj_222", g = "_counter_8sbpj_237", h = "_counterWarning_8sbpj_247", m = "_counterError_8sbpj_251", T = {
+  container: e,
+  disabled: r,
+  label: s,
+  labelText: o,
+  optional: t,
+  required: _,
+  textarea: n,
+  error: c,
+  sm: a,
+  md: i,
+  lg: l,
+  resizeNone: b,
+  resizeVertical: p,
+  resizeHorizontal: j,
+  resizeBoth: z,
+  footer: d,
+  helperText: u,
+  errorMessage: x,
+  counter: g,
+  counterWarning: h,
+  counterError: m
+};
+export {
+  e as container,
+  g as counter,
+  m as counterError,
+  h as counterWarning,
+  T as default,
+  r as disabled,
+  c as error,
+  x as errorMessage,
+  d as footer,
+  u as helperText,
+  s as label,
+  o as labelText,
+  l as lg,
+  i as md,
+  t as optional,
+  _ as required,
+  z as resizeBoth,
+  j as resizeHorizontal,
+  b as resizeNone,
+  p as resizeVertical,
+  a as sm,
+  n as textarea
+};

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

@@ -0,0 +1,86 @@
+import { TextareaHTMLAttributes } from 'react';
+
+/**
+ * Textarea sizes
+ */
+export type TextareaSize = "sm" | "md" | "lg";
+/**
+ * Textarea resize behavior
+ */
+export type TextareaResize = "none" | "vertical" | "horizontal" | "both";
+/**
+ * Textarea component props
+ *
+ * @example
+ * ```tsx
+ * <Textarea label="Description" placeholder="Enter description..." />
+ * <Textarea
+ *   label="Bio"
+ *   helperText="Tell us about yourself"
+ *   maxLength={500}
+ *   showCounter
+ * />
+ * ```
+ */
+export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
+    /**
+     * Textarea label text.
+     * Required for accessibility unless aria-label is provided.
+     */
+    label?: string;
+    /**
+     * Helper text displayed below the textarea.
+     * Automatically linked via aria-describedby.
+     */
+    helperText?: string;
+    /**
+     * Error message.
+     * Shows error state and displays message below textarea.
+     */
+    error?: string;
+    /**
+     * Textarea size variant.
+     * @default 'md'
+     */
+    size?: TextareaSize;
+    /**
+     * Resize behavior.
+     * @default 'vertical'
+     */
+    resize?: TextareaResize;
+    /**
+     * Show character counter.
+     * Counter is announced to screen readers via aria-live.
+     * @default false
+     */
+    showCounter?: boolean;
+    /**
+     * Maximum character length.
+     * Required if showCounter is true.
+     */
+    maxLength?: number;
+    /**
+     * Shows "(optional)" indicator next to label.
+     * @default false
+     */
+    optional?: boolean;
+    /**
+     * Accessible label for screen readers when no visible label is provided.
+     * REQUIRED if `label` prop is not provided.
+     *
+     * @example
+     * ```tsx
+     * <Textarea
+     *   aria-label="Additional comments"
+     *   placeholder="Enter your comments..."
+     * />
+     * ```
+     */
+    "aria-label"?: string;
+    /**
+     * Additional element IDs that describe this textarea.
+     * Automatically includes error, helper text, and counter IDs when provided.
+     */
+    "aria-describedby"?: string;
+}
+//# sourceMappingURL=Textarea.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAEzE;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,CACP;IACC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

@@ -0,0 +1,15 @@
+/**
+ * Textarea Component - Multi-line text input.
+ *
+ * @example
+ * ```tsx
+ * import { Textarea } from '@orion-ds/react';
+ *
+ * <Textarea label="Message" placeholder="Enter your message..." />
+ * <Textarea label="Bio" rows={4} resize="vertical" />
+ * <Textarea label="Notes" error="This field is required" />
+ * ```
+ */
+export { Textarea } from './Textarea';
+export type { TextareaProps, TextareaSize, TextareaResize, } from './Textarea.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,GACf,MAAM,kBAAkB,CAAC"}

package/dist/components/ThemeController/ThemeController.cjs

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ThemeControllerProps } from './ThemeController.types';
+
+export declare const ThemeController: React.FC<ThemeControllerProps>;
+//# sourceMappingURL=ThemeController.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeController.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/ThemeController.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAmDpE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuU1D,CAAC"}