@e-burgos/tucu-ui 2.0.10 → 2.0.11

package/documentation/{RadarChartSection-Ddb_fGPc.js → RadarChartSection-Bkg1mcQW.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{subject:"Performance",teamA:85,teamB:70,teamC:60},{subject:"Reliability",teamA:90,teamB:80,teamC:75},{subject:"Scalability",teamA:70,teamB:85,teamC:90},{subject:"Security",teamA:95,teamB:75,teamC:80},{subject:"Usability",teamA:80,teamB:90,teamC:70},{subject:"Efficiency",teamA:75,teamB:65,teamC:85}],r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-base md:text-base font-semibold",children:"RadarChart"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Radar chart component for comparing multiple variables across categories, ideal for skill assessments and performance comparisons."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Radar Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Multiple Series Comparison",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"},{dataKey:"teamC",name:"Team C"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Higher Fill Opacity",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"}],fillOpacity:.6,height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { RadarChart } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{subject:"Performance",teamA:85,teamB:70,teamC:60},{subject:"Reliability",teamA:90,teamB:80,teamC:75},{subject:"Scalability",teamA:70,teamB:85,teamC:90},{subject:"Security",teamA:95,teamB:75,teamC:80},{subject:"Usability",teamA:80,teamB:90,teamC:70},{subject:"Efficiency",teamA:75,teamB:65,teamC:85}],r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-base md:text-base font-semibold",children:"RadarChart"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Radar chart component for comparing multiple variables across categories, ideal for skill assessments and performance comparisons."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Radar Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Multiple Series Comparison",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"},{dataKey:"teamC",name:"Team C"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Higher Fill Opacity",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"}],fillOpacity:.6,height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { RadarChart } from '@e-burgos/tucu-ui';
 
 const data = [
   { subject: 'Performance', teamA: 85, teamB: 70 },

package/documentation/{RadarChartSection-CUbzsVhA.js → RadarChartSection-CaAgWjU1.js}

@@ -1,5 +1,5 @@
 import { jsxs as i, Fragment as c, jsx as a } from "react/jsx-runtime";
-import { T as r, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-19KsCnyX.js";
+import { T as r, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-4GONhZIF.js";
 import "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{RadioGroupSection-5l0IDcfd.js → RadioGroupSection-Db4dih50.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as g, jsx as l } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { H as v, C as e, a as t, T as i, t as o, P as N, A as f, c as G } from "../index-19KsCnyX.js";
+import { H as v, C as e, a as t, T as i, t as o, P as N, A as f, c as G } from "../index-4GONhZIF.js";
 import { CircleDot as w } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{RadioGroupSection-CZQzvhOR.js → RadioGroupSection-Dr20Esct.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-DMs_SmPq.js"),u=require("lucide-react");require("react-router-dom");require("react-dom");const m=()=>{const[s,n]=i.useState(""),[t,d]=i.useState("starter"),p=[{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"},{label:"Extra Large",size:"xl"}],r=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}];return a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"RadioGroup",description:"A group of radio buttons for selecting one option from multiple choices.",icon:a.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-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-indigo-500/50",children:a.jsx(u.CircleDot,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic RadioGroup"}),a.jsx(e.RadioGroup,{label:"Gender",options:r,value:s,onChange:l=>n(l)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),a.jsx(e.RadioGroup,{label:"Size",helperText:"Select your preferred size",options:[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),a.jsx(e.RadioGroup,{label:"Priority",error:"Please select a priority",options:[{value:"low",label:"Low"},{value:"high",label:"High"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.RadioGroup,{label:"Status",disabled:!0,options:[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Horizontal Layout"}),a.jsx(e.RadioGroup,{label:"Direction",direction:"horizontal",options:[{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.RadioGroup,{label:"Ghost Variant",variant:"ghost",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.RadioGroup,{label:"Solid Variant",variant:"solid",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.RadioGroup,{label:"Transparent Variant",variant:"transparent",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:p.map(({label:l,color:o})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.RadioGroup,{label:`${l} Group`,color:o,options:r})]},o))})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4",children:c.map(({label:l,size:o})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.RadioGroup,{label:`${l} Group`,size:o,options:r})]},o))})})})}),a.jsx(e.PropPlayground,{componentName:"RadioGroup",defaultValues:{label:"Preview RadioGroup",variant:"ghost",color:"primary",size:"md",labelPlacement:"end",disabled:!1,helperText:"",error:"",direction:"vertical",gap:"md"},includeProps:["label","variant","color","size","labelPlacement","disabled","helperText","error","direction","gap"],excludeProps:["options","value","defaultValue","children","onChange"],children:l=>a.jsx("div",{className:"w-full max-w-lg",children:a.jsx(e.RadioGroup,{...l,options:[{value:"starter",label:"Starter"},{value:"growth",label:"Growth"},{value:"scale",label:"Scale"}],value:t,onChange:o=>d(String(o))})})}),a.jsx(e.AutoPropsTable,{componentName:"RadioGroup"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"typescript",code:`import { RadioGroup } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-C0NugKZs.js"),u=require("lucide-react");require("react-router-dom");require("react-dom");const m=()=>{const[s,n]=i.useState(""),[t,d]=i.useState("starter"),p=[{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"},{label:"Extra Large",size:"xl"}],r=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}];return a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"RadioGroup",description:"A group of radio buttons for selecting one option from multiple choices.",icon:a.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-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-indigo-500/50",children:a.jsx(u.CircleDot,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic RadioGroup"}),a.jsx(e.RadioGroup,{label:"Gender",options:r,value:s,onChange:l=>n(l)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),a.jsx(e.RadioGroup,{label:"Size",helperText:"Select your preferred size",options:[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),a.jsx(e.RadioGroup,{label:"Priority",error:"Please select a priority",options:[{value:"low",label:"Low"},{value:"high",label:"High"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.RadioGroup,{label:"Status",disabled:!0,options:[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Horizontal Layout"}),a.jsx(e.RadioGroup,{label:"Direction",direction:"horizontal",options:[{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.RadioGroup,{label:"Ghost Variant",variant:"ghost",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.RadioGroup,{label:"Solid Variant",variant:"solid",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.RadioGroup,{label:"Transparent Variant",variant:"transparent",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:p.map(({label:l,color:o})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.RadioGroup,{label:`${l} Group`,color:o,options:r})]},o))})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4",children:c.map(({label:l,size:o})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.RadioGroup,{label:`${l} Group`,size:o,options:r})]},o))})})})}),a.jsx(e.PropPlayground,{componentName:"RadioGroup",defaultValues:{label:"Preview RadioGroup",variant:"ghost",color:"primary",size:"md",labelPlacement:"end",disabled:!1,helperText:"",error:"",direction:"vertical",gap:"md"},includeProps:["label","variant","color","size","labelPlacement","disabled","helperText","error","direction","gap"],excludeProps:["options","value","defaultValue","children","onChange"],children:l=>a.jsx("div",{className:"w-full max-w-lg",children:a.jsx(e.RadioGroup,{...l,options:[{value:"starter",label:"Starter"},{value:"growth",label:"Growth"},{value:"scale",label:"Scale"}],value:t,onChange:o=>d(String(o))})})}),a.jsx(e.AutoPropsTable,{componentName:"RadioGroup"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"typescript",code:`import { RadioGroup } from '@e-burgos/tucu-ui';
 
 const options = [
   { value: 'male', label: 'Male' },

package/documentation/{RadioSection-D-KPVIm_.js → RadioSection-BewKd6Cu.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as p, jsx as a } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { H as v, C as l, a as d, T as o, s as r, P as N, A as f, c as R } from "../index-19KsCnyX.js";
+import { H as v, C as l, a as d, T as o, s as r, P as N, A as f, c as R } from "../index-4GONhZIF.js";
 import { Circle as w } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{RadioSection-D6bi4kIt.js → RadioSection-CTdsPiv3.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("../index-DMs_SmPq.js"),h=require("lucide-react");require("react-router-dom");require("react-dom");const g=()=>{const[r,i]=t.useState(""),[d,n]=t.useState("a"),c=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],m=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"},{label:"Extra Large",size:"xl"}];return a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"Radio",description:"A single radio button component for binary choices.",icon:a.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-500 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:a.jsx(h.Circle,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Radio"}),a.jsx(e.Radio,{label:"Option 1",value:"option1",checked:r==="option1",onChange:l=>i(l.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.Radio,{label:"Disabled option",value:"disabled",disabled:!0})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.Radio,{label:"Ghost Variant",value:"ghost",variant:"ghost",checked:r==="ghost",onChange:l=>i(l.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.Radio,{label:"Solid Variant",value:"solid",variant:"solid",checked:r==="solid",onChange:l=>i(l.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.Radio,{label:"Transparent Variant",value:"transparent",variant:"transparent",checked:r==="transparent",onChange:l=>i(l.target.value)})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:c.map(({label:l,color:s})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.Radio,{label:`${l} Radio`,value:s,color:s})]},s))})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4",children:m.map(({label:l,size:s})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.Radio,{label:`${l} Radio`,value:s,size:s})]},s))})})})}),a.jsx(e.PropPlayground,{componentName:"Radio",defaultValues:{label:"Preview Radio",variant:"ghost",color:"primary",size:"md",disabled:!1,labelPlacement:"end"},includeProps:["label","variant","color","size","disabled","labelPlacement"],excludeProps:["checked","onChange","value"],children:l=>{const s=typeof l.label=="string"&&l.label.length>0?l.label:"Preview Radio";return a.jsxs("div",{className:"space-y-3",children:[a.jsx(e.Radio,{...l,label:`${s} A`,value:"a",checked:d==="a",onChange:o=>n(o.target.value)}),a.jsx(e.Radio,{...l,label:`${s} B`,value:"b",checked:d==="b",onChange:o=>n(o.target.value)})]})}}),a.jsx(e.AutoPropsTable,{componentName:"Radio"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { Radio } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("../index-C0NugKZs.js"),h=require("lucide-react");require("react-router-dom");require("react-dom");const g=()=>{const[r,i]=t.useState(""),[d,n]=t.useState("a"),c=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],m=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"},{label:"Extra Large",size:"xl"}];return a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"Radio",description:"A single radio button component for binary choices.",icon:a.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-500 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:a.jsx(h.Circle,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Radio"}),a.jsx(e.Radio,{label:"Option 1",value:"option1",checked:r==="option1",onChange:l=>i(l.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.Radio,{label:"Disabled option",value:"disabled",disabled:!0})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.Radio,{label:"Ghost Variant",value:"ghost",variant:"ghost",checked:r==="ghost",onChange:l=>i(l.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.Radio,{label:"Solid Variant",value:"solid",variant:"solid",checked:r==="solid",onChange:l=>i(l.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.Radio,{label:"Transparent Variant",value:"transparent",variant:"transparent",checked:r==="transparent",onChange:l=>i(l.target.value)})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:c.map(({label:l,color:s})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.Radio,{label:`${l} Radio`,value:s,color:s})]},s))})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4",children:m.map(({label:l,size:s})=>a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:l}),a.jsx(e.Radio,{label:`${l} Radio`,value:s,size:s})]},s))})})})}),a.jsx(e.PropPlayground,{componentName:"Radio",defaultValues:{label:"Preview Radio",variant:"ghost",color:"primary",size:"md",disabled:!1,labelPlacement:"end"},includeProps:["label","variant","color","size","disabled","labelPlacement"],excludeProps:["checked","onChange","value"],children:l=>{const s=typeof l.label=="string"&&l.label.length>0?l.label:"Preview Radio";return a.jsxs("div",{className:"space-y-3",children:[a.jsx(e.Radio,{...l,label:`${s} A`,value:"a",checked:d==="a",onChange:o=>n(o.target.value)}),a.jsx(e.Radio,{...l,label:`${s} B`,value:"b",checked:d==="b",onChange:o=>n(o.target.value)})]})}}),a.jsx(e.AutoPropsTable,{componentName:"Radio"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { Radio } from '@e-burgos/tucu-ui';
 
 <Radio
   label="Option 1"

package/documentation/{RevealContentSection-DZhCRfDI.js → RevealContentSection-BEtqdh2z.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { H as h, C as n, a as o, T as t, au as l, P as d, A as c, c as p } from "../index-19KsCnyX.js";
+import { H as h, C as n, a as o, T as t, au as l, P as d, A as c, c as p } from "../index-4GONhZIF.js";
 import { Eye as m } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{RevealContentSection-xWU5mwxK.js → RevealContentSection-BI7veCWN.js}

@@ -1,4 +1,4 @@
-"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 a=e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",children:"This is a long piece of content that will be collapsed by default."}),e.jsx(t.Typography,{tag:"p",children:'When the content exceeds the default height, a "Show More" button will appear.'}),e.jsx(t.Typography,{tag:"p",children:"Clicking the button will expand the content to show everything."}),e.jsx(t.Typography,{tag:"p",children:'You can then click "Show Less" to collapse it back to the default height.'}),e.jsx(t.Typography,{tag:"p",children:"This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view."})]});return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"RevealContent",description:'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.',icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-sky-500 to-blue-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Eye,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 100px"}),e.jsx(t.RevealContent,{defaultHeight:100,children:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 150px"}),e.jsx(t.RevealContent,{defaultHeight:150,children:a})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"RevealContent",defaultValues:{defaultHeight:100},excludeProps:[],children:n=>e.jsx(t.RevealContent,{...n,children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the first paragraph of content that is initially visible."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This second paragraph may be hidden depending on the defaultHeight value."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This third paragraph is likely hidden and revealed when expanded."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"And here is even more content to demonstrate the reveal functionality."})]})})}),e.jsx(t.AutoPropsTable,{componentName:"RevealContent"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { RevealContent, Typography } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-C0NugKZs.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",children:"This is a long piece of content that will be collapsed by default."}),e.jsx(t.Typography,{tag:"p",children:'When the content exceeds the default height, a "Show More" button will appear.'}),e.jsx(t.Typography,{tag:"p",children:"Clicking the button will expand the content to show everything."}),e.jsx(t.Typography,{tag:"p",children:'You can then click "Show Less" to collapse it back to the default height.'}),e.jsx(t.Typography,{tag:"p",children:"This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view."})]});return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"RevealContent",description:'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.',icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-sky-500 to-blue-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Eye,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 100px"}),e.jsx(t.RevealContent,{defaultHeight:100,children:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 150px"}),e.jsx(t.RevealContent,{defaultHeight:150,children:a})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"RevealContent",defaultValues:{defaultHeight:100},excludeProps:[],children:n=>e.jsx(t.RevealContent,{...n,children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the first paragraph of content that is initially visible."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This second paragraph may be hidden depending on the defaultHeight value."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This third paragraph is likely hidden and revealed when expanded."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"And here is even more content to demonstrate the reveal functionality."})]})})}),e.jsx(t.AutoPropsTable,{componentName:"RevealContent"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { RevealContent, Typography } from '@e-burgos/tucu-ui';
 
 // Basic usage
 <RevealContent defaultHeight={100}>

package/documentation/{RouteConfigurationSection-CGohU3dz.js → RouteConfigurationSection-BwWi-YdG.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { H as s, T as n, C as o, a, c as i } from "../index-19KsCnyX.js";
+import { H as s, T as n, C as o, a, c as i } from "../index-4GONhZIF.js";
 import { Settings as c } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{RouteConfigurationSection-BNlfPveX.js → RouteConfigurationSection-Dn51fITk.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Route Configuration",description:"Define routes using the StandaloneAppRoutesMenuItem interface. Each menu item automatically becomes a navigable route with sidebar entry.",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(n.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(t.Typography,{tag:"h2",className:"mb-2",children:"StandaloneAppRoutesMenuItem Interface"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Type-safe route definition extending IMenuItem"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-C0NugKZs.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Route Configuration",description:"Define routes using the StandaloneAppRoutesMenuItem interface. Each menu item automatically becomes a navigable route with sidebar entry.",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(n.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(t.Typography,{tag:"h2",className:"mb-2",children:"StandaloneAppRoutesMenuItem Interface"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Type-safe route definition extending IMenuItem"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
   component: React.JSX.Element;    // The component to render
   isPublic?: boolean;              // If true, accessible without authentication
   enableNestedRoutes?: boolean;    // Adds /* to path for nested routing

package/documentation/{ScrollToTopSection-CE_chqn5.js → ScrollToTopSection-El0Oj80E.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"ScrollToTop",description:`A utility component that displays a floating button to scroll back to
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"ScrollToTop",description:`A utility component that displays a floating button to scroll back to
           the top of the page. It automatically scrolls to top when the route
           changes and shows a button when the user scrolls down.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-blue-500 to-sky-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.ArrowUp,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Default Usage"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Add this component to your router or app component. By default, it displays a button in the bottom-right corner (24px from edges) that appears when you scroll down more than 400px."}),e.jsx(o.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"The button automatically scrolls to the top when clicked and also scrolls to top whenever the route changes."}),e.jsx("div",{className:"bg-gray-100 dark:bg-gray-800 p-4 rounded-lg",children:e.jsx(o.Typography,{tag:"p",className:"text-sm",children:"Scroll down on this page to see the button appear in the bottom-right corner."})})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Position"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"You can customize the button position using the position props."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-left:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-right:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} right={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-left:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-right:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} right={20} />"})]})]})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Size and Threshold"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Control when the button appears and its size."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Small button:"})," ",e.jsx("code",{children:'<ScrollToTop size="small" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Large button:"})," ",e.jsx("code",{children:'<ScrollToTop size="large" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Show after 200px:"})," ",e.jsx("code",{children:"<ScrollToTop showAfter={200} />"})]})]})]})]})})})}),e.jsx(o.PropPlayground,{componentName:"ScrollToTop",defaultValues:{size:"large",showAfter:400,bottom:"45%",right:50,behavior:"smooth"},excludeProps:["scrollContainer"],children:s=>e.jsx(o.ScrollToTop,{...s})}),e.jsx(o.AutoPropsTable,{componentName:"ScrollToTop"}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(o.CodeBlock,{language:"tsx",code:`import { ScrollToTop } from '@e-burgos/tucu-ui';
 import { BrowserRouter } from 'react-router-dom';

package/documentation/{ScrollToTopSection-DTIMzJcL.js → ScrollToTopSection-IiOq9uyv.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as s, jsx as o } from "react/jsx-runtime";
-import { H as c, C as l, a as r, T as e, P as i, av as n, A as d, c as h } from "../index-19KsCnyX.js";
+import { H as c, C as l, a as r, T as e, P as i, av as n, A as d, c as h } from "../index-4GONhZIF.js";
 import { ArrowUp as m } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ScrollbarSection-UGhiUlT9.js → ScrollbarSection--Mi5OoqC.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as l, Fragment as d } from "react/jsx-runtime";
-import { T as a, H as n, C as r, a as t, Z as c, P as m, A as h, c as p } from "../index-19KsCnyX.js";
+import { T as a, H as n, C as r, a as t, Z as c, P as m, A as h, c as p } from "../index-4GONhZIF.js";
 import { ScrollText as b } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{ScrollbarSection-BtFed7RJ.js → ScrollbarSection-D2xX8I_t.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DMs_SmPq.js"),c=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const l=Array.from({length:20},(a,s)=>e.jsx("div",{className:"p-4 border-b",children:e.jsxs(r.Typography,{tag:"p",children:["Content item ",s+1]})},s));return e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Scrollbar",description:`A customizable scrollbar component with auto-hide functionality and
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-C0NugKZs.js"),c=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const l=Array.from({length:20},(a,s)=>e.jsx("div",{className:"p-4 border-b",children:e.jsxs(r.Typography,{tag:"p",children:["Content item ",s+1]})},s));return e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Scrollbar",description:`A customizable scrollbar component with auto-hide functionality and
           custom styling options.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-teal-600 to-emerald-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(c.ScrollText,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic 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(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Vertical Scrollbar"}),e.jsx(r.Scrollbar,{className:"h-48",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Auto Hide on Leave"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"leave",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Never Hide"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"never",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Custom Styled"}),e.jsx(r.Scrollbar,{className:"h-48",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"8px"}},children:e.jsx("div",{children:l.slice(0,10)})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Scrollbar",defaultValues:{autoHide:"scroll",direction:"vertical"},excludeProps:["scrollbarStyle","style"],children:a=>e.jsx(r.Scrollbar,{...a,style:{height:200},children:e.jsxs("div",{style:{height:600,padding:16},children:[e.jsx("p",{children:"Scroll down to see more content..."}),e.jsx("p",{style:{marginTop:200},children:"Middle content"}),e.jsx("p",{style:{marginTop:200},children:"End of content"})]})})}),e.jsx(r.AutoPropsTable,{componentName:"Scrollbar"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { Scrollbar } from '@e-burgos/tucu-ui';
 
 // Basic usage

package/documentation/{SelectSection-B_s_pRsx.js → SelectSection-CDKlo64x.js}

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as S, jsx as e } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { H as N, C as a, a as n, T as s, S as o, P as f, A as w, c as y } from "../index-19KsCnyX.js";
+import { H as N, C as a, a as n, T as s, S as o, P as f, A as w, c as y } from "../index-4GONhZIF.js";
 import { ChevronDown as C, Globe as i, Star as x, Zap as P, Shield as O } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{SelectSection-DQZ8bxsN.js → SelectSection-DZbzNNto.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../index-DMs_SmPq.js"),r=require("lucide-react");require("react-router-dom");require("react-dom");const u=()=>{const[n,c]=t.useState(void 0),l=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"},{name:"Perú",value:"pe"},{name:"Uruguay",value:"uy"},{name:"Venezuela",value:"ve"}],i=[{name:"Free",value:"free",description:"Basic features, 1 user",icon:e.jsx(r.Star,{className:"h-4 w-4 text-gray-400"})},{name:"Pro",value:"pro",description:"Advanced features, 5 users",icon:e.jsx(r.Zap,{className:"h-4 w-4 text-brand"})},{name:"Enterprise",value:"enterprise",description:"Custom features, unlimited",icon:e.jsx(r.Shield,{className:"h-4 w-4 text-green-500"})},{name:"Legacy",value:"legacy",description:"No longer available",disabled:!0}],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"}],p=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"}],[h,m]=t.useState(l[0]);return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Select",description:"A dropdown select component with search, descriptions, disabled options, and check indicators.",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-teal-500 via-emerald-500 to-green-500 rounded-full flex items-center justify-center shadow-lg border border-teal-500/50",children:e.jsx(r.ChevronDown,{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 Select"}),e.jsx(a.Select,{label:"Country",placeholder:"Select a country",options:l,selectedOption:n,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Searchable"}),e.jsx(a.Select,{label:"Country",placeholder:"Search and select...",options:l,searchable:!0,searchPlaceholder:"Type to filter...",showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Descriptions & Icons"}),e.jsx(a.Select,{label:"Plan",placeholder:"Choose a plan",options:i,showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Select,{label:"Language",placeholder:"Select a language",helperText:"Choose your preferred language",options:[{name:"English",value:"en",icon:e.jsx(r.Globe,{className:"h-4 w-4"})},{name:"Spanish",value:"es",icon:e.jsx(r.Globe,{className:"h-4 w-4"})},{name:"French",value:"fr",icon:e.jsx(r.Globe,{className:"h-4 w-4"})}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Select,{label:"Category",placeholder:"Select a category",errorMessage:"Category is required",options:[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Select,{label:"Status",placeholder:"Select status",disabled:!0,options:[{name:"Active",value:"active"},{name:"Inactive",value:"inactive"}]})]})]})})})}),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.Select,{label:"Ghost Variant",placeholder:"Select option",variant:"ghost",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Select,{label:"Solid Variant",placeholder:"Select option",variant:"solid",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Select,{label:"Transparent Variant",placeholder:"Select option",variant:"transparent",options:l})]})]})})})}),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:s,color:o})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:s}),e.jsx(a.Select,{label:`${s} Select`,placeholder:"Select option",color:o,options:l})]},o))})})})}),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:p.map(({label:s,size:o})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:s}),e.jsx(a.Select,{label:`${s} Select`,placeholder:"Select option",size:o,options:l})]},o))})})})}),e.jsx(a.PropPlayground,{componentName:"Select",defaultValues:{label:"Preview Select",placeholder:"Select a country",variant:"ghost",color:"primary",size:"md",helperText:"",errorMessage:"",searchable:!1,searchPlaceholder:"Search...",showCheck:!0,disabled:!1},controlOverrides:[{name:"placeholder",type:"text",description:"Placeholder text rendered before selecting an option"}],includeProps:["label","placeholder","variant","color","size","helperText","errorMessage","searchable","searchPlaceholder","showCheck","disabled"],excludeProps:["options","selectedOption","onChange","onSelect","value","name","buttonClassName","children"],children:s=>e.jsx("div",{className:"w-full max-w-lg",children:e.jsx(a.Select,{...s,placeholder:s.placeholder||"Select a country",options:l,selectedOption:h,onChange:o=>m(o)})})}),e.jsx(a.AutoPropsTable,{componentName:"Select"}),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 { Select } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../index-C0NugKZs.js"),r=require("lucide-react");require("react-router-dom");require("react-dom");const u=()=>{const[n,c]=t.useState(void 0),l=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"},{name:"Perú",value:"pe"},{name:"Uruguay",value:"uy"},{name:"Venezuela",value:"ve"}],i=[{name:"Free",value:"free",description:"Basic features, 1 user",icon:e.jsx(r.Star,{className:"h-4 w-4 text-gray-400"})},{name:"Pro",value:"pro",description:"Advanced features, 5 users",icon:e.jsx(r.Zap,{className:"h-4 w-4 text-brand"})},{name:"Enterprise",value:"enterprise",description:"Custom features, unlimited",icon:e.jsx(r.Shield,{className:"h-4 w-4 text-green-500"})},{name:"Legacy",value:"legacy",description:"No longer available",disabled:!0}],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"}],p=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"}],[h,m]=t.useState(l[0]);return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Select",description:"A dropdown select component with search, descriptions, disabled options, and check indicators.",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-teal-500 via-emerald-500 to-green-500 rounded-full flex items-center justify-center shadow-lg border border-teal-500/50",children:e.jsx(r.ChevronDown,{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 Select"}),e.jsx(a.Select,{label:"Country",placeholder:"Select a country",options:l,selectedOption:n,onChange:c})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Searchable"}),e.jsx(a.Select,{label:"Country",placeholder:"Search and select...",options:l,searchable:!0,searchPlaceholder:"Type to filter...",showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Descriptions & Icons"}),e.jsx(a.Select,{label:"Plan",placeholder:"Choose a plan",options:i,showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Select,{label:"Language",placeholder:"Select a language",helperText:"Choose your preferred language",options:[{name:"English",value:"en",icon:e.jsx(r.Globe,{className:"h-4 w-4"})},{name:"Spanish",value:"es",icon:e.jsx(r.Globe,{className:"h-4 w-4"})},{name:"French",value:"fr",icon:e.jsx(r.Globe,{className:"h-4 w-4"})}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Select,{label:"Category",placeholder:"Select a category",errorMessage:"Category is required",options:[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Select,{label:"Status",placeholder:"Select status",disabled:!0,options:[{name:"Active",value:"active"},{name:"Inactive",value:"inactive"}]})]})]})})})}),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.Select,{label:"Ghost Variant",placeholder:"Select option",variant:"ghost",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Select,{label:"Solid Variant",placeholder:"Select option",variant:"solid",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Select,{label:"Transparent Variant",placeholder:"Select option",variant:"transparent",options:l})]})]})})})}),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:s,color:o})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:s}),e.jsx(a.Select,{label:`${s} Select`,placeholder:"Select option",color:o,options:l})]},o))})})})}),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:p.map(({label:s,size:o})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:s}),e.jsx(a.Select,{label:`${s} Select`,placeholder:"Select option",size:o,options:l})]},o))})})})}),e.jsx(a.PropPlayground,{componentName:"Select",defaultValues:{label:"Preview Select",placeholder:"Select a country",variant:"ghost",color:"primary",size:"md",helperText:"",errorMessage:"",searchable:!1,searchPlaceholder:"Search...",showCheck:!0,disabled:!1},controlOverrides:[{name:"placeholder",type:"text",description:"Placeholder text rendered before selecting an option"}],includeProps:["label","placeholder","variant","color","size","helperText","errorMessage","searchable","searchPlaceholder","showCheck","disabled"],excludeProps:["options","selectedOption","onChange","onSelect","value","name","buttonClassName","children"],children:s=>e.jsx("div",{className:"w-full max-w-lg",children:e.jsx(a.Select,{...s,placeholder:s.placeholder||"Select a country",options:l,selectedOption:h,onChange:o=>m(o)})})}),e.jsx(a.AutoPropsTable,{componentName:"Select"}),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 { Select } from '@e-burgos/tucu-ui';
 
 const options = [
   { name: 'Argentina', value: 'ar' },

package/documentation/{SettingsPanelSection-D2vZ81r5.js → SettingsPanelSection-5F7Ejvta.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as p, jsx as e } from "react/jsx-runtime";
-import { ay as x, H as N, T as s, ax as f, C as y, a as w, K as a, x as l } from "../index-19KsCnyX.js";
+import { ay as x, H as N, T as s, ax as f, C as y, a as w, K as a, x as l } from "../index-4GONhZIF.js";
 import { Settings as b, Moon as v, Globe as C, Layout as k, Palette as S } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SettingsPanelSection-DmeXjrx0.js → SettingsPanelSection-DNFBwdbu.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const h=()=>{const{mode:a,layout:n,primaryPreset:l,secondaryPreset:d,accentPreset:c,direction:o,setMode:m,setIsSettingsOpen:g,isSettingsOpen:r}=s.useTheme(),x=[{icon:e.jsx(t.Moon,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Mode Switching",description:"Toggle between light and dark modes.",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:e.jsx(t.Globe,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"RTL/LTR Direction",description:"Switch text direction for international apps.",iconBgClassName:"from-green-500 to-emerald-500"},{icon:e.jsx(t.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Layout Options",description:"Choose between Clean, Admin, and Horizontal layouts.",iconBgClassName:"from-orange-500 to-red-500"},{icon:e.jsx(t.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Color Management",description:"Organized in groups: Brand (primary, accent), Surfaces (secondary, backgrounds), Text (primary, muted, border), and Status (success, warning, error, info).",iconBgClassName:"from-pink-500 to-rose-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Settings Panel",description:"Built-in UI for users to customize theme mode, layout, direction, and all color presets at runtime.",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-orange-500 via-red-500 to-pink-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(s.Typography,{tag:"h2",className:"mb-2",children:"Panel Features"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"What users can customize through the settings panel"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6",children:x.map(i=>e.jsx(s.FeatureCard,{layout:"horizontal",...i},i.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Live Preview"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Current theme state and interactive controls"})]}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Current Settings",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-3",children:[e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Mode"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:a})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Layout"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:n})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Primary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:l?.label||"DEFAULT_PRIMARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Secondary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:d?.label||"DEFAULT_SECONDARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Accent"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:c?.label||"DEFAULT_ACCENT"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Direction"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:o||"LTR"})]})]}),e.jsxs("div",{className:"flex gap-2 w-full mt-4",children:[e.jsxs(s.Button,{size:"small",onClick:()=>m(a==="dark"?"light":"dark"),className:"flex-1",children:["Toggle ",a==="dark"?"Light":"Dark"]}),e.jsxs(s.Button,{size:"small",variant:"ghost",onClick:()=>g(!r),className:"flex-1",children:[r?"Close":"Open"," Settings"]})]})]})})})]})]})};exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const h=()=>{const{mode:a,layout:n,primaryPreset:l,secondaryPreset:d,accentPreset:c,direction:o,setMode:m,setIsSettingsOpen:g,isSettingsOpen:r}=s.useTheme(),x=[{icon:e.jsx(t.Moon,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Mode Switching",description:"Toggle between light and dark modes.",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:e.jsx(t.Globe,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"RTL/LTR Direction",description:"Switch text direction for international apps.",iconBgClassName:"from-green-500 to-emerald-500"},{icon:e.jsx(t.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Layout Options",description:"Choose between Clean, Admin, and Horizontal layouts.",iconBgClassName:"from-orange-500 to-red-500"},{icon:e.jsx(t.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Color Management",description:"Organized in groups: Brand (primary, accent), Surfaces (secondary, backgrounds), Text (primary, muted, border), and Status (success, warning, error, info).",iconBgClassName:"from-pink-500 to-rose-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Settings Panel",description:"Built-in UI for users to customize theme mode, layout, direction, and all color presets at runtime.",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-orange-500 via-red-500 to-pink-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(s.Typography,{tag:"h2",className:"mb-2",children:"Panel Features"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"What users can customize through the settings panel"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6",children:x.map(i=>e.jsx(s.FeatureCard,{layout:"horizontal",...i},i.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Live Preview"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Current theme state and interactive controls"})]}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Current Settings",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-3",children:[e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Mode"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:a})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Layout"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:n})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Primary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:l?.label||"DEFAULT_PRIMARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Secondary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:d?.label||"DEFAULT_SECONDARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Accent"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:c?.label||"DEFAULT_ACCENT"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Direction"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:o||"LTR"})]})]}),e.jsxs("div",{className:"flex gap-2 w-full mt-4",children:[e.jsxs(s.Button,{size:"small",onClick:()=>m(a==="dark"?"light":"dark"),className:"flex-1",children:["Toggle ",a==="dark"?"Light":"Dark"]}),e.jsxs(s.Button,{size:"small",variant:"ghost",onClick:()=>g(!r),className:"flex-1",children:[r?"Close":"Open"," Settings"]})]})]})})})]})]})};exports.default=h;

