@e-burgos/tucu-ui 2.0.9 → 2.0.10

package/documentation/{TahoeToolbarSection-CndSLUyc.js → TahoeToolbarSection-BCpyfad4.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { H as d, C as r, a as t, bB as l, c as i } from "../index-lfg6LZ1p.js";
-import { PanelTop as c, Search as o, Bell as n, Plus as h, ChevronLeft as m, Settings as b } from "lucide-react";
+import { H as d, C as r, a as t, bB as l, c as i } from "../index-19KsCnyX.js";
+import { PanelTop as n, Search as o, Bell as c, Plus as h, ChevronLeft as m, Settings as b } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
@@ -10,10 +10,10 @@ const f = () => /* @__PURE__ */ a(s, { children: [
     {
       title: "MacOSToolbarTahoe",
       description: "Tahoe-style toolbar with Liquid Glass blur, leading / center / trailing slots, optional border, and a title shorthand.",
-      icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-sky-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-sky-400/50", children: /* @__PURE__ */ e(c, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
+      icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-sky-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-sky-400/50", children: /* @__PURE__ */ e(n, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
     }
   ),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "With Leading & Trailing", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "rounded-[14px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]", children: [
+  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "With Leading & Trailing", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]", children: [
     /* @__PURE__ */ e(
       l,
       {
@@ -24,7 +24,7 @@ const f = () => /* @__PURE__ */ a(s, { children: [
         title: "Dashboard",
         trailing: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e("button", { className: "rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8", children: /* @__PURE__ */ e(o, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ e("button", { className: "rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8", children: /* @__PURE__ */ e(n, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ e("button", { className: "rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8", children: /* @__PURE__ */ e(c, { className: "h-4 w-4" }) }),
           /* @__PURE__ */ a("button", { className: "flex items-center gap-1.5 rounded-[10px] px-3 py-1 text-sm bg-blue-500 text-white hover:bg-blue-600", children: [
             /* @__PURE__ */ e(h, { className: "h-3.5 w-3.5" }),
             "New"
@@ -34,7 +34,7 @@ const f = () => /* @__PURE__ */ a(s, { children: [
     ),
     /* @__PURE__ */ e("div", { className: "flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400", children: "Content area" })
   ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Center Slot (Custom Content)", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "rounded-[14px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]", children: [
+  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Center Slot (Custom Content)", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]", children: [
     /* @__PURE__ */ e(
       l,
       {
@@ -47,7 +47,7 @@ const f = () => /* @__PURE__ */ a(s, { children: [
     ),
     /* @__PURE__ */ e("div", { className: "flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400", children: "Content area" })
   ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Without Border", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "rounded-[14px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]", children: [
+  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Without Border", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]", children: [
     /* @__PURE__ */ e(l, { title: "No Border", bordered: !1 }),
     /* @__PURE__ */ e("div", { className: "flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400", children: "Content area" })
   ] }) }) }) }),

package/documentation/TahoeToolbarSection-C10KKCyu.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"MacOSToolbarTahoe",description:"Tahoe-style toolbar with Liquid Glass blur, leading / center / trailing slots, optional border, and a title shorthand.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-sky-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-sky-400/50",children:e.jsx(r.PanelTop,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"With Leading & Trailing",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSToolbarTahoe,{leading:e.jsxs("button",{className:"flex items-center gap-1.5 text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",children:[e.jsx(r.ChevronLeft,{className:"h-4 w-4"}),"Back"]}),title:"Dashboard",trailing:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{className:"rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8",children:e.jsx(r.Search,{className:"h-4 w-4"})}),e.jsx("button",{className:"rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8",children:e.jsx(r.Bell,{className:"h-4 w-4"})}),e.jsxs("button",{className:"flex items-center gap-1.5 rounded-[10px] px-3 py-1 text-sm bg-blue-500 text-white hover:bg-blue-600",children:[e.jsx(r.Plus,{className:"h-3.5 w-3.5"}),"New"]})]})}),e.jsx("div",{className:"flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Center Slot (Custom Content)",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSToolbarTahoe,{center:e.jsxs("div",{className:"flex items-center gap-2 rounded-[10px] bg-black/5 dark:bg-white/8 px-3 py-1.5",children:[e.jsx(r.Search,{className:"h-3.5 w-3.5 text-gray-400"}),e.jsx("span",{className:"text-sm text-gray-400",children:"Search…"})]}),trailing:e.jsx("button",{className:"rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8",children:e.jsx(r.Settings,{className:"h-4 w-4"})})}),e.jsx("div",{className:"flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Without Border",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSToolbarTahoe,{title:"No Border",bordered:!1}),e.jsx("div",{className:"flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { MacOSToolbarTahoe } from '@e-burgos/tucu-ui';
+
+function Page() {
+  return (
+    <div className="flex flex-col h-full">
+      <MacOSToolbarTahoe
+        leading={<BackButton />}
+        title="Dashboard"
+        trailing={<NewButton />}
+        bordered
+      />
+      <main className="flex-1 overflow-auto p-6">
+        <YourContent />
+      </main>
+    </div>
+  );
+}`})})})})]});exports.TahoeToolbarSection=s;exports.default=s;

package/documentation/{TahoeWidgetSection-DvFhIsO1.js → TahoeWidgetSection-BUaOmNIc.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as d, C as l, a as c, bF as a, bG as i, c as n, P as m, A as h } from "../index-lfg6LZ1p.js";
+import { H as d, C as l, a as c, bF as a, bG as i, c as n, P as m, A as h } from "../index-19KsCnyX.js";
 import { LayoutDashboard as r, CloudSun as x, Calendar as p, Activity as u, StickyNote as g } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TahoeWidgetSection-CxG_Uvly.js → TahoeWidgetSection-sxxKh9VM.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Widget",description:"Glass-material widget cards in four fixed sizes, matching Apple HIG widget dimensions. Includes an optional header with icon, title, subtitle, and actions.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-violet-500 via-purple-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:e.jsx(a.LayoutDashboard,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-wrap gap-5 items-end",children:[e.jsxs(t.MacOSTahoeWidget,{size:"sm",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Weather",icon:e.jsx(a.CloudSun,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex flex-1 items-center justify-center",children:e.jsx("span",{className:"text-3xl font-light text-[var(--macos-tahoe-text)]",children:"24°"})})]}),e.jsxs(t.MacOSTahoeWidget,{size:"md",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Calendar",subtitle:"Today",icon:e.jsx(a.Calendar,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex flex-1 items-center px-4",children:e.jsxs("div",{className:"text-[var(--macos-tahoe-text)]",children:[e.jsx("p",{className:"text-[20px] font-semibold",children:"December 15"}),e.jsx("p",{className:"text-[13px] text-[var(--macos-tahoe-text-muted)]",children:"3 upcoming events"})]})})]})]})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Large & Extra Large",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-wrap gap-5 items-end",children:[e.jsxs(t.MacOSTahoeWidget,{size:"lg",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Activity",icon:e.jsx(a.Activity,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex flex-1 items-center justify-center p-3",children:e.jsxs("div",{className:"text-center text-[var(--macos-tahoe-text)]",children:[e.jsx("p",{className:"text-[36px] font-light",children:"520"}),e.jsx("p",{className:"text-[11px] uppercase tracking-wider text-[var(--macos-tahoe-text-muted)]",children:"calories"})]})})]}),e.jsxs(t.MacOSTahoeWidget,{size:"xl",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Notes",subtitle:"3 notes",icon:e.jsx(a.StickyNote,{className:"h-4 w-4"}),actions:e.jsx("button",{className:"text-[12px] text-[var(--macos-tahoe-accent)]",children:"View All"})}),e.jsx("div",{className:"flex-1 space-y-2 overflow-auto p-3.5 pt-2",children:["Meeting notes","Shopping list","Ideas for project"].map(s=>e.jsx("div",{className:"rounded-lg bg-[var(--macos-glass-clear-bg)] p-2.5 text-[13px] text-[var(--macos-tahoe-text)] backdrop-blur-sm border border-[var(--macos-glass-border-subtle)]",children:s},s))})]})]})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(t.CodeBlock,{code:`import { MacOSTahoeWidget, MacOSTahoeWidgetHeader } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Widget",description:"Glass-material widget cards in four fixed sizes, matching Apple HIG widget dimensions. Includes an optional header with icon, title, subtitle, and actions.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-violet-500 via-purple-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:e.jsx(a.LayoutDashboard,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-wrap gap-5 items-end",children:[e.jsxs(t.MacOSTahoeWidget,{size:"sm",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Weather",icon:e.jsx(a.CloudSun,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex flex-1 items-center justify-center",children:e.jsx("span",{className:"text-3xl font-light text-[var(--macos-tahoe-text)]",children:"24°"})})]}),e.jsxs(t.MacOSTahoeWidget,{size:"md",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Calendar",subtitle:"Today",icon:e.jsx(a.Calendar,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex flex-1 items-center px-4",children:e.jsxs("div",{className:"text-[var(--macos-tahoe-text)]",children:[e.jsx("p",{className:"text-[20px] font-semibold",children:"December 15"}),e.jsx("p",{className:"text-[13px] text-[var(--macos-tahoe-text-muted)]",children:"3 upcoming events"})]})})]})]})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Large & Extra Large",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-wrap gap-5 items-end",children:[e.jsxs(t.MacOSTahoeWidget,{size:"lg",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Activity",icon:e.jsx(a.Activity,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex flex-1 items-center justify-center p-3",children:e.jsxs("div",{className:"text-center text-[var(--macos-tahoe-text)]",children:[e.jsx("p",{className:"text-[36px] font-light",children:"520"}),e.jsx("p",{className:"text-[11px] uppercase tracking-wider text-[var(--macos-tahoe-text-muted)]",children:"calories"})]})})]}),e.jsxs(t.MacOSTahoeWidget,{size:"xl",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Notes",subtitle:"3 notes",icon:e.jsx(a.StickyNote,{className:"h-4 w-4"}),actions:e.jsx("button",{className:"text-[12px] text-[var(--macos-tahoe-accent)]",children:"View All"})}),e.jsx("div",{className:"flex-1 space-y-2 overflow-auto p-3.5 pt-2",children:["Meeting notes","Shopping list","Ideas for project"].map(s=>e.jsx("div",{className:"rounded-lg bg-[var(--macos-glass-clear-bg)] p-2.5 text-[13px] text-[var(--macos-tahoe-text)] backdrop-blur-sm border border-[var(--macos-glass-border-subtle)]",children:s},s))})]})]})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(t.CodeBlock,{code:`import { MacOSTahoeWidget, MacOSTahoeWidgetHeader } from '@e-burgos/tucu-ui';
 
 <MacOSTahoeWidget size="md">
   <MacOSTahoeWidgetHeader

package/documentation/{TahoeWindowSection-CA5hMRQS.js → TahoeWindowSection-COl0UCS1.js}

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as p, jsx as e } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { H as x, C as h, a as f, bE as o, T as u, c as w, P as C, A as N } from "../index-lfg6LZ1p.js";
+import { H as x, C as h, a as f, bE as o, T as u, c as w, P as C, A as N } from "../index-19KsCnyX.js";
 import { AppWindow as v, RotateCcw as y } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{TahoeWindowSection-Dlt40eFZ.js → TahoeWindowSection-KL3yHPI3.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),t=require("../index-BaGqriuz.js"),m=require("lucide-react");require("react-router-dom");require("react-dom");function r({onClick:i}){return e.jsxs("button",{type:"button",onClick:i,className:"mt-3 flex items-center gap-2 rounded-lg bg-(--color-brand) px-3 py-1.5 text-[13px] font-medium text-white transition-opacity hover:opacity-80",children:[e.jsx(m.RotateCcw,{className:"h-3.5 w-3.5"}),"Restore Window"]})}function d(){const[i,l]=h.useState(0),[o,s]=h.useState(!1);return{key:i,closed:o,onClose:()=>s(!0),restore:()=>{s(!1),l(a=>a+1)}}}const x=()=>{const i=d(),l=d(),o=d(),s=d(),n=d(),c=d(),a=d();return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Window",description:"Liquid Glass window with translucent title bar, traffic lights, and optional resize handles. Supports close, minimize, fullscreen, and portal rendering.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-slate-500 via-indigo-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg border border-slate-500/50",children:e.jsx(m.AppWindow,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Default Window",className:"mt-2 mb-2",children:e.jsxs("div",{className:"relative w-full overflow-hidden rounded-xl bg-linear-to-br from-blue-500/20 to-purple-500/20 p-8",style:{minHeight:320},children:[e.jsx(t.MacOSTahoeWindow,{title:"Liquid Glass Window",width:420,defaultState:i.closed?"closed":"normal",onClose:i.onClose,children:e.jsxs("div",{className:"p-6 text-sm text-(--macos-tahoe-text)",children:[e.jsx("p",{className:"mb-2 font-medium",children:"Glass Material Window"}),e.jsxs("p",{className:"text-[12px] text-(--macos-tahoe-text-muted) leading-relaxed",children:["This window uses ",e.jsx("code",{children:"--macos-glass-regular-bg"})," for its translucent background and ",e.jsx("code",{children:"--macos-glass-clear-bg"})," ","for the title bar, creating the characteristic Tahoe layered glass effect."]})]})},i.key),i.closed&&e.jsx(r,{onClick:i.restore})]})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Traffic Lights Behavior",className:"mt-2 mb-2",children:[e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["🔴 Close hides the window  ·  🟡 Minimize collapses to header only  ·  🟢 Maximize restores or toggles fullscreen (with ",e.jsx("code",{children:"fullSize"}),"). Use ",e.jsx("code",{children:"defaultState"})," to restore programmatically."]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-indigo-500/20 to-blue-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Try the buttons",width:"100%",fullSize:!0,defaultState:l.closed?"closed":"normal",onClose:l.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Click 🔴 to close, 🟡 to minimize, 🟢 to fullscreen."})},l.key),l.closed&&e.jsx(r,{onClick:l.restore})]}),e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-teal-500/20 to-green-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Disabled Close",width:"100%",disableClose:!0,defaultState:o.closed?"closed":"normal",onClose:o.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"The close button is disabled. Minimize and maximize still work."})},o.key),o.closed&&e.jsx(r,{onClick:o.restore})]})]})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Traffic Lights Positions",className:"mt-2 mb-2",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-indigo-500/20 to-blue-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Left (default)",width:"100%",defaultState:s.closed?"closed":"normal",onClose:s.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Traffic lights on the left side."})},s.key),s.closed&&e.jsx(r,{onClick:s.restore})]}),e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-teal-500/20 to-green-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Right",width:"100%",trafficLightsPosition:"right",defaultState:n.closed?"closed":"normal",onClose:n.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Traffic lights on the right side."})},n.key),n.closed&&e.jsx(r,{onClick:n.restore})]})]})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"No Traffic Lights",className:"mt-2 mb-2",children:e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-amber-500/20 to-orange-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Clean Window",width:360,showTrafficLights:!1,defaultState:c.closed?"closed":"normal",onClose:c.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Window without traffic light controls — ideal for utility panels or embedded views."})},c.key),c.closed&&e.jsx(r,{onClick:c.restore})]})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Draggable Window",className:"mt-2 mb-2",children:[e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["With ",e.jsx("code",{children:"draggable"}),", grab the title bar to move the window freely across the viewport. It automatically portals when dragged."]}),e.jsxs("div",{className:"relative w-full overflow-hidden rounded-xl bg-linear-to-br from-rose-500/20 to-pink-500/20 p-8",style:{minHeight:280},children:[e.jsx(t.MacOSTahoeWindow,{title:"Drag me!",width:380,draggable:!0,defaultState:a.closed?"closed":"normal",onClose:a.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Grab the title bar and drag this window anywhere on the screen."})},a.key),a.closed&&e.jsx(r,{onClick:a.restore})]})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(t.CodeBlock,{code:`import { MacOSTahoeWindow } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),t=require("../index-DMs_SmPq.js"),m=require("lucide-react");require("react-router-dom");require("react-dom");function r({onClick:i}){return e.jsxs("button",{type:"button",onClick:i,className:"mt-3 flex items-center gap-2 rounded-lg bg-(--color-brand) px-3 py-1.5 text-[13px] font-medium text-white transition-opacity hover:opacity-80",children:[e.jsx(m.RotateCcw,{className:"h-3.5 w-3.5"}),"Restore Window"]})}function d(){const[i,l]=h.useState(0),[o,s]=h.useState(!1);return{key:i,closed:o,onClose:()=>s(!0),restore:()=>{s(!1),l(a=>a+1)}}}const x=()=>{const i=d(),l=d(),o=d(),s=d(),n=d(),c=d(),a=d();return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Window",description:"Liquid Glass window with translucent title bar, traffic lights, and optional resize handles. Supports close, minimize, fullscreen, and portal rendering.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-slate-500 via-indigo-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg border border-slate-500/50",children:e.jsx(m.AppWindow,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Default Window",className:"mt-2 mb-2",children:e.jsxs("div",{className:"relative w-full overflow-hidden rounded-xl bg-linear-to-br from-blue-500/20 to-purple-500/20 p-8",style:{minHeight:320},children:[e.jsx(t.MacOSTahoeWindow,{title:"Liquid Glass Window",width:420,defaultState:i.closed?"closed":"normal",onClose:i.onClose,children:e.jsxs("div",{className:"p-6 text-sm text-(--macos-tahoe-text)",children:[e.jsx("p",{className:"mb-2 font-medium",children:"Glass Material Window"}),e.jsxs("p",{className:"text-[12px] text-(--macos-tahoe-text-muted) leading-relaxed",children:["This window uses ",e.jsx("code",{children:"--macos-glass-regular-bg"})," for its translucent background and ",e.jsx("code",{children:"--macos-glass-clear-bg"})," ","for the title bar, creating the characteristic Tahoe layered glass effect."]})]})},i.key),i.closed&&e.jsx(r,{onClick:i.restore})]})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Traffic Lights Behavior",className:"mt-2 mb-2",children:[e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["🔴 Close hides the window  ·  🟡 Minimize collapses to header only  ·  🟢 Maximize restores or toggles fullscreen (with ",e.jsx("code",{children:"fullSize"}),"). Use ",e.jsx("code",{children:"defaultState"})," to restore programmatically."]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-indigo-500/20 to-blue-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Try the buttons",width:"100%",fullSize:!0,defaultState:l.closed?"closed":"normal",onClose:l.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Click 🔴 to close, 🟡 to minimize, 🟢 to fullscreen."})},l.key),l.closed&&e.jsx(r,{onClick:l.restore})]}),e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-teal-500/20 to-green-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Disabled Close",width:"100%",disableClose:!0,defaultState:o.closed?"closed":"normal",onClose:o.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"The close button is disabled. Minimize and maximize still work."})},o.key),o.closed&&e.jsx(r,{onClick:o.restore})]})]})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Traffic Lights Positions",className:"mt-2 mb-2",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-indigo-500/20 to-blue-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Left (default)",width:"100%",defaultState:s.closed?"closed":"normal",onClose:s.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Traffic lights on the left side."})},s.key),s.closed&&e.jsx(r,{onClick:s.restore})]}),e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-teal-500/20 to-green-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Right",width:"100%",trafficLightsPosition:"right",defaultState:n.closed?"closed":"normal",onClose:n.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Traffic lights on the right side."})},n.key),n.closed&&e.jsx(r,{onClick:n.restore})]})]})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"No Traffic Lights",className:"mt-2 mb-2",children:e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-amber-500/20 to-orange-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Clean Window",width:360,showTrafficLights:!1,defaultState:c.closed?"closed":"normal",onClose:c.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Window without traffic light controls — ideal for utility panels or embedded views."})},c.key),c.closed&&e.jsx(r,{onClick:c.restore})]})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Draggable Window",className:"mt-2 mb-2",children:[e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["With ",e.jsx("code",{children:"draggable"}),", grab the title bar to move the window freely across the viewport. It automatically portals when dragged."]}),e.jsxs("div",{className:"relative w-full overflow-hidden rounded-xl bg-linear-to-br from-rose-500/20 to-pink-500/20 p-8",style:{minHeight:280},children:[e.jsx(t.MacOSTahoeWindow,{title:"Drag me!",width:380,draggable:!0,defaultState:a.closed?"closed":"normal",onClose:a.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Grab the title bar and drag this window anywhere on the screen."})},a.key),a.closed&&e.jsx(r,{onClick:a.restore})]})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(t.CodeBlock,{code:`import { MacOSTahoeWindow } from '@e-burgos/tucu-ui';
 
 <MacOSTahoeWindow
   title="My Window"

package/documentation/{TailwindConfigSection-BOdIg9p4.js → TailwindConfigSection-DPCR4e0X.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const i=[{icon:e.jsx(s.Circle,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Color Spectrums",description:"Blue, Green, Orange, Gray, Indigo, Pink, Purple, Red, Teal, Yellow, Chartreuse — 11 spectrums total.",iconBgClassName:"from-indigo-500 to-purple-500"},{icon:e.jsx(s.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Scale 0-100",description:"Each spectrum has values from 0 to 100 in steps of 5/10 (e.g., blue-0, blue-5, blue-10 ... blue-100).",iconBgClassName:"from-cyan-500 to-blue-500"},{icon:e.jsx(s.Moon,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Light & Dark Variants",description:"Separate color sets for light and dark modes (e.g., --color-tucu-ui-blue-60 vs --color-tucu-ui-dark-blue-70).",iconBgClassName:"from-violet-500 to-purple-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Tailwind CSS Configuration",description:"Built on Tailwind CSS v4 with Tucu UI Design Tokens for a CSS-first configuration system.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Code,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Design Tokens"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Primitive color tokens organized into spectrums"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:i.map(r=>e.jsx(a.FeatureCard,{layout:"horizontal",...r},r.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Semantic Colors"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Design tokens mapped to functional purposes"})]}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Semantic Color Variables",children:e.jsx("div",{className:"space-y-4",children:e.jsx(a.CodeBlock,{language:"css",code:`/* Semantic Background Colors */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const i=[{icon:e.jsx(s.Circle,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Color Spectrums",description:"Blue, Green, Orange, Gray, Indigo, Pink, Purple, Red, Teal, Yellow, Chartreuse — 11 spectrums total.",iconBgClassName:"from-indigo-500 to-purple-500"},{icon:e.jsx(s.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Scale 0-100",description:"Each spectrum has values from 0 to 100 in steps of 5/10 (e.g., blue-0, blue-5, blue-10 ... blue-100).",iconBgClassName:"from-cyan-500 to-blue-500"},{icon:e.jsx(s.Moon,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Light & Dark Variants",description:"Separate color sets for light and dark modes (e.g., --color-tucu-ui-blue-60 vs --color-tucu-ui-dark-blue-70).",iconBgClassName:"from-violet-500 to-purple-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Tailwind CSS Configuration",description:"Built on Tailwind CSS v4 with Tucu UI Design Tokens for a CSS-first configuration system.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Code,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Design Tokens"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Primitive color tokens organized into spectrums"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:i.map(r=>e.jsx(a.FeatureCard,{layout:"horizontal",...r},r.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Semantic Colors"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Design tokens mapped to functional purposes"})]}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Semantic Color Variables",children:e.jsx("div",{className:"space-y-4",children:e.jsx(a.CodeBlock,{language:"css",code:`/* Semantic Background Colors */
 --color-semantic-bg-primary: var(--color-tucu-ui-blue-60);
 --color-semantic-bg-secondary: var(--color-tucu-ui-gray-10);
 --color-semantic-bg-positive: var(--color-tucu-ui-green-60);
@@ -20,4 +20,4 @@
 --spacing-5: 40px;   /* --spacing-tucu-ui-5 */
 --spacing-6: 48px;   /* --spacing-tucu-ui-6 */
 --spacing-8: 64px;   /* --spacing-tucu-ui-8 */
---spacing-10: 80px;  /* --spacing-tucu-ui-10 */`}),e.jsx(a.Alert,{variant:"info",children:e.jsxs(a.Typography,{tag:"p",className:"text-sm",children:[e.jsx("strong",{children:"Note:"})," Components use arbitrary values like"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"p-[16px]"})," ","instead of"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"p-4"})," ","to maintain original spacing values consistently."]})})]})})})]})]})};exports.default=c;
+--spacing-10: 80px;  /* --spacing-tucu-ui-10 */`}),e.jsx(a.Alert,{variant:"info",children:e.jsxs(a.Typography,{tag:"p",className:"text-sm",children:[e.jsx("strong",{children:"Note:"})," Components use arbitrary values like"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"p-[16px]"})," ","instead of"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"p-4"})," ","to maintain original spacing values consistently."]})})]})})})]})]})};exports.default=c;

package/documentation/{TailwindConfigSection-DTEVHxfY.js → TailwindConfigSection-DdJnfBeo.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { H as l, T as r, ax as n, C as c, a as s, c as o, aj as u } from "../index-lfg6LZ1p.js";
-import { Code as d, Circle as m, Layers as g, Moon as p } from "lucide-react";
+import { H as l, T as r, ax as n, C as c, a as s, c as o, aj as u } from "../index-19KsCnyX.js";
+import { Code as d, Circle as m, Layers as p, Moon as g } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
@@ -33,13 +33,13 @@ const w = () => /* @__PURE__ */ a(t, { children: [
         iconBgClassName: "from-indigo-500 to-purple-500"
       },
       {
-        icon: /* @__PURE__ */ e(g, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
+        icon: /* @__PURE__ */ e(p, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
         title: "Scale 0-100",
         description: "Each spectrum has values from 0 to 100 in steps of 5/10 (e.g., blue-0, blue-5, blue-10 ... blue-100).",
         iconBgClassName: "from-cyan-500 to-blue-500"
       },
       {
-        icon: /* @__PURE__ */ e(p, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
+        icon: /* @__PURE__ */ e(g, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
         title: "Light & Dark Variants",
         description: "Separate color sets for light and dark modes (e.g., --color-tucu-ui-blue-60 vs --color-tucu-ui-dark-blue-70).",
         iconBgClassName: "from-violet-500 to-purple-500"
@@ -112,11 +112,11 @@ const w = () => /* @__PURE__ */ a(t, { children: [
         /* @__PURE__ */ e("strong", { children: "Note:" }),
         " Components use arbitrary values like",
         " ",
-        /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "p-[16px]" }),
+        /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "p-[16px]" }),
         " ",
         "instead of",
         " ",
-        /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "p-4" }),
+        /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "p-4" }),
         " ",
         "to maintain original spacing values consistently."
       ] }) })

package/documentation/{TestingSection-sjNf_YR6.js → TestingSection-4eyjrj1_.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const r=[{icon:e.jsx(s.Scan,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"jest-axe",description:"Automated WCAG violation detection in unit tests. Run axe-core checks on rendered components.",iconBgClassName:"from-red-500 to-pink-500"},{icon:e.jsx(s.Monitor,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Lighthouse",description:"Full page accessibility audit with scoring. Available in Chrome DevTools or CI pipelines.",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:e.jsx(s.Accessibility,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Screen Reader Testing",description:"Manual testing with VoiceOver (macOS), NVDA (Windows), or Orca (Linux) to verify announcements.",iconBgClassName:"from-purple-500 to-violet-500"},{icon:e.jsx(s.Keyboard,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Keyboard-Only Testing",description:"Navigate the entire interface using only Tab, Arrow keys, Enter, and Escape. No mouse allowed.",iconBgClassName:"from-teal-500 to-cyan-500"}],o=`import { render } from '@testing-library/react';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const r=[{icon:e.jsx(s.Scan,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"jest-axe",description:"Automated WCAG violation detection in unit tests. Run axe-core checks on rendered components.",iconBgClassName:"from-red-500 to-pink-500"},{icon:e.jsx(s.Monitor,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Lighthouse",description:"Full page accessibility audit with scoring. Available in Chrome DevTools or CI pipelines.",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:e.jsx(s.Accessibility,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Screen Reader Testing",description:"Manual testing with VoiceOver (macOS), NVDA (Windows), or Orca (Linux) to verify announcements.",iconBgClassName:"from-purple-500 to-violet-500"},{icon:e.jsx(s.Keyboard,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Keyboard-Only Testing",description:"Navigate the entire interface using only Tab, Arrow keys, Enter, and Escape. No mouse allowed.",iconBgClassName:"from-teal-500 to-cyan-500"}],o=`import { render } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 import { Input, Modal, Alert, Select } from '@e-burgos/tucu-ui';
 

package/documentation/{TestingSection-p_a3TLFg.js → TestingSection-laVHmYZE.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { H as c, T as a, ax as m, c as d, C as h } from "../index-lfg6LZ1p.js";
+import { H as c, T as a, ax as m, c as d, C as h } from "../index-19KsCnyX.js";
 import { TestTube as u, Scan as g, Monitor as p, Accessibility as x, Keyboard as y } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TextareaSection-CD-kZuGl.js → TextareaSection-D_4-b9Jx.js}

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as b, jsx as e } from "react/jsx-runtime";
 import { useState as c } from "react";
-import { H as x, C as a, a as i, T as t, v as s, P as u, A as w, c as N } from "../index-lfg6LZ1p.js";
+import { H as x, C as a, a as i, T as t, v as s, P as u, A as w, c as N } from "../index-19KsCnyX.js";
 import { AlignLeft as v } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{TextareaSection-B7E_PE99.js → TextareaSection-Dx8UEgUG.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-BaGqriuz.js"),m=require("lucide-react");require("react-router-dom");require("react-dom");const x=()=>{const[t,o]=l.useState(""),[i,n]=l.useState(""),d=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],c=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Textarea",description:"A multi-line text input component for longer text content.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-rose-500 via-pink-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg border border-rose-500/50",children:e.jsx(m.AlignLeft,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Textarea"}),e.jsx(a.Textarea,{label:"Message",placeholder:"Write your message here",value:t,onChange:r=>o(r.target.value),rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Textarea,{label:"Description",placeholder:"Enter description",helperText:"Provide a detailed description",rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Textarea,{label:"Comments",placeholder:"Enter comments",error:"Comments are required",rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Textarea,{label:"Notes",placeholder:"Disabled textarea",disabled:!0,rows:4})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Textarea,{label:"Ghost Variant",placeholder:"Enter text",variant:"ghost",rows:3})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Textarea,{label:"Solid Variant",placeholder:"Enter text",variant:"solid",rows:3})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Textarea,{label:"Transparent Variant",placeholder:"Enter text",variant:"transparent",rows:3})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:d.map(({label:r,color:s})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:r}),e.jsx(a.Textarea,{label:`${r} Textarea`,placeholder:"Enter text",rows:3,color:s})]},s))})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-3",children:c.map(({label:r,size:s})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:r}),e.jsx(a.Textarea,{label:`${r} Textarea`,placeholder:"Enter text",rows:3,size:s})]},s))})})})}),e.jsx(a.PropPlayground,{componentName:"Textarea",defaultValues:{label:"Preview Textarea",placeholder:"Enter text",variant:"ghost",color:"primary",size:"md",rows:4,helperText:"",error:"",useUppercaseLabel:!1,disabled:!1},controlOverrides:[{name:"placeholder",type:"text",description:"Placeholder text rendered inside the textarea"},{name:"color",type:"select",options:["primary","secondary","danger","info","success","warning"],description:"Color treatment applied to the control"},{name:"rows",type:"number",description:"Visible row count for the textarea preview"},{name:"disabled",type:"boolean",description:"Disables the textarea and prevents interaction"}],includeProps:["label","placeholder","variant","color","size","rows","helperText","error","useUppercaseLabel","disabled"],excludeProps:["inputClassName"],children:r=>e.jsx("div",{className:"w-full max-w-lg",children:e.jsx(a.Textarea,{...r,rows:typeof r.rows=="number"?r.rows:4,placeholder:r.placeholder||"Enter text",value:i,onChange:s=>n(s.target.value)})})}),e.jsx(a.AutoPropsTable,{componentName:"Textarea"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Textarea } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-DMs_SmPq.js"),m=require("lucide-react");require("react-router-dom");require("react-dom");const x=()=>{const[t,o]=l.useState(""),[i,n]=l.useState(""),d=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],c=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Textarea",description:"A multi-line text input component for longer text content.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-rose-500 via-pink-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg border border-rose-500/50",children:e.jsx(m.AlignLeft,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Textarea"}),e.jsx(a.Textarea,{label:"Message",placeholder:"Write your message here",value:t,onChange:r=>o(r.target.value),rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Textarea,{label:"Description",placeholder:"Enter description",helperText:"Provide a detailed description",rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Textarea,{label:"Comments",placeholder:"Enter comments",error:"Comments are required",rows:4})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Textarea,{label:"Notes",placeholder:"Disabled textarea",disabled:!0,rows:4})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Textarea,{label:"Ghost Variant",placeholder:"Enter text",variant:"ghost",rows:3})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Textarea,{label:"Solid Variant",placeholder:"Enter text",variant:"solid",rows:3})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Textarea,{label:"Transparent Variant",placeholder:"Enter text",variant:"transparent",rows:3})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:d.map(({label:r,color:s})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:r}),e.jsx(a.Textarea,{label:`${r} Textarea`,placeholder:"Enter text",rows:3,color:s})]},s))})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-3",children:c.map(({label:r,size:s})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:r}),e.jsx(a.Textarea,{label:`${r} Textarea`,placeholder:"Enter text",rows:3,size:s})]},s))})})})}),e.jsx(a.PropPlayground,{componentName:"Textarea",defaultValues:{label:"Preview Textarea",placeholder:"Enter text",variant:"ghost",color:"primary",size:"md",rows:4,helperText:"",error:"",useUppercaseLabel:!1,disabled:!1},controlOverrides:[{name:"placeholder",type:"text",description:"Placeholder text rendered inside the textarea"},{name:"color",type:"select",options:["primary","secondary","danger","info","success","warning"],description:"Color treatment applied to the control"},{name:"rows",type:"number",description:"Visible row count for the textarea preview"},{name:"disabled",type:"boolean",description:"Disables the textarea and prevents interaction"}],includeProps:["label","placeholder","variant","color","size","rows","helperText","error","useUppercaseLabel","disabled"],excludeProps:["inputClassName"],children:r=>e.jsx("div",{className:"w-full max-w-lg",children:e.jsx(a.Textarea,{...r,rows:typeof r.rows=="number"?r.rows:4,placeholder:r.placeholder||"Enter text",value:i,onChange:s=>n(s.target.value)})})}),e.jsx(a.AutoPropsTable,{componentName:"Textarea"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Textarea } from '@e-burgos/tucu-ui';
 
 <Textarea
   label="Message"

package/documentation/{ThemeArchitectureSection-DTZZ9DW8.js → ThemeArchitectureSection-BJt75CEU.js}

@@ -1,25 +1,27 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const o=[{icon:e.jsx(s.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Zustand State Management",description:"Centralized theme state with minimal boilerplate, localStorage persistence, and excellent TypeScript support.",iconBgClassName:"from-yellow-500 via-amber-500 to-orange-500"},{icon:e.jsx(s.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"CSS Custom Properties",description:"Dynamic brand colors using 12 CSS variables (6 light/dark pairs) for real-time theme updates without rebuilds.",iconBgClassName:"from-blue-500 via-cyan-500 to-teal-500"},{icon:e.jsx(s.Moon,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Dark Mode Support",description:"Automatic dark/light mode switching with smooth transitions and system preference detection.",iconBgClassName:"from-purple-500 via-violet-500 to-indigo-500"}],i=[{icon:e.jsx(s.Layout,{className:"w-5 h-5"}),title:"Default",description:"Standard theme with Clean, Admin, and Horizontal layouts.",color:"blue"},{icon:e.jsx(s.Monitor,{className:"w-5 h-5"}),title:"macOS (Sonoma)",description:"macOS-inspired dock layout with Sonoma visual style.",color:"purple"},{icon:e.jsx(s.Sparkles,{className:"w-5 h-5"}),title:"macOS Tahoe",description:"Latest macOS Tahoe style with Tahoe and Tahoe Dock layouts.",color:"teal"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Theme Architecture",description:"Built on Zustand, CSS custom properties, and Tailwind CSS v4 for a flexible, performant, and type-safe theming system.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Layers,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Core Technologies"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Three pillars that power the theming system"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:o.map(t=>e.jsx(a.FeatureCard,{layout:"horizontal",...t},t.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Theme Variants"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Three visual styles with their own layout constraints"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:i.map(t=>e.jsx(a.ColorCard,{icon:t.icon,title:t.title,description:t.description,color:t.color},t.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Layout Constraint Map"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each theme variant restricts which layouts are available"})]}),e.jsx(a.CodeBlock,{language:"typescript",code:`// THEME_STYLE_LAYOUTS mapping
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const o=[{icon:e.jsx(s.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Zustand State Management",description:"Centralized theme state with minimal boilerplate, localStorage persistence, and excellent TypeScript support.",iconBgClassName:"from-yellow-500 via-amber-500 to-orange-500"},{icon:e.jsx(s.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"CSS Custom Properties",description:"Dynamic brand colors using 12 CSS variables (6 light/dark pairs) for real-time theme updates without rebuilds.",iconBgClassName:"from-blue-500 via-cyan-500 to-teal-500"},{icon:e.jsx(s.Moon,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Dark Mode Support",description:"Automatic dark/light mode switching with smooth transitions and system preference detection.",iconBgClassName:"from-purple-500 via-violet-500 to-indigo-500"}],i=[{icon:e.jsx(s.Layout,{className:"w-5 h-5"}),title:"Default",description:"Standard theme with Clean, Admin, and Horizontal layouts.",color:"blue"},{icon:e.jsx(s.Monitor,{className:"w-5 h-5"}),title:"macOS (Sonoma)",description:"macOS-inspired dock layout with Sonoma visual style.",color:"purple"},{icon:e.jsx(s.Sparkles,{className:"w-5 h-5"}),title:"macOS Tahoe",description:"Latest macOS Tahoe style with Tahoe and Tahoe Dock layouts.",color:"teal"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Theme Architecture",description:"Built on Zustand, CSS custom properties, and Tailwind CSS v4 for a flexible, performant, and type-safe theming system.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Layers,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Core Technologies"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Three pillars that power the theming system"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:o.map(t=>e.jsx(a.FeatureCard,{layout:"horizontal",...t},t.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Theme Variants"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Three visual styles with their own layout constraints"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:i.map(t=>e.jsx(a.ColorCard,{icon:t.icon,title:t.title,description:t.description,color:t.color},t.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Layout Constraint Map"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each theme variant restricts which layouts are available"})]}),e.jsx(a.CodeBlock,{language:"typescript",code:`// THEME_STYLE_LAYOUTS mapping
 const THEME_STYLE_LAYOUTS: Record<THEME_VARIANT, ThemeStyleConfig> = {
   default: {
     validLayouts: [CLEAN, ADMIN, HORIZONTAL],
     defaultLayout: HORIZONTAL,
   },
   macos: {
-    validLayouts: [MACOS],
+    validLayouts: [MACOS, MACOS_CLEAN],
     defaultLayout: MACOS,
   },
   'macos-tahoe': {
-    validLayouts: [MACOS_TAHOE, MACOS_TAHOE_DOCK],
+    validLayouts: [MACOS_TAHOE, MACOS_TAHOE_DOCK, MACOS_TAHOE_CLEAN],
     defaultLayout: MACOS_TAHOE,
   },
 };
 
-// LAYOUT_OPTIONS enum (6 values)
+// LAYOUT_OPTIONS enum (8 values)
 enum LAYOUT_OPTIONS {
   CLEAN = 'clean',
   ADMIN = 'admin',
   HORIZONTAL = 'horizontal',
   MACOS = 'macos',
+  MACOS_CLEAN = 'macos-clean',
   MACOS_TAHOE = 'macos-tahoe',
   MACOS_TAHOE_DOCK = 'macos-tahoe-dock',
+  MACOS_TAHOE_CLEAN = 'macos-tahoe-clean',
 }`})]})]})};exports.default=r;

package/documentation/{ThemeArchitectureSection-CJLVZw1o.js → ThemeArchitectureSection-BOTLbXFq.js}

@@ -1,11 +1,11 @@
 import { jsxs as t, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { H as l, T as o, ax as c, aA as n, c as m } from "../index-lfg6LZ1p.js";
-import { Layers as d, Zap as h, Palette as p, Moon as u, Layout as g, Monitor as y, Sparkles as w } from "lucide-react";
+import { H as l, T as o, ax as c, aC as n, c as m } from "../index-19KsCnyX.js";
+import { Layers as d, Zap as h, Palette as p, Moon as u, Layout as g, Monitor as y, Sparkles as A } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
 const x = () => {
-  const i = [
+  const s = [
     {
       icon: /* @__PURE__ */ e(h, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
       title: "Zustand State Management",
@@ -24,7 +24,7 @@ const x = () => {
       description: "Automatic dark/light mode switching with smooth transitions and system preference detection.",
       iconBgClassName: "from-purple-500 via-violet-500 to-indigo-500"
     }
-  ], s = [
+  ], i = [
     {
       icon: /* @__PURE__ */ e(g, { className: "w-5 h-5" }),
       title: "Default",
@@ -38,7 +38,7 @@ const x = () => {
       color: "purple"
     },
     {
-      icon: /* @__PURE__ */ e(w, { className: "w-5 h-5" }),
+      icon: /* @__PURE__ */ e(A, { className: "w-5 h-5" }),
       title: "macOS Tahoe",
       description: "Latest macOS Tahoe style with Tahoe and Tahoe Dock layouts.",
       color: "teal"
@@ -65,7 +65,7 @@ const x = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6", children: i.map((a) => /* @__PURE__ */ e(c, { layout: "horizontal", ...a }, a.title)) })
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6", children: s.map((a) => /* @__PURE__ */ e(c, { layout: "horizontal", ...a }, a.title)) })
     ] }),
     /* @__PURE__ */ t("section", { className: "space-y-8", children: [
       /* @__PURE__ */ t("div", { className: "text-center", children: [
@@ -79,7 +79,7 @@ const x = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6", children: s.map((a) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6", children: i.map((a) => /* @__PURE__ */ e(
         n,
         {
           icon: a.icon,
@@ -113,23 +113,25 @@ const THEME_STYLE_LAYOUTS: Record<THEME_VARIANT, ThemeStyleConfig> = {
     defaultLayout: HORIZONTAL,
   },
   macos: {
-    validLayouts: [MACOS],
+    validLayouts: [MACOS, MACOS_CLEAN],
     defaultLayout: MACOS,
   },
   'macos-tahoe': {
-    validLayouts: [MACOS_TAHOE, MACOS_TAHOE_DOCK],
+    validLayouts: [MACOS_TAHOE, MACOS_TAHOE_DOCK, MACOS_TAHOE_CLEAN],
     defaultLayout: MACOS_TAHOE,
   },
 };
 
-// LAYOUT_OPTIONS enum (6 values)
+// LAYOUT_OPTIONS enum (8 values)
 enum LAYOUT_OPTIONS {
   CLEAN = 'clean',
   ADMIN = 'admin',
   HORIZONTAL = 'horizontal',
   MACOS = 'macos',
+  MACOS_CLEAN = 'macos-clean',
   MACOS_TAHOE = 'macos-tahoe',
   MACOS_TAHOE_DOCK = 'macos-tahoe-dock',
+  MACOS_TAHOE_CLEAN = 'macos-tahoe-clean',
 }`
         }
       )

package/documentation/{ThemeConfigurationSection-66D5XJGb.js → ThemeConfigurationSection-CGRi9uGX.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const o=[{label:"Mode",value:"'light' | 'dark'"},{label:"Theme Style",value:"'default' | 'macos' | 'macos-tahoe'"},{label:"Direction",value:"'ltr' | 'rtl'"},{label:"Layout",value:"6 options (constrained by theme style)"},{label:"Primary Color",value:"34+ predefined presets"},{label:"Dark Primary Color",value:"34+ predefined presets"},{label:"Secondary Color",value:"34+ predefined presets"},{label:"Dark Secondary Color",value:"34+ predefined presets"},{label:"Accent Color",value:"34+ predefined presets"},{label:"Dark Accent Color",value:"34+ predefined presets"},{label:"Muted Color",value:"34+ predefined presets"},{label:"Dark Muted Color",value:"34+ predefined presets"},{label:"Dark Background",value:"Theme base colors"},{label:"Light Background",value:"Theme base colors"},{label:"Light Dark",value:"Theme base colors"},{label:"Dark Light Dark",value:"Theme base colors"},{label:"Language",value:"'en' | 'es' | 'fr'"}],s=[{name:"DEFAULT_PRIMARY",color:"#0052ff"},{name:"DEFAULT_DARK_PRIMARY",color:"#578bfa"},{name:"DEFAULT_SECONDARY",color:"#f3f4f6"},{name:"DEFAULT_DARK_SECONDARY",color:"#172131"},{name:"DEFAULT_ACCENT",color:"#f7d21a"},{name:"DEFAULT_DARK_ACCENT",color:"#936000"},{name:"DEFAULT_MUTED",color:"#4a5565"},{name:"DEFAULT_DARK_MUTED",color:"#828a99"},{name:"DEFAULT_LIGHT_BG",color:"#ffffff"},{name:"DEFAULT_DARK_BG",color:"#030712"},{name:"DEFAULT_LIGHT_DARK",color:"#f9fafb"},{name:"DEFAULT_DARK_LIGHT_DARK",color:"#0a101d"},{name:"BLUE",color:"#105eff"},{name:"DARK_BLUE",color:"#2162ee"},{name:"GREEN",color:"#129961"},{name:"DARK_GREEN",color:"#159962"},{name:"ORANGE",color:"#e1591b"},{name:"DARK_ORANGE",color:"#e66020"},{name:"GRAY",color:"#6a7282"},{name:"DARK_GRAY",color:"#6a7282"},{name:"INDIGO",color:"#596ff2"},{name:"DARK_INDIGO",color:"#5c71ee"},{name:"PINK",color:"#cb51bb"},{name:"DARK_PINK",color:"#d058c1"},{name:"PURPLE",color:"#9d6bf2"},{name:"DARK_PURPLE",color:"#bc7bfb"},{name:"RED",color:"#e13947"},{name:"DARK_RED",color:"#e6404e"},{name:"TEAL",color:"#0093cb"},{name:"DARK_TEAL",color:"#0095cd"},{name:"YELLOW",color:"#cf9700"},{name:"DARK_YELLOW",color:"#c79e00"},{name:"CHARTREUSE",color:"#56b340"},{name:"DARK_CHARTREUSE",color:"#7bc869"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Theme Configuration",description:"All available configuration options and the 34 color presets that power the theming system.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-500 via-teal-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Settings,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Available Options"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"All configurable properties managed by the theme store"})]}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Configuration Options",children:e.jsx("div",{className:"space-y-3",children:o.map((r,l)=>e.jsxs("div",{className:"flex justify-between items-center py-2 px-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"font-medium text-sm",children:r.label}),e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:r.value})]},l))})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Color Presets"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"34 predefined colors (12 default + 22 spectrum)"})]}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Preset Palette",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3",children:s.map((r,l)=>e.jsxs("div",{className:"flex items-center gap-2 p-2 bg-gray-200 dark:bg-gray-800 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",children:[e.jsx("div",{className:"w-4 h-4 rounded-full border border-gray-300 dark:border-gray-600 shadow-sm",style:{backgroundColor:r.color}}),e.jsx("span",{className:"text-xs font-medium truncate",children:r.name})]},l))}),e.jsx(a.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-400 mt-2",children:"Spectrum colors use the -50 value from Tucu UI Design Tokens. Default colors use semantic mappings (e.g., blue-60 for primary)."})]})})})]})]})};exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const o=[{label:"Mode",value:"'light' | 'dark'"},{label:"Theme Style",value:"'default' | 'macos' | 'macos-tahoe'"},{label:"Direction",value:"'ltr' | 'rtl'"},{label:"Layout",value:"6 options (constrained by theme style)"},{label:"Primary Color",value:"34+ predefined presets"},{label:"Dark Primary Color",value:"34+ predefined presets"},{label:"Secondary Color",value:"34+ predefined presets"},{label:"Dark Secondary Color",value:"34+ predefined presets"},{label:"Accent Color",value:"34+ predefined presets"},{label:"Dark Accent Color",value:"34+ predefined presets"},{label:"Muted Color",value:"34+ predefined presets"},{label:"Dark Muted Color",value:"34+ predefined presets"},{label:"Dark Background",value:"Theme base colors"},{label:"Light Background",value:"Theme base colors"},{label:"Light Dark",value:"Theme base colors"},{label:"Dark Light Dark",value:"Theme base colors"},{label:"Language",value:"'en' | 'es' | 'fr'"}],s=[{name:"DEFAULT_PRIMARY",color:"#0052ff"},{name:"DEFAULT_DARK_PRIMARY",color:"#578bfa"},{name:"DEFAULT_SECONDARY",color:"#f3f4f6"},{name:"DEFAULT_DARK_SECONDARY",color:"#172131"},{name:"DEFAULT_ACCENT",color:"#f7d21a"},{name:"DEFAULT_DARK_ACCENT",color:"#936000"},{name:"DEFAULT_MUTED",color:"#4a5565"},{name:"DEFAULT_DARK_MUTED",color:"#828a99"},{name:"DEFAULT_LIGHT_BG",color:"#ffffff"},{name:"DEFAULT_DARK_BG",color:"#030712"},{name:"DEFAULT_LIGHT_DARK",color:"#f9fafb"},{name:"DEFAULT_DARK_LIGHT_DARK",color:"#0a101d"},{name:"BLUE",color:"#105eff"},{name:"DARK_BLUE",color:"#2162ee"},{name:"GREEN",color:"#129961"},{name:"DARK_GREEN",color:"#159962"},{name:"ORANGE",color:"#e1591b"},{name:"DARK_ORANGE",color:"#e66020"},{name:"GRAY",color:"#6a7282"},{name:"DARK_GRAY",color:"#6a7282"},{name:"INDIGO",color:"#596ff2"},{name:"DARK_INDIGO",color:"#5c71ee"},{name:"PINK",color:"#cb51bb"},{name:"DARK_PINK",color:"#d058c1"},{name:"PURPLE",color:"#9d6bf2"},{name:"DARK_PURPLE",color:"#bc7bfb"},{name:"RED",color:"#e13947"},{name:"DARK_RED",color:"#e6404e"},{name:"TEAL",color:"#0093cb"},{name:"DARK_TEAL",color:"#0095cd"},{name:"YELLOW",color:"#cf9700"},{name:"DARK_YELLOW",color:"#c79e00"},{name:"CHARTREUSE",color:"#56b340"},{name:"DARK_CHARTREUSE",color:"#7bc869"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Theme Configuration",description:"All available configuration options and the 34 color presets that power the theming system.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-500 via-teal-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Settings,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Available Options"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"All configurable properties managed by the theme store"})]}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Configuration Options",children:e.jsx("div",{className:"space-y-3",children:o.map((r,l)=>e.jsxs("div",{className:"flex justify-between items-center py-2 px-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"font-medium text-sm",children:r.label}),e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:r.value})]},l))})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Color Presets"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"34 predefined colors (12 default + 22 spectrum)"})]}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Preset Palette",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3",children:s.map((r,l)=>e.jsxs("div",{className:"flex items-center gap-2 p-2 bg-gray-200 dark:bg-gray-800 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",children:[e.jsx("div",{className:"w-4 h-4 rounded-full border border-border shadow-sm",style:{backgroundColor:r.color}}),e.jsx("span",{className:"text-xs font-medium truncate",children:r.name})]},l))}),e.jsx(a.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-400 mt-2",children:"Spectrum colors use the -50 value from Tucu UI Design Tokens. Default colors use semantic mappings (e.g., blue-60 for primary)."})]})})})]})]})};exports.default=c;

package/documentation/{ThemeConfigurationSection-DKcO1n8f.js → ThemeConfigurationSection-sgJA0wX0.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { H as d, T as l, C as t, a as c } from "../index-lfg6LZ1p.js";
+import { H as d, T as l, C as t, a as c } from "../index-19KsCnyX.js";
 import { Settings as i } from "lucide-react";
 import "react-router-dom";
 import "react";
@@ -113,7 +113,7 @@ const A = () => {
               /* @__PURE__ */ e(
                 "div",
                 {
-                  className: "w-4 h-4 rounded-full border border-gray-300 dark:border-gray-600 shadow-sm",
+                  className: "w-4 h-4 rounded-full border border-border shadow-sm",
                   style: { backgroundColor: r.color }
                 }
               ),

package/documentation/ThemeHooksSection-BU9VAEIQ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DMs_SmPq.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const a=[{icon:e.jsx(s.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"useTheme",description:"Main hook — all state, setters, and actions. Zustand-based with localStorage persistence.",iconBgClassName:"from-yellow-500 via-amber-500 to-orange-500"},{icon:e.jsx(s.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"useThemeColor",description:"Injects 24 CSS variables (12 light/dark pairs) into document root for real-time theming.",iconBgClassName:"from-blue-500 via-cyan-500 to-teal-500"},{icon:e.jsx(s.Globe,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"useDirection",description:"Sets document.documentElement.dir for RTL/LTR layout support.",iconBgClassName:"from-purple-500 via-violet-500 to-indigo-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Theme Hooks",description:"Powerful hooks for accessing, modifying, and reacting to theme state throughout your application.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-yellow-500 via-amber-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Anchor,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"Available Hooks"}),e.jsx(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Three hooks that power the theming system"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:a.map(t=>e.jsx(r.FeatureCard,{layout:"horizontal",...t},t.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"useTheme Hook API"}),e.jsx(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Complete state, setters, and actions reference"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"State Properties",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:["Accessed via"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"useTheme()"})," ","— persisted to localStorage automatically."]}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"mode, layout, direction, logo, lang"}),e.jsx("li",{children:"colorScheme (theme variant: default | macos | macos-tahoe)"}),e.jsx("li",{children:"primaryPreset, darkPrimaryPreset"}),e.jsx("li",{children:"secondaryPreset, darkSecondaryPreset"}),e.jsx("li",{children:"accentPreset, darkAccentPreset"}),e.jsx("li",{children:"mutedPreset, darkMutedPreset"}),e.jsx("li",{children:"darkBgPreset, lightBgPreset"}),e.jsx("li",{children:"lightDarkPreset, darkLightDarkPreset"}),e.jsx("li",{children:"successPreset, darkSuccessPreset"}),e.jsx("li",{children:"warningPreset, darkWarningPreset"}),e.jsx("li",{children:"errorPreset, darkErrorPreset"}),e.jsx("li",{children:"infoPreset, darkInfoPreset"}),e.jsx("li",{children:"fgPreset, darkFgPreset"}),e.jsx("li",{children:"borderPreset, darkBorderPreset"}),e.jsx("li",{children:"backgroundVariant"}),e.jsx("li",{children:"isSettingsOpen, showSettings"})]})]})})}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Setters",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:"Each setter updates the store and persists to localStorage."}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"setMode, setLayout, setDirection"}),e.jsx("li",{children:"setPrimaryPreset, setDarkPrimaryPreset"}),e.jsx("li",{children:"setSecondaryPreset, setDarkSecondaryPreset"}),e.jsx("li",{children:"setAccentPreset, setDarkAccentPreset"}),e.jsx("li",{children:"setMutedPreset, setDarkMutedPreset"}),e.jsx("li",{children:"setDarkBgPreset, setLightBgPreset"}),e.jsx("li",{children:"setLightDarkPreset, setDarkLightDarkPreset"}),e.jsx("li",{children:"setSuccessPreset, setDarkSuccessPreset"}),e.jsx("li",{children:"setWarningPreset, setDarkWarningPreset"}),e.jsx("li",{children:"setErrorPreset, setDarkErrorPreset"}),e.jsx("li",{children:"setInfoPreset, setDarkInfoPreset"}),e.jsx("li",{children:"setFgPreset, setDarkFgPreset"}),e.jsx("li",{children:"setBorderPreset, setDarkBorderPreset"}),e.jsx("li",{children:"setBackgroundVariant"}),e.jsx("li",{children:"setLogo, setLang, setIsSettingsOpen, setShowSettings"})]})]})})}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Actions",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:"Compound actions that apply multiple state changes at once."}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"restoreDefaultColors — resets all color presets to defaults"}),e.jsx("li",{children:"applyMacOSTheme — sets layout to MACOS + Sonoma style"}),e.jsx("li",{children:"applyMacOSTahoeTheme — sets layout to MACOS_TAHOE + Tahoe style"}),e.jsx("li",{children:"applyThemeStyle(style: THEME_VARIANT) — generic applicator for any variant"})]})]})})}),e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"useThemeColor Variables",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:["24 CSS variables injected into"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"document.documentElement"}),":"]}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"--color-semantic-bg-primary / dark variant"}),e.jsx("li",{children:"--color-semantic-bg-secondary / dark variant"}),e.jsx("li",{children:"--color-semantic-accent-bold-yellow / dark variant"}),e.jsx("li",{children:"--color-semantic-fg-muted / dark variant"}),e.jsx("li",{children:"--color-semantic-bg / dark variant"}),e.jsx("li",{children:"--color-semantic-bg-secondary-wash / dark variant"}),e.jsx("li",{children:"--color-semantic-bg-positive / dark variant (success)"}),e.jsx("li",{children:"--color-semantic-bg-warning / dark variant (warning)"}),e.jsx("li",{children:"--color-semantic-bg-negative / dark variant (error)"}),e.jsx("li",{children:"--color-semantic-bg-info / dark variant (info)"}),e.jsx("li",{children:"--color-semantic-fg / dark variant (text foreground)"}),e.jsx("li",{children:"--color-semantic-line-primary-subtle / dark variant (border)"})]})]})})})]})]})]})};exports.default=i;