package/documentation/{ShadowsSection-Br8AictP.js → ShadowsSection-CC31G_pA.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=a=>{if(typeof window>"u")return"";const r=document.documentElement;return getComputedStyle(r).getPropertyValue(a).trim()||""},o=()=>e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(s.HeroCard,{title:"Shadows",description:"Shadow tokens from Tucu UI Design System for depth and elevation.",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-gray-500 via-slate-500 to-zinc-600 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.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.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Shadow Tokens",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[{name:"Main",varName:"--shadow-main",description:"Primary shadow for cards and elevated elements"},{name:"Light",varName:"--shadow-light",description:"Subtle shadow for minimal elevation"},{name:"Large",varName:"--shadow-large",description:"Prominent shadow for modals and overlays"},{name:"Card",varName:"--shadow-card",description:"Standard shadow for card components"},{name:"Transaction",varName:"--shadow-transaction",description:"Shadow for transaction lists and tables"},{name:"Expand",varName:"--shadow-expand",description:"Strong shadow for expanded elements"},{name:"Button",varName:"--shadow-button",description:"Shadow for button components"},{name:"Drop Shadow Main",varName:"--drop-shadow-main",description:"Drop shadow for images and graphics"}].map(a=>{const r=n(a.varName);return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(s.Typography,{tag:"h3",className:"font-semibold",children:a.name}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-muted",children:a.description})]}),e.jsx("div",{className:"h-32 bg-white dark:bg-gray-800 rounded-lg p-4 flex items-center justify-center",style:{boxShadow:r||`var(${a.varName})`},children:e.jsx(s.Typography,{tag:"h4",className:"text-center",children:a.name})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(s.Typography,{tag:"h4",className:"text-muted text-xs break-all font-mono",children:a.varName}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px] break-all",children:r})]})]},a.name)})})})})})]});exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=a=>{if(typeof window>"u")return"";const r=document.documentElement;return getComputedStyle(r).getPropertyValue(a).trim()||""},o=()=>e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(s.HeroCard,{title:"Shadows",description:"Shadow tokens from Tucu UI Design System for depth and elevation.",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-gray-500 via-slate-500 to-zinc-600 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.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.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Shadow Tokens",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[{name:"Main",varName:"--shadow-main",description:"Primary shadow for cards and elevated elements"},{name:"Light",varName:"--shadow-light",description:"Subtle shadow for minimal elevation"},{name:"Large",varName:"--shadow-large",description:"Prominent shadow for modals and overlays"},{name:"Card",varName:"--shadow-card",description:"Standard shadow for card components"},{name:"Transaction",varName:"--shadow-transaction",description:"Shadow for transaction lists and tables"},{name:"Expand",varName:"--shadow-expand",description:"Strong shadow for expanded elements"},{name:"Button",varName:"--shadow-button",description:"Shadow for button components"},{name:"Drop Shadow Main",varName:"--drop-shadow-main",description:"Drop shadow for images and graphics"}].map(a=>{const r=n(a.varName);return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(s.Typography,{tag:"h3",className:"font-semibold",children:a.name}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-muted",children:a.description})]}),e.jsx("div",{className:"h-32 bg-white dark:bg-gray-800 rounded-lg p-4 flex items-center justify-center",style:{boxShadow:r||`var(${a.varName})`},children:e.jsx(s.Typography,{tag:"h4",className:"text-center",children:a.name})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(s.Typography,{tag:"h4",className:"text-muted text-xs break-all font-mono",children:a.varName}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px] break-all",children:r})]})]},a.name)})})})})})]});exports.default=o;

package/documentation/{ShadowsSection-CoUWlYA-.js → ShadowsSection-CjDQWjSH.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { H as o, C as n, a as d, T as r } from "../index-19KsCnyX.js";
+import { H as o, C as n, a as d, T as r } from "../index-4GONhZIF.js";
 import { Layers as i } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SidebarMenuSection-BuyjfISB.js → SidebarMenuSection-BqAlCKVK.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as m, C as a, a as n, T as t, P as r, a7 as l, A as d, c } from "../index-19KsCnyX.js";
+import { H as m, C as a, a as n, T as t, P as r, a7 as l, A as d, c } from "../index-4GONhZIF.js";
 import { LayoutList as u } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SidebarMenuSection-DL9USgCd.js → SidebarMenuSection-CX26EQG5.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"SidebarMenu",description:`A sidebar component with built-in menu navigation, supporting icons,
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"SidebarMenu",description:`A sidebar component with built-in menu navigation, supporting icons,
           paths, and dropdown items.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-yellow-500 to-amber-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.LayoutList,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic Sidebar Menu"}),e.jsx(s.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: SidebarMenu is typically used within a Drawer component. This example shows the structure."}),e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"The SidebarMenu component provides a navigation menu with icons and links, perfect for mobile navigation drawers."})]})})})})}),e.jsx(s.PropPlayground,{componentName:"SidebarMenu",title:"SidebarMenu Playground",defaultValues:{title:"Navigation",position:"left"},excludeProps:["menuItems","onClose","actionContent","logo","className"],children:t=>e.jsx(s.SidebarMenu,{...t,menuItems:[{name:"Home",href:"#"},{name:"Settings",href:"#"},{name:"Profile",href:"#"}],onClose:()=>null})}),e.jsx(s.AutoPropsTable,{componentName:"SidebarMenu"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { SidebarMenu, LucideIcons } from '@e-burgos/tucu-ui';
 
 const menuItems = [

package/documentation/{SidebarSection-B-rHd7VC.js → SidebarSection-B0n5UOpR.js}

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { H as r, C as t, a as i, T as a, P as n, a6 as d, A as c, c as m } from "../index-19KsCnyX.js";
+import { H as r, C as t, a as i, T as a, P as n, a6 as d, A as c, c as m } from "../index-4GONhZIF.js";
 import { PanelLeftOpen as p } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SidebarSection-DMPBCRIo.js → SidebarSection-De6UWk1X.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Sidebar",description:`A sidebar component with scrollable content, optional logo, title, and
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-C0NugKZs.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Sidebar",description:`A sidebar component with scrollable content, optional logo, title, and
           action buttons.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-orange-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(i.PanelLeftOpen,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: Sidebar is typically used within a Drawer component. This example shows the structure."}),e.jsx(t.Typography,{tag:"p",className:"text-sm",children:"The Sidebar component provides a scrollable container with optional header (logo or title) and action buttons at the bottom."})]})})})})}),e.jsx(t.PropPlayground,{componentName:"Sidebar",title:"Sidebar Playground",defaultValues:{title:"Sidebar",position:"left"},excludeProps:["onClose","actionContent","logo","className"],children:a=>e.jsx(t.Sidebar,{...a,onClose:()=>null,children:e.jsx(t.Typography,{tag:"p",children:"Sidebar content goes here"})})}),e.jsx(t.AutoPropsTable,{componentName:"Sidebar"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { Sidebar } from '@e-burgos/tucu-ui';
 
 // Basic usage (typically within Drawer)

package/documentation/{SizingSection--Jco3RIU.js → SizingSection-BGID0Xcc.js}

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { H as n, C as c, a as o, T as d } from "../index-19KsCnyX.js";
+import { H as n, C as c, a as o, T as d } from "../index-4GONhZIF.js";
 import { Maximize as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SizingSection-CUt8NIK0.js → SizingSection-CJLOGeHY.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),c=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=s=>{if(typeof window>"u")return"";const r=document.documentElement;return getComputedStyle(r).getPropertyValue(s).trim()||""},o=()=>e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(a.HeroCard,{title:"Sizing",description:"Icon and avatar size tokens from Tucu UI Design Tokens.",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-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(c.Maximize,{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("div",{className:"space-y-8",children:[e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Icon Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["xs","s","m","l"].map(s=>{const r=`w-icon-${s}`,i=`h-icon-${s}`,l=`--size-icon-${s}`,t=d(l);return e.jsxs("div",{className:"text-center space-y-2 border border-border rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded mx-auto ${r} ${i}`,style:{width:t||`var(${l})`,height:t||`var(${l})`}}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:s}),t&&e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[10px]",children:t}),e.jsxs(a.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[r,", ",i]})]},s)})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Avatar Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["s","m","l","xl","xxl","xxxl"].map(s=>{const r=`w-avatar-${s}`,i=`h-avatar-${s}`,l=`--size-avatar-${s}`,t=d(l);return e.jsxs("div",{className:"text-center space-y-2 border border-border rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded-full mx-auto ${r} ${i}`,style:{width:t||`var(${l})`,height:t||`var(${l})`}}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:s}),t&&e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[10px]",children:t}),e.jsxs(a.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[r,", ",i]})]},s)})})})})})]})]});exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),c=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=s=>{if(typeof window>"u")return"";const r=document.documentElement;return getComputedStyle(r).getPropertyValue(s).trim()||""},o=()=>e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(a.HeroCard,{title:"Sizing",description:"Icon and avatar size tokens from Tucu UI Design Tokens.",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-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(c.Maximize,{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("div",{className:"space-y-8",children:[e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Icon Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["xs","s","m","l"].map(s=>{const r=`w-icon-${s}`,i=`h-icon-${s}`,l=`--size-icon-${s}`,t=d(l);return e.jsxs("div",{className:"text-center space-y-2 border border-border rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded mx-auto ${r} ${i}`,style:{width:t||`var(${l})`,height:t||`var(${l})`}}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:s}),t&&e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[10px]",children:t}),e.jsxs(a.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[r,", ",i]})]},s)})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Avatar Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["s","m","l","xl","xxl","xxxl"].map(s=>{const r=`w-avatar-${s}`,i=`h-avatar-${s}`,l=`--size-avatar-${s}`,t=d(l);return e.jsxs("div",{className:"text-center space-y-2 border border-border rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded-full mx-auto ${r} ${i}`,style:{width:t||`var(${l})`,height:t||`var(${l})`}}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:s}),t&&e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[10px]",children:t}),e.jsxs(a.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[r,", ",i]})]},s)})})})})})]})]});exports.default=o;

package/documentation/{SkeletonSection-DqrX4Bdv.js → SkeletonSection-CgfOFx1m.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=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(s.HeroCard,{title:"Skeleton",description:`A skeleton loader component for displaying placeholder content while
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Skeleton",description:`A skeleton loader component for displaying placeholder content while
           data is loading.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-emerald-500 to-green-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Square,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Skeleton"}),e.jsx(s.Skeleton,{})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:3})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle Shape"}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",size:"small",width:"2rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"medium",width:"4rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"large",width:"6rem"})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Skeleton,{size:"tiny"}),e.jsx(s.Skeleton,{size:"small"}),e.jsx(s.Skeleton,{size:"medium"}),e.jsx(s.Skeleton,{size:"large"})]})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Animations",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Shimmer Animation (Default)"}),e.jsx(s.Skeleton,{animation:"shimmer"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Wave Animation"}),e.jsx(s.Skeleton,{animation:"wave"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Pulse Animation"}),e.jsx(s.Skeleton,{animation:"pulse"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"No Animation"}),e.jsx(s.Skeleton,{animation:"none"})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rounded (Default)"}),e.jsx(s.Skeleton,{shape:"rounded"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rectangle"}),e.jsx(s.Skeleton,{shape:"rectangle"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle"}),e.jsx(s.Skeleton,{shape:"circle",width:"8rem",height:"8rem"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:4})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Common Patterns",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Card Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-3"}),e.jsx(s.Skeleton,{shape:"text",count:3})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Profile Skeleton"}),e.jsx(s.CardContainer,{className:"p-4",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(s.Skeleton,{shape:"circle",width:"4rem",height:"4rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"60%",height:"1rem"}),e.jsx(s.Skeleton,{width:"40%",height:"0.875rem"})]})]})})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"List Skeleton"}),e.jsx(s.CardContainer,{className:"p-4 space-y-3",children:[1,2,3].map(l=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",width:"2.5rem",height:"2.5rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"70%",height:"0.875rem"}),e.jsx(s.Skeleton,{width:"50%",height:"0.75rem"})]})]},l))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Article Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-4"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-6"}),e.jsx(s.Skeleton,{width:"60%",className:"mb-4 h-6"}),e.jsx(s.Skeleton,{shape:"text",count:5})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Grid Skeleton"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[1,2,3].map(l=>e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{height:"10rem",className:"mb-3"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-5"}),e.jsx(s.Skeleton,{shape:"text",count:2})]},l))})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"Skeleton",defaultValues:{shape:"rounded",animation:"shimmer",size:"medium",count:1},excludeProps:["width","height"],children:l=>e.jsx(s.Skeleton,{...l})}),e.jsx(s.AutoPropsTable,{componentName:"Skeleton"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { Skeleton } from '@e-burgos/tucu-ui';
 
 // Basic usage

package/documentation/{SkeletonSection-DJdKo1ja.js → SkeletonSection-DelgS1pN.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { H as c, C as s, a as n, T as l, _ as i, P as d, A as h, c as r } from "../index-19KsCnyX.js";
+import { H as c, C as s, a as n, T as l, _ as i, P as d, A as h, c as r } from "../index-4GONhZIF.js";
 import { Square as o } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SonomaColorsSection-ymNouzEh.js → SonomaColorsSection-C28VtKd_.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),u=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r={light:[{label:"Red",cssVar:"--macos-system-red",value:"#ff383c"},{label:"Orange",cssVar:"--macos-system-orange",value:"#ff8d28"},{label:"Yellow",cssVar:"--macos-system-yellow",value:"#ffcc00"},{label:"Green",cssVar:"--macos-system-green",value:"#34c759"},{label:"Mint",cssVar:"--macos-system-mint",value:"#00c8b3"},{label:"Teal",cssVar:"--macos-system-teal",value:"#00c3d0"},{label:"Cyan",cssVar:"--macos-system-cyan",value:"#00c0e8"},{label:"Blue",cssVar:"--macos-system-blue",value:"#0088ff"},{label:"Indigo",cssVar:"--macos-system-indigo",value:"#6155f5"},{label:"Purple",cssVar:"--macos-system-purple",value:"#cb30e0"},{label:"Pink",cssVar:"--macos-system-pink",value:"#ff2d55"},{label:"Brown",cssVar:"--macos-system-brown",value:"#ac7f5e"}],dark:[{label:"Red",cssVar:"--macos-system-red",value:"#ff4245"},{label:"Orange",cssVar:"--macos-system-orange",value:"#ff9230"},{label:"Yellow",cssVar:"--macos-system-yellow",value:"#ffd600"},{label:"Green",cssVar:"--macos-system-green",value:"#30d158"},{label:"Mint",cssVar:"--macos-system-mint",value:"#00dac3"},{label:"Teal",cssVar:"--macos-system-teal",value:"#00d2e0"},{label:"Cyan",cssVar:"--macos-system-cyan",value:"#3cd3fe"},{label:"Blue",cssVar:"--macos-system-blue",value:"#0091ff"},{label:"Indigo",cssVar:"--macos-system-indigo",value:"#6d7cff"},{label:"Purple",cssVar:"--macos-system-purple",value:"#db34f2"},{label:"Pink",cssVar:"--macos-system-pink",value:"#ff375f"},{label:"Brown",cssVar:"--macos-system-brown",value:"#b78a66"}]},c={light:[{label:"Gray",cssVar:"--macos-gray",value:"#8e8e93"},{label:"Gray 2",cssVar:"--macos-gray2",value:"#aeaeb2"},{label:"Gray 3",cssVar:"--macos-gray3",value:"#c7c7cc"},{label:"Gray 4",cssVar:"--macos-gray4",value:"#d1d1d6"},{label:"Gray 5",cssVar:"--macos-gray5",value:"#e5e5ea"},{label:"Gray 6",cssVar:"--macos-gray6",value:"#f2f2f7"}],dark:[{label:"Gray",cssVar:"--macos-gray",value:"#8e8e93"},{label:"Gray 2",cssVar:"--macos-gray2",value:"#636366"},{label:"Gray 3",cssVar:"--macos-gray3",value:"#48484a"},{label:"Gray 4",cssVar:"--macos-gray4",value:"#3a3a3c"},{label:"Gray 5",cssVar:"--macos-gray5",value:"#2c2c2e"},{label:"Gray 6",cssVar:"--macos-gray6",value:"#1c1c1e"}]},t={light:[{label:"Label",cssVar:"--macos-label",value:"rgba(0,0,0,0.88)",desc:"Primary text"},{label:"Secondary Label",cssVar:"--macos-secondary-label",value:"rgba(60,60,67,0.68)",desc:"Supporting text"},{label:"Tertiary Label",cssVar:"--macos-tertiary-label",value:"rgba(60,60,67,0.42)",desc:"Placeholder, disabled"},{label:"Quaternary Label",cssVar:"--macos-quaternary-label",value:"rgba(60,60,67,0.24)",desc:"Faint text"},{label:"Separator",cssVar:"--macos-separator",value:"rgba(60,60,67,0.24)",desc:"Dividers, borders"},{label:"Opaque Separator",cssVar:"--macos-opaque-separator",value:"#c6c6c8",desc:"Non-vibrancy separator"},{label:"Window BG",cssVar:"--macos-window-bg",value:"#f5f5f7",desc:"Root window"},{label:"Content BG",cssVar:"--macos-content-bg",value:"#ffffff",desc:"Content areas"},{label:"Grouped BG",cssVar:"--macos-grouped-bg",value:"#f2f2f7",desc:"Grouped tables/lists"},{label:"Control BG",cssVar:"--macos-control-bg",value:"rgba(255,255,255,0.72)",desc:"Buttons, fields"}],dark:[{label:"Label",cssVar:"--macos-label",value:"rgba(255,255,255,0.92)",desc:"Primary text"},{label:"Secondary Label",cssVar:"--macos-secondary-label",value:"rgba(235,235,245,0.72)",desc:"Supporting text"},{label:"Tertiary Label",cssVar:"--macos-tertiary-label",value:"rgba(235,235,245,0.44)",desc:"Placeholder, disabled"},{label:"Quaternary Label",cssVar:"--macos-quaternary-label",value:"rgba(235,235,245,0.26)",desc:"Faint text"},{label:"Separator",cssVar:"--macos-separator",value:"rgba(84,84,88,0.6)",desc:"Dividers, borders"},{label:"Opaque Separator",cssVar:"--macos-opaque-separator",value:"#38383a",desc:"Non-vibrancy separator"},{label:"Window BG",cssVar:"--macos-window-bg",value:"#1c1c1e",desc:"Root window"},{label:"Content BG",cssVar:"--macos-content-bg",value:"#151516",desc:"Content areas"},{label:"Grouped BG",cssVar:"--macos-grouped-bg",value:"#1c1c1e",desc:"Grouped tables/lists"},{label:"Control BG",cssVar:"--macos-control-bg",value:"rgba(255,255,255,0.10)",desc:"Buttons, fields"}]},x=[{label:"Close",cssVar:"--macos-traffic-close",light:"#ff5f57",dark:"#ff5f57"},{label:"Minimize",cssVar:"--macos-traffic-minimize",light:"#febc2e",dark:"#febc2e"},{label:"Maximize",cssVar:"--macos-traffic-maximize",light:"#28c840",dark:"#28c840"},{label:"Inactive",cssVar:"--macos-traffic-inactive",light:"#dcdcdc",dark:"#444444"}],o={light:[{label:"Series 1",cssVar:"--macos-chart-series-1",value:"#0088ff"},{label:"Series 2",cssVar:"--macos-chart-series-2",value:"#34c759"},{label:"Series 3",cssVar:"--macos-chart-series-3",value:"#ff8d28"},{label:"Series 4",cssVar:"--macos-chart-series-4",value:"#cb30e0"},{label:"Series 5",cssVar:"--macos-chart-series-5",value:"#ff383c"},{label:"Series 6",cssVar:"--macos-chart-series-6",value:"#00c3d0"}],dark:[{label:"Series 1",cssVar:"--macos-chart-series-1",value:"#0091ff"},{label:"Series 2",cssVar:"--macos-chart-series-2",value:"#30d158"},{label:"Series 3",cssVar:"--macos-chart-series-3",value:"#ff9230"},{label:"Series 4",cssVar:"--macos-chart-series-4",value:"#db34f2"},{label:"Series 5",cssVar:"--macos-chart-series-5",value:"#ff4245"},{label:"Series 6",cssVar:"--macos-chart-series-6",value:"#00d2e0"}]},g=()=>{const{mode:d}=s.useTheme(),l=d==="dark",i=l?r.dark:r.light,n=l?c.dark:c.light,m=l?t.dark:t.light,b=l?o.dark:o.light;return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Colors",description:"macOS Sonoma color tokens — CSS custom properties from html.macos. All colors adapt between light and dark appearances.",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-red-400 via-blue-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg border border-red-400/50",children:e.jsx(u.Palette,{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(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"System Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["12 vibrant system colors. Showing"," ",e.jsx("strong",{children:l?"dark":"light"})," mode values."]}),e.jsx("div",{className:"grid grid-cols-3 sm:grid-cols-4 lg:grid-cols-6 gap-3",children:i.map(a=>e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsx("div",{className:"w-full h-14 rounded-xl shadow-sm border border-border",style:{backgroundColor:`var(${a.cssVar}, ${a.value})`}}),e.jsx("span",{className:"text-xs font-medium text-center leading-tight",children:a.label}),e.jsx("code",{className:"text-[9px] text-gray-400 font-mono text-center leading-tight",children:a.cssVar})]},a.label))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Semantic Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Role-based color tokens for UI surfaces, labels, separators, and backgrounds. Showing ",e.jsx("strong",{children:l?"dark":"light"})," ","mode."]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:m.map(a=>e.jsxs("div",{className:"flex items-center gap-3 p-3 rounded-xl border border-border",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg shrink-0 border border-border",style:{backgroundColor:`var(${a.cssVar}, ${a.value})`}}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"text-sm font-medium truncate",children:a.label}),e.jsx("p",{className:"text-[10px] text-gray-400 truncate",children:a.desc}),e.jsx("code",{className:"text-[9px] text-gray-400 font-mono",children:a.cssVar})]}),e.jsx("code",{className:"text-[9px] text-gray-400 font-mono text-right shrink-0 max-w-[120px] break-all",children:a.value})]},a.label))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Gray Scale",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"6-step gray ramp following Apple HIG Sonoma. Grays 1–6 map to increasing lightness in light mode and decreasing lightness in dark mode."}),e.jsx("div",{className:"flex flex-col gap-2",children:n.map(a=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-12 h-8 rounded-lg border border-border shrink-0",style:{backgroundColor:`var(${a.cssVar}, ${a.value})`}}),e.jsx("code",{className:"text-xs font-mono w-40 text-gray-500",children:a.cssVar}),e.jsx("code",{className:"text-xs font-mono text-gray-400",children:a.value}),e.jsx("span",{className:"text-xs text-gray-400 ml-auto",children:a.label})]},a.label))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Traffic Light Controls",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"Window control button colors — Close (red), Minimize (yellow), Maximize (green). These are fixed colors; only the inactive state changes between appearances."}),e.jsx("div",{className:"flex flex-wrap gap-6",children:x.map(a=>e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("div",{className:"w-12 h-12 rounded-full border border-border shadow-sm",style:{backgroundColor:`var(${a.cssVar}, ${l?a.dark:a.light})`}}),e.jsx("span",{className:"text-xs font-medium",children:a.label}),e.jsx("code",{className:"text-[9px] font-mono text-gray-400",children:a.cssVar}),e.jsx("code",{className:"text-[9px] font-mono text-gray-400",children:l?a.dark:a.light})]},a.label))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Chart Series Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Used by"," ",e.jsx("code",{className:"font-mono text-xs bg-gray-100 dark:bg-gray-800 px-1 rounded",children:"useChartTheme()"})," ","when"," ",e.jsx("code",{className:"font-mono text-xs bg-gray-100 dark:bg-gray-800 px-1 rounded",children:"colorScheme === 'macos'"}),"."]}),e.jsx("div",{className:"flex flex-wrap gap-4",children:b.map(a=>e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl shadow-sm border border-border",style:{backgroundColor:`var(${a.cssVar}, ${a.value})`}}),e.jsx("span",{className:"text-[10px] font-medium",children:a.label}),e.jsx("code",{className:"text-[9px] font-mono text-gray-400",children:a.value})]},a.label))})]})})})]})};exports.default=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.js"),u=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r={light:[{label:"Red",cssVar:"--macos-system-red",value:"#ff383c"},{label:"Orange",cssVar:"--macos-system-orange",value:"#ff8d28"},{label:"Yellow",cssVar:"--macos-system-yellow",value:"#ffcc00"},{label:"Green",cssVar:"--macos-system-green",value:"#34c759"},{label:"Mint",cssVar:"--macos-system-mint",value:"#00c8b3"},{label:"Teal",cssVar:"--macos-system-teal",value:"#00c3d0"},{label:"Cyan",cssVar:"--macos-system-cyan",value:"#00c0e8"},{label:"Blue",cssVar:"--macos-system-blue",value:"#0088ff"},{label:"Indigo",cssVar:"--macos-system-indigo",value:"#6155f5"},{label:"Purple",cssVar:"--macos-system-purple",value:"#cb30e0"},{label:"Pink",cssVar:"--macos-system-pink",value:"#ff2d55"},{label:"Brown",cssVar:"--macos-system-brown",value:"#ac7f5e"}],dark:[{label:"Red",cssVar:"--macos-system-red",value:"#ff4245"},{label:"Orange",cssVar:"--macos-system-orange",value:"#ff9230"},{label:"Yellow",cssVar:"--macos-system-yellow",value:"#ffd600"},{label:"Green",cssVar:"--macos-system-green",value:"#30d158"},{label:"Mint",cssVar:"--macos-system-mint",value:"#00dac3"},{label:"Teal",cssVar:"--macos-system-teal",value:"#00d2e0"},{label:"Cyan",cssVar:"--macos-system-cyan",value:"#3cd3fe"},{label:"Blue",cssVar:"--macos-system-blue",value:"#0091ff"},{label:"Indigo",cssVar:"--macos-system-indigo",value:"#6d7cff"},{label:"Purple",cssVar:"--macos-system-purple",value:"#db34f2"},{label:"Pink",cssVar:"--macos-system-pink",value:"#ff375f"},{label:"Brown",cssVar:"--macos-system-brown",value:"#b78a66"}]},c={light:[{label:"Gray",cssVar:"--macos-gray",value:"#8e8e93"},{label:"Gray 2",cssVar:"--macos-gray2",value:"#aeaeb2"},{label:"Gray 3",cssVar:"--macos-gray3",value:"#c7c7cc"},{label:"Gray 4",cssVar:"--macos-gray4",value:"#d1d1d6"},{label:"Gray 5",cssVar:"--macos-gray5",value:"#e5e5ea"},{label:"Gray 6",cssVar:"--macos-gray6",value:"#f2f2f7"}],dark:[{label:"Gray",cssVar:"--macos-gray",value:"#8e8e93"},{label:"Gray 2",cssVar:"--macos-gray2",value:"#636366"},{label:"Gray 3",cssVar:"--macos-gray3",value:"#48484a"},{label:"Gray 4",cssVar:"--macos-gray4",value:"#3a3a3c"},{label:"Gray 5",cssVar:"--macos-gray5",value:"#2c2c2e"},{label:"Gray 6",cssVar:"--macos-gray6",value:"#1c1c1e"}]},t={light:[{label:"Label",cssVar:"--macos-label",value:"rgba(0,0,0,0.88)",desc:"Primary text"},{label:"Secondary Label",cssVar:"--macos-secondary-label",value:"rgba(60,60,67,0.68)",desc:"Supporting text"},{label:"Tertiary Label",cssVar:"--macos-tertiary-label",value:"rgba(60,60,67,0.42)",desc:"Placeholder, disabled"},{label:"Quaternary Label",cssVar:"--macos-quaternary-label",value:"rgba(60,60,67,0.24)",desc:"Faint text"},{label:"Separator",cssVar:"--macos-separator",value:"rgba(60,60,67,0.24)",desc:"Dividers, borders"},{label:"Opaque Separator",cssVar:"--macos-opaque-separator",value:"#c6c6c8",desc:"Non-vibrancy separator"},{label:"Window BG",cssVar:"--macos-window-bg",value:"#f5f5f7",desc:"Root window"},{label:"Content BG",cssVar:"--macos-content-bg",value:"#ffffff",desc:"Content areas"},{label:"Grouped BG",cssVar:"--macos-grouped-bg",value:"#f2f2f7",desc:"Grouped tables/lists"},{label:"Control BG",cssVar:"--macos-control-bg",value:"rgba(255,255,255,0.72)",desc:"Buttons, fields"}],dark:[{label:"Label",cssVar:"--macos-label",value:"rgba(255,255,255,0.92)",desc:"Primary text"},{label:"Secondary Label",cssVar:"--macos-secondary-label",value:"rgba(235,235,245,0.72)",desc:"Supporting text"},{label:"Tertiary Label",cssVar:"--macos-tertiary-label",value:"rgba(235,235,245,0.44)",desc:"Placeholder, disabled"},{label:"Quaternary Label",cssVar:"--macos-quaternary-label",value:"rgba(235,235,245,0.26)",desc:"Faint text"},{label:"Separator",cssVar:"--macos-separator",value:"rgba(84,84,88,0.6)",desc:"Dividers, borders"},{label:"Opaque Separator",cssVar:"--macos-opaque-separator",value:"#38383a",desc:"Non-vibrancy separator"},{label:"Window BG",cssVar:"--macos-window-bg",value:"#1c1c1e",desc:"Root window"},{label:"Content BG",cssVar:"--macos-content-bg",value:"#151516",desc:"Content areas"},{label:"Grouped BG",cssVar:"--macos-grouped-bg",value:"#1c1c1e",desc:"Grouped tables/lists"},{label:"Control BG",cssVar:"--macos-control-bg",value:"rgba(255,255,255,0.10)",desc:"Buttons, fields"}]},x=[{label:"Close",cssVar:"--macos-traffic-close",light:"#ff5f57",dark:"#ff5f57"},{label:"Minimize",cssVar:"--macos-traffic-minimize",light:"#febc2e",dark:"#febc2e"},{label:"Maximize",cssVar:"--macos-traffic-maximize",light:"#28c840",dark:"#28c840"},{label:"Inactive",cssVar:"--macos-traffic-inactive",light:"#dcdcdc",dark:"#444444"}],o={light:[{label:"Series 1",cssVar:"--macos-chart-series-1",value:"#0088ff"},{label:"Series 2",cssVar:"--macos-chart-series-2",value:"#34c759"},{label:"Series 3",cssVar:"--macos-chart-series-3",value:"#ff8d28"},{label:"Series 4",cssVar:"--macos-chart-series-4",value:"#cb30e0"},{label:"Series 5",cssVar:"--macos-chart-series-5",value:"#ff383c"},{label:"Series 6",cssVar:"--macos-chart-series-6",value:"#00c3d0"}],dark:[{label:"Series 1",cssVar:"--macos-chart-series-1",value:"#0091ff"},{label:"Series 2",cssVar:"--macos-chart-series-2",value:"#30d158"},{label:"Series 3",cssVar:"--macos-chart-series-3",value:"#ff9230"},{label:"Series 4",cssVar:"--macos-chart-series-4",value:"#db34f2"},{label:"Series 5",cssVar:"--macos-chart-series-5",value:"#ff4245"},{label:"Series 6",cssVar:"--macos-chart-series-6",value:"#00d2e0"}]},g=()=>{const{mode:d}=s.useTheme(),l=d==="dark",i=l?r.dark:r.light,n=l?c.dark:c.light,m=l?t.dark:t.light,b=l?o.dark:o.light;return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Colors",description:"macOS Sonoma color tokens — CSS custom properties from html.macos. All colors adapt between light and dark appearances.",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-red-400 via-blue-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg border border-red-400/50",children:e.jsx(u.Palette,{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(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"System Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["12 vibrant system colors. Showing"," ",e.jsx("strong",{children:l?"dark":"light"})," mode values."]}),e.jsx("div",{className:"grid grid-cols-3 sm:grid-cols-4 lg:grid-cols-6 gap-3",children:i.map(a=>e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsx("div",{className:"w-full h-14 rounded-xl shadow-sm border border-border",style:{backgroundColor:`var(${a.cssVar}, ${a.value})`}}),e.jsx("span",{className:"text-xs font-medium text-center leading-tight",children:a.label}),e.jsx("code",{className:"text-[9px] text-gray-400 font-mono text-center leading-tight",children:a.cssVar})]},a.label))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Semantic Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Role-based color tokens for UI surfaces, labels, separators, and backgrounds. Showing ",e.jsx("strong",{children:l?"dark":"light"})," ","mode."]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:m.map(a=>e.jsxs("div",{className:"flex items-center gap-3 p-3 rounded-xl border border-border",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg shrink-0 border border-border",style:{backgroundColor:`var(${a.cssVar}, ${a.value})`}}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"text-sm font-medium truncate",children:a.label}),e.jsx("p",{className:"text-[10px] text-gray-400 truncate",children:a.desc}),e.jsx("code",{className:"text-[9px] text-gray-400 font-mono",children:a.cssVar})]}),e.jsx("code",{className:"text-[9px] text-gray-400 font-mono text-right shrink-0 max-w-[120px] break-all",children:a.value})]},a.label))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Gray Scale",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"6-step gray ramp following Apple HIG Sonoma. Grays 1–6 map to increasing lightness in light mode and decreasing lightness in dark mode."}),e.jsx("div",{className:"flex flex-col gap-2",children:n.map(a=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-12 h-8 rounded-lg border border-border shrink-0",style:{backgroundColor:`var(${a.cssVar}, ${a.value})`}}),e.jsx("code",{className:"text-xs font-mono w-40 text-gray-500",children:a.cssVar}),e.jsx("code",{className:"text-xs font-mono text-gray-400",children:a.value}),e.jsx("span",{className:"text-xs text-gray-400 ml-auto",children:a.label})]},a.label))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Traffic Light Controls",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"Window control button colors — Close (red), Minimize (yellow), Maximize (green). These are fixed colors; only the inactive state changes between appearances."}),e.jsx("div",{className:"flex flex-wrap gap-6",children:x.map(a=>e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("div",{className:"w-12 h-12 rounded-full border border-border shadow-sm",style:{backgroundColor:`var(${a.cssVar}, ${l?a.dark:a.light})`}}),e.jsx("span",{className:"text-xs font-medium",children:a.label}),e.jsx("code",{className:"text-[9px] font-mono text-gray-400",children:a.cssVar}),e.jsx("code",{className:"text-[9px] font-mono text-gray-400",children:l?a.dark:a.light})]},a.label))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Chart Series Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Used by"," ",e.jsx("code",{className:"font-mono text-xs bg-gray-100 dark:bg-gray-800 px-1 rounded",children:"useChartTheme()"})," ","when"," ",e.jsx("code",{className:"font-mono text-xs bg-gray-100 dark:bg-gray-800 px-1 rounded",children:"colorScheme === 'macos'"}),"."]}),e.jsx("div",{className:"flex flex-wrap gap-4",children:b.map(a=>e.jsxs("div",{className:"flex flex-col items-center gap-1.5",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl shadow-sm border border-border",style:{backgroundColor:`var(${a.cssVar}, ${a.value})`}}),e.jsx("span",{className:"text-[10px] font-medium",children:a.label}),e.jsx("code",{className:"text-[9px] font-mono text-gray-400",children:a.value})]},a.label))})]})})})]})};exports.default=g;

package/documentation/{SonomaColorsSection-DJtL9gyt.js → SonomaColorsSection-CQULhACY.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as h, jsx as e } from "react/jsx-runtime";
-import { ay as v, H as y, C as r, a as c, T as o } from "../index-19KsCnyX.js";
+import { ay as v, H as y, C as r, a as c, T as o } from "../index-4GONhZIF.js";
 import { Palette as p } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SonomaLayoutContentSection-DUaqAxji.js → SonomaLayoutContentSection-BSuTmwMI.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as s, C as o, a as r, bq as l, c as d } from "../index-19KsCnyX.js";
+import { H as s, C as o, a as r, bq as l, c as d } from "../index-4GONhZIF.js";
 import { LayoutDashboard as i, Plus as m, ChevronLeft as c } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SonomaLayoutContentSection-BUpCwKvI.js → SonomaLayoutContentSection-iY1VAiSM.js}

@@ -1,4 +1,4 @@
-"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 o=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"MacOSSonomaLayoutContent",description:"Content shell for Sonoma layouts. Combines a toolbar with leading / center / trailing slots and a scrollable main area with consistent padding.",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-400 via-green-500 to-teal-600 rounded-full flex items-center justify-center shadow-lg border border-emerald-400/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,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"With Toolbar Slots",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"h-80 rounded-xl overflow-hidden border border-(--color-semantic-line-primary-subtle) shadow-(--shadow-card)",children:e.jsx(t.MacOSSonomaLayoutContent,{toolbarLeading: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(a.ChevronLeft,{className:"h-4 w-4"}),"Back"]}),toolbarCenter:e.jsx("span",{className:"text-[13px] font-semibold text-gray-800 dark:text-gray-100",children:"Dashboard"}),toolbarTrailing:e.jsxs("button",{className:"flex items-center gap-1.5 rounded-md px-3 py-1 text-sm bg-blue-500 text-white hover:bg-blue-600",children:[e.jsx(a.Plus,{className:"h-3.5 w-3.5"}),"New"]}),children:e.jsx("div",{className:"grid grid-cols-3 gap-4",children:["Revenue","Users","Sessions"].map(r=>e.jsxs("div",{className:"rounded-[10px] border border-(--color-semantic-line-primary-subtle) bg-white/60 dark:bg-white/5 p-4",children:[e.jsx("p",{className:"text-xs text-gray-400 mb-1",children:r}),e.jsx("p",{className:"text-xl font-semibold text-gray-800 dark:text-gray-100",children:"—"})]},r))})})})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { MacOSSonomaLayoutContent } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-C0NugKZs.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"MacOSSonomaLayoutContent",description:"Content shell for Sonoma layouts. Combines a toolbar with leading / center / trailing slots and a scrollable main area with consistent padding.",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-400 via-green-500 to-teal-600 rounded-full flex items-center justify-center shadow-lg border border-emerald-400/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,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"With Toolbar Slots",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"h-80 rounded-xl overflow-hidden border border-(--color-semantic-line-primary-subtle) shadow-(--shadow-card)",children:e.jsx(t.MacOSSonomaLayoutContent,{toolbarLeading: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(a.ChevronLeft,{className:"h-4 w-4"}),"Back"]}),toolbarCenter:e.jsx("span",{className:"text-[13px] font-semibold text-gray-800 dark:text-gray-100",children:"Dashboard"}),toolbarTrailing:e.jsxs("button",{className:"flex items-center gap-1.5 rounded-md px-3 py-1 text-sm bg-blue-500 text-white hover:bg-blue-600",children:[e.jsx(a.Plus,{className:"h-3.5 w-3.5"}),"New"]}),children:e.jsx("div",{className:"grid grid-cols-3 gap-4",children:["Revenue","Users","Sessions"].map(r=>e.jsxs("div",{className:"rounded-[10px] border border-(--color-semantic-line-primary-subtle) bg-white/60 dark:bg-white/5 p-4",children:[e.jsx("p",{className:"text-xs text-gray-400 mb-1",children:r}),e.jsx("p",{className:"text-xl font-semibold text-gray-800 dark:text-gray-100",children:"—"})]},r))})})})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { MacOSSonomaLayoutContent } from '@e-burgos/tucu-ui';
 
 function PageLayout() {
   return (

package/documentation/{SonomaLayoutSidebarSection-pojkz3vG.js → SonomaLayoutSidebarSection-B1bkV4gJ.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { H as r, C as o, a as t, bp as n, c as i } from "../index-19KsCnyX.js";
+import { H as r, C as o, a as t, bp as n, c as i } from "../index-4GONhZIF.js";
 import { PanelLeftClose as c, LayoutDashboard as m, Play as l, Archive as d, FolderKanban as h, BarChart2 as p, Users as u, Settings as b } from "lucide-react";
 import "react-router-dom";
 import "react";