@e-burgos/tucu-ui 2.0.9 → 2.0.11

package/documentation/{ListContainerSection-D5k1iNKV.js → ListContainerSection-CNdIMVPD.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as m, jsx as e } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { H as h, C as o, a, T as n, ab as s, P as p, A as g, c as C } from "../index-lfg6LZ1p.js";
+import { H as h, C as o, a, T as n, ab as s, P as p, A as g, c as C } from "../index-4GONhZIF.js";
 import { List as N, Activity as u, Edit as f, Trash as b, Share as w } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{ListItemSection-Bwr8NH-L.js → ListItemSection-CDiUyEEa.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"ListItem",description:`A list item component for displaying items in dropdowns and menus with
+"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 a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"ListItem",description:`A list item component for displaying items in dropdowns and menus with
           support for icons, labels, and custom content.`,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-600 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.ListMinus,{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-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic List Items"}),e.jsxs("ul",{className:"space-y-1",children:[e.jsx(s.ListItem,{id:"1",label:"Item 1"}),e.jsx(s.ListItem,{id:"2",label:"Item 2"}),e.jsx(s.ListItem,{id:"3",label:"Item 3"})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Icons"}),e.jsxs("ul",{className:"space-y-1",children:[e.jsx(s.ListItem,{id:"1",label:"Home",icon:e.jsx(t.Home,{className:"w-4 h-4"})}),e.jsx(s.ListItem,{id:"2",label:"Settings",icon:e.jsx(t.Settings,{className:"w-4 h-4"})}),e.jsx(s.ListItem,{id:"3",label:"Profile",icon:e.jsx(t.User,{className:"w-4 h-4"})})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"States"}),e.jsxs("ul",{className:"space-y-1",children:[e.jsx(s.ListItem,{id:"1",label:"Active Item",active:!0}),e.jsx(s.ListItem,{id:"2",label:"Normal Item"}),e.jsx(s.ListItem,{id:"3",label:"Disabled Item",disabled:!0})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Content"}),e.jsx("ul",{className:"space-y-1",children:e.jsx(s.ListItem,{id:"1",content:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Star,{className:"w-4 h-4"}),e.jsx("span",{children:"Custom Content"})]})})})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"ListItem",defaultValues:{label:"List Item",active:!1,disabled:!1},excludeProps:["onClick","content","icon","id"],children:i=>e.jsx(s.ListItem,{...i})}),e.jsx(s.AutoPropsTable,{componentName:"ListItem"}),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 { ListItem, LucideIcons } from '@e-burgos/tucu-ui';
 
 // Basic usage

package/documentation/{ListItemSection-CU785nZa.js → ListItemSection-SGEMovLU.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { H as d, C as l, a as t, T as i, ac as s, P as n, A as o, c as r } from "../index-lfg6LZ1p.js";
+import { H as d, C as l, a as t, T as i, ac as s, P as n, A as o, c as r } from "../index-4GONhZIF.js";
 import { ListMinus as h, Home as p, Settings as u, User as b, Star as N } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{LiveDemoSection-B5j1ZGtq.js → LiveDemoSection-B25zuxk-.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Live Demo Form",description:"See the form system in action with a fully functional interactive example featuring validation, error states, and submission handling.",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-green-500 via-teal-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Play,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Interactive Example"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Navigate to the full form example to interact with all input types, validation modes, and form methods"})]}),e.jsx(a.CardContainer,{children:e.jsx("div",{className:"w-full p-6 sm:p-8 space-y-6",children:e.jsxs("div",{className:"flex flex-col items-center text-center space-y-4",children:[e.jsx("div",{className:"p-4 rounded-full bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800",children:e.jsx(s.ExternalLink,{className:"w-8 h-8 text-white"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg",children:"Form Example Page"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 max-w-md",children:"A complete form with all available input types, centralized validation, real-time error feedback, and submission handling."})]}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(a.Button,{size:"medium",children:e.jsx(a.AnchorLink,{to:"/form-system/example",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Play,{className:"w-4 h-4"}),"Open Form Example"]})})}),e.jsx(a.Button,{size:"medium",variant:"ghost",children:e.jsx(a.AnchorLink,{to:"/form-system/code-example",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Code,{className:"w-4 h-4"}),"View Source Code"]})})})]})]})})})]})]});exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Live Demo Form",description:"See the form system in action with a fully functional interactive example featuring validation, error states, and submission handling.",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-green-500 via-teal-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Play,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Interactive Example"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Navigate to the full form example to interact with all input types, validation modes, and form methods"})]}),e.jsx(a.CardContainer,{children:e.jsx("div",{className:"w-full p-6 sm:p-8 space-y-6",children:e.jsxs("div",{className:"flex flex-col items-center text-center space-y-4",children:[e.jsx("div",{className:"p-4 rounded-full bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800",children:e.jsx(s.ExternalLink,{className:"w-8 h-8 text-white"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg",children:"Form Example Page"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 max-w-md",children:"A complete form with all available input types, centralized validation, real-time error feedback, and submission handling."})]}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(a.Button,{size:"medium",children:e.jsx(a.AnchorLink,{to:"/form-system/example",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Play,{className:"w-4 h-4"}),"Open Form Example"]})})}),e.jsx(a.Button,{size:"medium",variant:"ghost",children:e.jsx(a.AnchorLink,{to:"/form-system/code-example",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Code,{className:"w-4 h-4"}),"View Source Code"]})})})]})]})})})]})]});exports.default=r;

package/documentation/{LiveDemoSection-BHq8HDj_.js → LiveDemoSection-DOq43-14.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { H as m, T as t, C as n, x as r, a9 as i } from "../index-lfg6LZ1p.js";
+import { H as m, T as t, C as n, x as r, a9 as i } from "../index-4GONhZIF.js";
 import { Play as l, ExternalLink as d, Code as c } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{LiveDemonstrationsSection-CSSKZrex.js → LiveDemonstrationsSection-BKjaRELq.js}

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),s=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");const O=()=>{const[o,N]=r.useState("Hello, World!"),[d,i]=r.useState(!1),[m,x]=r.useState(!1),[f,g]=r.useState(""),[w,p]=r.useState("Checking..."),k=s.useBreakpoint(),{isMobile:v}=s.useIsMobile(),[u,T]=s.useCopyToClipboard(),{addToast:n}=s.useToastStore(),{isGridCompact:c,setIsGridCompact:C}=s.useGridSwitcher(),{x:S,y:M}=s.useWindowScroll(),y=s.useIsMounted(),j=r.useRef(null),[B,{width:E,height:R}]=s.useElementSize(),[I,b]=s.useMeasure(),{sliderEl:L,sliderPrevBtn:z,sliderNextBtn:G,scrollToTheRight:D,scrollToTheLeft:W}=s.useScrollableSlider("/");s.useLockBodyScroll(d),s.useClickAway(j,()=>{x(!1)}),s.useEventListener("keydown",a=>{g(a.key),setTimeout(()=>g(""),1e3)}),r.useEffect(()=>{p(y?"Component is mounted":"Component is not mounted")},[y]);const $=()=>{T(o),n({id:`copy-${Date.now()}`,title:"Copied!",message:`Copied "${o}" to clipboard`,variant:"success"})},q=()=>{const a=!c;C(a),n({id:`layout-${Date.now()}`,title:"Layout Changed",message:`Switched to ${a?"Compact":"Normal"} layout`,variant:"info"})},l=(a="success")=>{n({id:`toast-${Date.now()}`,title:"Test Toast",message:`This is a ${a} toast notification`,variant:a,timeout:3e3})},A=Array.from({length:10},(a,h)=>({id:h+1,title:`Item ${h+1}`,content:`Content for item ${h+1}`}));return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Live Hook Demonstrations",description:"Interactive examples showing every hook in action. Resize the window, click buttons, and interact with the demos to see real-time hook behavior.",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-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Play,{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:"Responsive Detection"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Real-time breakpoint detection and mobile state tracking"})]}),e.jsx(s.CardContainer,{children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(t.Monitor,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"useBreakpoint & useIsMobile"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"bg-white dark:bg-gray-800 p-4 rounded-lg border",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useBreakpoint"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Current:"}),e.jsx(s.Badge,{className:"text-dark dark:text-white",children:k})]}),e.jsx(s.Typography,{tag:"p",className:"text-xs text-gray-500",children:"Resize your window to see changes"})]})]}),e.jsxs("div",{className:"bg-white dark:bg-gray-800 p-4 rounded-lg border",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useIsMobile"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Is Mobile:"}),e.jsx(s.Badge,{className:"text-dark dark:text-white",children:v?"Yes":"No"})]}),e.jsx(s.Typography,{tag:"p",className:"text-xs text-gray-500",children:"True for xs, sm, md breakpoints (≤768px)"})]})]})]}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-gray-700 overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const breakpoint = useBreakpoint();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),s=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");const O=()=>{const[o,N]=r.useState("Hello, World!"),[d,i]=r.useState(!1),[m,x]=r.useState(!1),[f,g]=r.useState(""),[w,p]=r.useState("Checking..."),k=s.useBreakpoint(),{isMobile:v}=s.useIsMobile(),[u,T]=s.useCopyToClipboard(),{addToast:n}=s.useToastStore(),{isGridCompact:c,setIsGridCompact:C}=s.useGridSwitcher(),{x:S,y:M}=s.useWindowScroll(),y=s.useIsMounted(),b=r.useRef(null),[B,{width:E,height:R}]=s.useElementSize(),[I,j]=s.useMeasure(),{sliderEl:L,sliderPrevBtn:z,sliderNextBtn:G,scrollToTheRight:D,scrollToTheLeft:W}=s.useScrollableSlider("/");s.useLockBodyScroll(d),s.useClickAway(b,()=>{x(!1)}),s.useEventListener("keydown",a=>{g(a.key),setTimeout(()=>g(""),1e3)}),r.useEffect(()=>{p(y?"Component is mounted":"Component is not mounted")},[y]);const $=()=>{T(o),n({id:`copy-${Date.now()}`,title:"Copied!",message:`Copied "${o}" to clipboard`,variant:"success"})},q=()=>{const a=!c;C(a),n({id:`layout-${Date.now()}`,title:"Layout Changed",message:`Switched to ${a?"Compact":"Normal"} layout`,variant:"info"})},l=(a="success")=>{n({id:`toast-${Date.now()}`,title:"Test Toast",message:`This is a ${a} toast notification`,variant:a,timeout:3e3})},A=Array.from({length:10},(a,h)=>({id:h+1,title:`Item ${h+1}`,content:`Content for item ${h+1}`}));return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Live Hook Demonstrations",description:"Interactive examples showing every hook in action. Resize the window, click buttons, and interact with the demos to see real-time hook behavior.",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-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Play,{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:"Responsive Detection"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Real-time breakpoint detection and mobile state tracking"})]}),e.jsx(s.CardContainer,{children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(t.Monitor,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"useBreakpoint & useIsMobile"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"bg-white dark:bg-gray-800 p-4 rounded-lg border",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useBreakpoint"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Current:"}),e.jsx(s.Badge,{className:"text-dark dark:text-white",children:k})]}),e.jsx(s.Typography,{tag:"p",className:"text-xs text-gray-500",children:"Resize your window to see changes"})]})]}),e.jsxs("div",{className:"bg-white dark:bg-gray-800 p-4 rounded-lg border",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useIsMobile"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Is Mobile:"}),e.jsx(s.Badge,{className:"text-dark dark:text-white",children:v?"Yes":"No"})]}),e.jsx(s.Typography,{tag:"p",className:"text-xs text-gray-500",children:"True for xs, sm, md breakpoints (≤768px)"})]})]})]}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const breakpoint = useBreakpoint();
 // Returns: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl'
 
 const { isMobile } = useIsMobile();
-// Returns: { isMobile: boolean } — true for xs/sm/md`})})]})})]}),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:"Element Measurement"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Track element dimensions and bounds in real-time"})]}),e.jsx(s.CardContainer,{children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:e.jsx(t.Ruler,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"useElementSize & useMeasure"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useElementSize"}),e.jsxs("div",{ref:B,className:"bg-blue-100 dark:bg-blue-800 p-4 rounded-lg border-2 border-dashed border-blue-300 dark:border-blue-600 resize overflow-auto min-h-25",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"Resize this element (drag corner)"}),e.jsxs(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400 mt-2",children:["Size: ",Math.round(E)," ×"," ",Math.round(R),"px"]})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useMeasure"}),e.jsxs("div",{ref:I,className:"bg-cyan-100 dark:bg-cyan-800 p-4 rounded-lg border-2 border-dashed border-cyan-300 dark:border-cyan-600 min-h-25",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"Measured element"}),e.jsxs(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400 mt-2",children:["Bounds: ",Math.round(b.width)," ×"," ",Math.round(b.height),"px"]})]})]})]}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-gray-700 overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`// useElementSize — returns [callbackRef, { width, height }]
+// Returns: { isMobile: boolean } — true for xs/sm/md`})})]})})]}),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:"Element Measurement"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Track element dimensions and bounds in real-time"})]}),e.jsx(s.CardContainer,{children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:e.jsx(t.Ruler,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"useElementSize & useMeasure"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useElementSize"}),e.jsxs("div",{ref:B,className:"bg-blue-100 dark:bg-blue-800 p-4 rounded-lg border-2 border-dashed border-blue-300 dark:border-blue-600 resize overflow-auto min-h-25",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"Resize this element (drag corner)"}),e.jsxs(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400 mt-2",children:["Size: ",Math.round(E)," ×"," ",Math.round(R),"px"]})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useMeasure"}),e.jsxs("div",{ref:I,className:"bg-cyan-100 dark:bg-cyan-800 p-4 rounded-lg border-2 border-dashed border-cyan-300 dark:border-cyan-600 min-h-25",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"Measured element"}),e.jsxs(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400 mt-2",children:["Bounds: ",Math.round(j.width)," ×"," ",Math.round(j.height),"px"]})]})]})]}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`// useElementSize — returns [callbackRef, { width, height }]
 const [ref, { width, height }] = useElementSize<HTMLDivElement>();
 
 // useMeasure — returns [callbackRef, bounds]
 const [ref, bounds] = useMeasure<HTMLDivElement>();
-// bounds: { x, y, width, height, top, right, bottom, left }`})})]})})]}),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:"User Interaction"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Click detection, clipboard, and event handling demos"})]}),e.jsx(s.CardContainer,{children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-purple-500 to-violet-500 shadow-lg",children:e.jsx(t.MousePointer,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"useClickAway & useCopyToClipboard"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useClickAway"}),e.jsxs("div",{className:"relative",ref:j,children:[e.jsxs(s.Button,{onClick:()=>x(!m),variant:"ghost",className:"w-full",children:[e.jsx(t.ChevronDown,{className:"w-4 h-4 mr-2"}),"Click to open dropdown"]}),m&&e.jsx("div",{className:"absolute top-full left-0 right-0 mt-2 bg-white dark:bg-gray-800 border rounded-lg shadow-lg p-4 z-10",children:e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"Click outside to close this dropdown"})})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useCopyToClipboard"}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("input",{type:"text",value:o,onChange:a=>N(a.target.value),className:"w-full px-3 py-2 border rounded-lg dark:bg-gray-800 dark:border-gray-600",placeholder:"Enter text to copy"}),e.jsxs(s.Button,{onClick:$,className:"w-full",children:[e.jsx(t.Copy,{className:"w-4 h-4 mr-2"}),"Copy to Clipboard"]}),u.value&&e.jsxs(s.Typography,{tag:"p",className:"text-sm text-green-600 dark:text-green-400",children:["✓ Copied: ",u.value]})]})]})]}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-gray-700 overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`// useCopyToClipboard — returns [state, copyFn]
+// bounds: { x, y, width, height, top, right, bottom, left }`})})]})})]}),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:"User Interaction"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Click detection, clipboard, and event handling demos"})]}),e.jsx(s.CardContainer,{children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-purple-500 to-violet-500 shadow-lg",children:e.jsx(t.MousePointer,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"useClickAway & useCopyToClipboard"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useClickAway"}),e.jsxs("div",{className:"relative",ref:b,children:[e.jsxs(s.Button,{onClick:()=>x(!m),variant:"ghost",className:"w-full",children:[e.jsx(t.ChevronDown,{className:"w-4 h-4 mr-2"}),"Click to open dropdown"]}),m&&e.jsx("div",{className:"absolute top-full left-0 right-0 mt-2 bg-white dark:bg-gray-800 border rounded-lg shadow-lg p-4 z-10",children:e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"Click outside to close this dropdown"})})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useCopyToClipboard"}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("input",{type:"text",value:o,onChange:a=>N(a.target.value),className:"w-full px-3 py-2 border rounded-lg dark:bg-gray-800 dark:border-border",placeholder:"Enter text to copy"}),e.jsxs(s.Button,{onClick:$,className:"w-full",children:[e.jsx(t.Copy,{className:"w-4 h-4 mr-2"}),"Copy to Clipboard"]}),u.value&&e.jsxs(s.Typography,{tag:"p",className:"text-sm text-green-600 dark:text-green-400",children:["✓ Copied: ",u.value]})]})]})]}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`// useCopyToClipboard — returns [state, copyFn]
 const [state, copyToClipboard] = useCopyToClipboard();
 // state: { value?: string; error?: Error; noUserInteraction: boolean }
 copyToClipboard('text');
 
 // useClickAway — detects clicks outside ref
 const ref = useRef(null);
-useClickAway(ref, () => setIsOpen(false));`})})]})})]}),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:"UI State Management"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Global state hooks for layout and notifications"})]}),e.jsx(s.CardContainer,{children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:e.jsx(t.Settings,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"useGridSwitcher & useToastStore"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useGridSwitcher"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Current layout:"}),e.jsx(s.Badge,{className:"text-dark dark:text-white",children:c?"Compact":"Normal"})]}),e.jsxs(s.Button,{onClick:q,variant:"ghost",className:"w-full",children:[e.jsx(t.LayoutGrid,{className:"w-4 h-4 mr-2"}),"Switch to ",c?"Normal":"Compact"]})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useToastStore"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsx(s.Button,{color:"success",fullWidth:!0,onClick:()=>l("success"),children:"Success"}),e.jsx(s.Button,{color:"danger",fullWidth:!0,onClick:()=>l("destructive"),children:"Error"}),e.jsx(s.Button,{color:"warning",fullWidth:!0,onClick:()=>l("warning"),children:"Warning"}),e.jsx(s.Button,{color:"info",fullWidth:!0,onClick:()=>l("info"),children:"Info"})]})]})]}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-gray-700 overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`// useToastStore — Zustand store for notifications
+useClickAway(ref, () => setIsOpen(false));`})})]})})]}),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:"UI State Management"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Global state hooks for layout and notifications"})]}),e.jsx(s.CardContainer,{children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:e.jsx(t.Settings,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-base font-semibold",children:"useGridSwitcher & useToastStore"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useGridSwitcher"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Current layout:"}),e.jsx(s.Badge,{className:"text-dark dark:text-white",children:c?"Compact":"Normal"})]}),e.jsxs(s.Button,{onClick:q,variant:"ghost",className:"w-full",children:[e.jsx(t.LayoutGrid,{className:"w-4 h-4 mr-2"}),"Switch to ",c?"Normal":"Compact"]})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useToastStore"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsx(s.Button,{color:"success",fullWidth:!0,onClick:()=>l("success"),children:"Success"}),e.jsx(s.Button,{color:"danger",fullWidth:!0,onClick:()=>l("destructive"),children:"Error"}),e.jsx(s.Button,{color:"warning",fullWidth:!0,onClick:()=>l("warning"),children:"Warning"}),e.jsx(s.Button,{color:"info",fullWidth:!0,onClick:()=>l("info"),children:"Info"})]})]})]}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`// useToastStore — Zustand store for notifications
 const { addToast, dismissToast, toasts } = useToastStore();
 addToast({
   id: 'unique-id',

package/documentation/{LiveDemonstrationsSection-B5iutGu_.js → LiveDemonstrationsSection-C4UcxA40.js}

@@ -1,11 +1,11 @@
 import { jsxs as a, Fragment as K, jsx as e } from "react/jsx-runtime";
 import { useState as d, useRef as X, useEffect as Y } from "react";
-import { aB as Z, aC as q, aD as J, al as _, aE as Q, aF as V, aG as ee, aH as ae, aI as se, aJ as te, aK as re, aL as le, aM as de, H as ie, T as s, C as i, K as l, c, x as r } from "../index-lfg6LZ1p.js";
-import { Play as oe, Monitor as ce, Ruler as ne, MousePointer as me, ChevronDown as he, Copy as ge, Settings as ue, LayoutGrid as pe, Zap as be, ChevronLeft as xe, ChevronRight as Ne, Lock as fe, X as ye } from "lucide-react";
+import { aD as Z, aE as q, aF as J, al as _, aG as Q, aH as V, aI as ee, aJ as ae, aK as se, aL as te, aM as re, aN as le, aO as de, H as ie, T as s, C as i, K as l, c, x as r } from "../index-4GONhZIF.js";
+import { Play as oe, Monitor as ce, Ruler as ne, MousePointer as me, ChevronDown as he, Copy as ge, Settings as ue, LayoutGrid as pe, Zap as be, ChevronLeft as xe, ChevronRight as Ne, Lock as fe, X as we } from "lucide-react";
 import "react-router-dom";
 import "react-dom";
 const Te = () => {
-  const [n, C] = d("Hello, World!"), [m, h] = d(!1), [b, x] = d(!1), [S, N] = d(""), [M, f] = d("Checking..."), T = Z(), { isMobile: E } = q(), [y, I] = J(), { addToast: g } = _(), { isGridCompact: u, setIsGridCompact: L } = Q(), { x: R, y: z } = V(), w = ee(), v = X(null), [B, { width: G, height: D }] = ae(), [W, k] = se(), {
+  const [n, C] = d("Hello, World!"), [m, h] = d(!1), [b, x] = d(!1), [S, N] = d(""), [M, f] = d("Checking..."), T = Z(), { isMobile: E } = q(), [w, I] = J(), { addToast: g } = _(), { isGridCompact: u, setIsGridCompact: L } = Q(), { x: R, y: z } = V(), y = ee(), v = X(null), [B, { width: G, height: D }] = ae(), [W, k] = se(), {
     sliderEl: H,
     sliderPrevBtn: $,
     sliderNextBtn: A,
@@ -17,8 +17,8 @@ const Te = () => {
   }), de("keydown", (t) => {
     N(t.key), setTimeout(() => N(""), 1e3);
   }), Y(() => {
-    f(w ? "Component is mounted" : "Component is not mounted");
-  }, [w]);
+    f(y ? "Component is mounted" : "Component is not mounted");
+  }, [y]);
   const j = () => {
     I(n), g({
       id: `copy-${Date.now()}`,
@@ -95,7 +95,7 @@ const Te = () => {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "bg-light-dark p-4 rounded-xl border dark:border-gray-700 overflow-x-auto", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto", children: /* @__PURE__ */ e(
           c,
           {
             language: "tsx",
@@ -184,7 +184,7 @@ const { isMobile } = useIsMobile();
             )
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "bg-light-dark p-4 rounded-xl border dark:border-gray-700 overflow-x-auto", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto", children: /* @__PURE__ */ e(
           c,
           {
             language: "tsx",
@@ -244,7 +244,7 @@ const [ref, bounds] = useMeasure<HTMLDivElement>();
                   type: "text",
                   value: n,
                   onChange: (t) => C(t.target.value),
-                  className: "w-full px-3 py-2 border rounded-lg dark:bg-gray-800 dark:border-gray-600",
+                  className: "w-full px-3 py-2 border rounded-lg dark:bg-gray-800 dark:border-border",
                   placeholder: "Enter text to copy"
                 }
               ),
@@ -252,21 +252,21 @@ const [ref, bounds] = useMeasure<HTMLDivElement>();
                 /* @__PURE__ */ e(ge, { className: "w-4 h-4 mr-2" }),
                 "Copy to Clipboard"
               ] }),
-              y.value && /* @__PURE__ */ a(
+              w.value && /* @__PURE__ */ a(
                 s,
                 {
                   tag: "p",
                   className: "text-sm text-green-600 dark:text-green-400",
                   children: [
                     "✓ Copied: ",
-                    y.value
+                    w.value
                   ]
                 }
               )
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "bg-light-dark p-4 rounded-xl border dark:border-gray-700 overflow-x-auto", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto", children: /* @__PURE__ */ e(
           c,
           {
             language: "tsx",
@@ -365,7 +365,7 @@ useClickAway(ref, () => setIsOpen(false));`
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "bg-light-dark p-4 rounded-xl border dark:border-gray-700 overflow-x-auto", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto", children: /* @__PURE__ */ e(
           c,
           {
             language: "tsx",
@@ -518,7 +518,7 @@ const { isGridCompact, setIsGridCompact } = useGridSwitcher();`
           {
             onClick: () => h(!1),
             className: "text-gray-500 hover:text-gray-700",
-            children: /* @__PURE__ */ e(ye, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ e(we, { className: "w-5 h-5" })
           }
         )
       ] }),

package/documentation/{LivePriceFeedSection-CguTUwPn.js → LivePriceFeedSection-BefdnOKq.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { H as m, C as i, a as r, T as c, L as n, B as l, E as d, P as h, A as u, c as p } from "../index-lfg6LZ1p.js";
+import { H as m, C as i, a as r, T as c, L as n, B as l, E as d, P as h, A as u, c as p } from "../index-4GONhZIF.js";
 import { TrendingUp as v } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{LivePriceFeedSection-Ie3MtK5B.js → LivePriceFeedSection-DEOXLnRs.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const i=[{name:1,value:45e3},{name:2,value:45200},{name:3,value:44800},{name:4,value:45100},{name:5,value:45300}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"LivePriceFeed",description:"Real-time price display with integrated chart visualization for cryptocurrency price tracking.",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-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-green-500/50",children:e.jsx(n.TrendingUp,{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:"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(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Chart"}),e.jsx(a.LivePriceFeed,{id:"bitcoin",name:"Bitcoin",symbol:"BTC",icon:e.jsx(a.Bitcoin,{className:"w-6 h-6"}),balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,prices:i})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Negative Change"}),e.jsx(a.LivePriceFeed,{id:"ethereum",name:"Ethereum",symbol:"ETH",icon:e.jsx(a.Ethereum,{className:"w-6 h-6"}),balance:"5.5",usdBalance:"16,500",change:"-1.8%",isChangePositive:!1,prices:[{name:1,value:3e3},{name:2,value:2950},{name:3,value:2980},{name:4,value:2920},{name:5,value:2900}]})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"LivePriceFeed",defaultValues:{id:"bitcoin",name:"Bitcoin",symbol:"BTC",balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,isBorder:!1},controlOverrides:[{name:"isChangePositive",type:"boolean",description:"Whether the price change is positive"},{name:"isBorder",type:"boolean",description:"Show border around the component"}],includeProps:["id","name","symbol","balance","usdBalance","change","isChangePositive","isBorder"],children:s=>e.jsx("div",{className:"w-full",children:e.jsx(a.LivePriceFeed,{...s,icon:e.jsx(a.Bitcoin,{className:"w-6 h-6"}),prices:i})})}),e.jsx(a.AutoPropsTable,{componentName:"LivePriceFeed"}),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 { LivePriceFeed } 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"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const i=[{name:1,value:45e3},{name:2,value:45200},{name:3,value:44800},{name:4,value:45100},{name:5,value:45300}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"LivePriceFeed",description:"Real-time price display with integrated chart visualization for cryptocurrency price tracking.",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-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-green-500/50",children:e.jsx(n.TrendingUp,{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:"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(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Chart"}),e.jsx(a.LivePriceFeed,{id:"bitcoin",name:"Bitcoin",symbol:"BTC",icon:e.jsx(a.Bitcoin,{className:"w-6 h-6"}),balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,prices:i})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Negative Change"}),e.jsx(a.LivePriceFeed,{id:"ethereum",name:"Ethereum",symbol:"ETH",icon:e.jsx(a.Ethereum,{className:"w-6 h-6"}),balance:"5.5",usdBalance:"16,500",change:"-1.8%",isChangePositive:!1,prices:[{name:1,value:3e3},{name:2,value:2950},{name:3,value:2980},{name:4,value:2920},{name:5,value:2900}]})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"LivePriceFeed",defaultValues:{id:"bitcoin",name:"Bitcoin",symbol:"BTC",balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,isBorder:!1},controlOverrides:[{name:"isChangePositive",type:"boolean",description:"Whether the price change is positive"},{name:"isBorder",type:"boolean",description:"Show border around the component"}],includeProps:["id","name","symbol","balance","usdBalance","change","isChangePositive","isBorder"],children:s=>e.jsx("div",{className:"w-full",children:e.jsx(a.LivePriceFeed,{...s,icon:e.jsx(a.Bitcoin,{className:"w-6 h-6"}),prices:i})})}),e.jsx(a.AutoPropsTable,{componentName:"LivePriceFeed"}),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 { LivePriceFeed } from '@e-burgos/tucu-ui';
 
 const priceData = [
   { name: 1, value: 45000 },

package/documentation/{LoaderSection-wo7VqH01.js → LoaderSection-BZvT07RC.js}

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

package/documentation/{LoaderSection-CFIf6Cwz.js → LoaderSection-xaMFxvDA.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Loader",description:`A versatile loader component with multiple animation variants and
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Loader",description:`A versatile loader component with multiple animation variants and
           sizes for indicating loading states.`,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-indigo-500 to-violet-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Loader2,{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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.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(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Default Loader"}),e.jsx(a.Loader,{})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Small Loader"}),e.jsx(a.Loader,{size:"small"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Large Loader"}),e.jsx(a.Loader,{size:"large"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Three Dots Only"}),e.jsx(a.Loader,{showOnlyThreeDots:!0})]})]})})})}),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:"Blink Variant"}),e.jsx(a.Loader,{variant:"blink"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Scale Up Variant"}),e.jsx(a.Loader,{variant:"scaleUp"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Move Up Variant"}),e.jsx(a.Loader,{variant:"moveUp"})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"Loader",defaultValues:{variant:"moveUp",size:"medium",color:"primary",showOnlyThreeDots:!1,tag:"div"},excludeProps:[],children:r=>e.jsx(a.Loader,{...r})}),e.jsx(a.AutoPropsTable,{componentName:"Loader"}),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 { Loader } from '@e-burgos/tucu-ui';
 
 // Basic usage

package/documentation/{LogoSection-D2o5z1v0.js → LogoSection-Dd5fUaTc.js}

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

package/documentation/{LogoSection-D53DSw6e.js → LogoSection-ahbLL3rC.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-BaGqriuz.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Logo",description:`A flexible logo component that automatically adapts to light/dark mode
+"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 t=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Logo",description:`A flexible logo component that automatically adapts to light/dark mode
           and supports various sizes and configurations.`,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-rose-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Sparkles,{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-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Logo (uses defaults)"}),e.jsx(s.Logo,{})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Custom Names"}),e.jsx(s.Logo,{name:"Custom",secondName:"App"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"flex items-center gap-4 flex-wrap",children:[e.jsx(s.Logo,{name:"TUCU",size:"small"}),e.jsx(s.Logo,{name:"TUCU",size:"medium"}),e.jsx(s.Logo,{name:"TUCU",size:"large"}),e.jsx(s.Logo,{name:"TUCU",size:"xlarge"})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Link Path"}),e.jsx(s.Logo,{name:"TUCU",path:"/home"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Isotype Mode (First Letters Only)"}),e.jsx(s.Logo,{name:"TUCU",secondName:"UI",isoType:!0})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Classes"}),e.jsx(s.Logo,{name:"TUCU",className:"opacity-80 hover:opacity-100 transition-opacity"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Custom Logo Component"}),e.jsx(s.Logo,{name:"MY",secondName:"APP",logo:e.jsx("div",{className:"w-16 h-16 bg-linear-to-br from-blue-500 to-purple-600 rounded-lg flex items-center justify-center text-white font-bold text-xl shadow-lg",children:"M"})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Advanced 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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Custom Logo with SVG Icon"}),e.jsx(s.Logo,{name:"COMPANY",secondName:"LLC",logo:e.jsxs("svg",{width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"rounded-lg",children:[e.jsx("rect",{width:"64",height:"64",rx:"12",fill:"url(#gradient)"}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:"gradient",x1:"0",y1:"0",x2:"64",y2:"64",children:[e.jsx("stop",{offset:"0%",stopColor:"#3B82F6"}),e.jsx("stop",{offset:"100%",stopColor:"#8B5CF6"})]})}),e.jsx("path",{d:"M32 20L40 28L32 36L24 28L32 20Z",fill:"white"}),e.jsx("path",{d:"M20 32L28 40L36 32L28 24L20 32Z",fill:"white",opacity:"0.8"})]})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Custom Logo with Image"}),e.jsx(s.Logo,{name:"COMPANY",secondName:"",logo:e.jsx("div",{className:"w-16 h-16 bg-linear-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-xl flex items-center justify-center text-white font-bold text-2xl shadow-lg border-2 border-white/20",children:"C"})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Only Primary Name"}),e.jsx(s.Logo,{name:"MYAPP",secondName:""})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Only Secondary Name"}),e.jsx(s.Logo,{name:"",secondName:"BRAND"})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"Logo",defaultValues:{name:"Tucu",secondName:"UI",size:"medium",isoType:!1},excludeProps:["path","logo","preset"],children:o=>e.jsx(s.Logo,{...o})}),e.jsx(s.AutoPropsTable,{componentName:"Logo"}),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 { Logo } from '@e-burgos/tucu-ui';
 
 // Default usage (uses "TUCU" and "UI" as defaults)

package/documentation/{LucideIconsSection-BmFnUvOo.js → LucideIconsSection-BZDRn21n.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),o=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const h=()=>{const[r,t]=d.useState(null),l=[{category:"Navigation & Layout",description:"Essential navigation and layout icons",icon:e.jsx(s.Navigation,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-indigo-500 to-purple-500",icons:[{name:"Home",component:e.jsx(s.Home,{className:"w-6 h-6"})},{name:"Menu",component:e.jsx(s.Menu,{className:"w-6 h-6"})},{name:"ArrowLeft",component:e.jsx(s.ArrowLeft,{className:"w-6 h-6"})},{name:"ArrowRight",component:e.jsx(s.ArrowRight,{className:"w-6 h-6"})},{name:"ChevronUp",component:e.jsx(s.ChevronUp,{className:"w-6 h-6"})},{name:"ChevronDown",component:e.jsx(s.ChevronDown,{className:"w-6 h-6"})},{name:"Grid3X3",component:e.jsx(s.Grid3X3,{className:"w-6 h-6"})},{name:"List",component:e.jsx(s.List,{className:"w-6 h-6"})}]},{category:"Actions & Controls",description:"Common action and interactive control icons",icon:e.jsx(s.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-pink-500 to-rose-500",icons:[{name:"Plus",component:e.jsx(s.Plus,{className:"w-6 h-6"})},{name:"Minus",component:e.jsx(s.Minus,{className:"w-6 h-6"})},{name:"X",component:e.jsx(s.X,{className:"w-6 h-6"})},{name:"Check",component:e.jsx(s.Check,{className:"w-6 h-6"})},{name:"Edit",component:e.jsx(s.Edit,{className:"w-6 h-6"})},{name:"Trash2",component:e.jsx(s.Trash2,{className:"w-6 h-6"})},{name:"Download",component:e.jsx(s.Download,{className:"w-6 h-6"})},{name:"Upload",component:e.jsx(s.Upload,{className:"w-6 h-6"})}]},{category:"Status & Feedback",description:"Icons for status indicators and user feedback",icon:e.jsx(s.Bell,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",icons:[{name:"CheckCircle",component:e.jsx(s.CheckCircle,{className:"w-6 h-6"})},{name:"AlertCircle",component:e.jsx(s.AlertCircle,{className:"w-6 h-6"})},{name:"AlertTriangle",component:e.jsx(s.AlertTriangle,{className:"w-6 h-6"})},{name:"Info",component:e.jsx(s.Info,{className:"w-6 h-6"})},{name:"Loader2",component:e.jsx(s.Loader2,{className:"w-6 h-6"})},{name:"Clock",component:e.jsx(s.Clock,{className:"w-6 h-6"})},{name:"Eye",component:e.jsx(s.Eye,{className:"w-6 h-6"})},{name:"EyeOff",component:e.jsx(s.EyeOff,{className:"w-6 h-6"})}]}],i=a=>{const c=`<LucideIcons.${a} className="w-6 h-6" />`;navigator.clipboard.writeText(c),t(a),setTimeout(()=>t(null),2e3)};return e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"Lucide React Icons",description:"Access to 1500+ high-quality open-source icons through the LucideIcons namespace. Stroke-based, consistent, and fully compatible with Tailwind CSS.",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-blue-500 via-cyan-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Sparkles,{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(o.Typography,{tag:"h2",className:"mb-2",children:"Popular Icons"}),e.jsx(o.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"A sample of commonly used Lucide icons — click to copy usage code"})]}),e.jsx("div",{className:"space-y-6",children:l.map((a,c)=>e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:a.category,className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`p-2 rounded-lg bg-linear-to-br ${a.color} shadow-lg`,children:a.icon}),e.jsxs("div",{children:[e.jsx(o.Typography,{tag:"h3",className:"text-base font-semibold",children:a.category}),e.jsx(o.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:a.description})]})]}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-4",children:a.icons.map((n,m)=>e.jsxs("div",{className:"flex flex-col items-center gap-2 p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer group relative",onClick:()=>i(n.name),title:`Click to copy: LucideIcons.${n.name}`,children:[e.jsx("div",{className:"text-gray-700 dark:text-gray-300 group-hover:text-brand transition-colors",children:n.component}),e.jsx(o.Typography,{tag:"span",className:"text-xs text-center text-gray-500 dark:text-gray-400",children:n.name}),r===n.name&&e.jsx("div",{className:"absolute -top-8 left-1/2 transform -translate-x-1/2 px-2 py-1 bg-green-500 text-white text-xs rounded whitespace-nowrap z-10",children:"Copied!"})]},m))})]})})},c))})]})]})};exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),o=require("../index-C0NugKZs.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const h=()=>{const[r,t]=d.useState(null),l=[{category:"Navigation & Layout",description:"Essential navigation and layout icons",icon:e.jsx(s.Navigation,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-indigo-500 to-purple-500",icons:[{name:"Home",component:e.jsx(s.Home,{className:"w-6 h-6"})},{name:"Menu",component:e.jsx(s.Menu,{className:"w-6 h-6"})},{name:"ArrowLeft",component:e.jsx(s.ArrowLeft,{className:"w-6 h-6"})},{name:"ArrowRight",component:e.jsx(s.ArrowRight,{className:"w-6 h-6"})},{name:"ChevronUp",component:e.jsx(s.ChevronUp,{className:"w-6 h-6"})},{name:"ChevronDown",component:e.jsx(s.ChevronDown,{className:"w-6 h-6"})},{name:"Grid3X3",component:e.jsx(s.Grid3X3,{className:"w-6 h-6"})},{name:"List",component:e.jsx(s.List,{className:"w-6 h-6"})}]},{category:"Actions & Controls",description:"Common action and interactive control icons",icon:e.jsx(s.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-pink-500 to-rose-500",icons:[{name:"Plus",component:e.jsx(s.Plus,{className:"w-6 h-6"})},{name:"Minus",component:e.jsx(s.Minus,{className:"w-6 h-6"})},{name:"X",component:e.jsx(s.X,{className:"w-6 h-6"})},{name:"Check",component:e.jsx(s.Check,{className:"w-6 h-6"})},{name:"Edit",component:e.jsx(s.Edit,{className:"w-6 h-6"})},{name:"Trash2",component:e.jsx(s.Trash2,{className:"w-6 h-6"})},{name:"Download",component:e.jsx(s.Download,{className:"w-6 h-6"})},{name:"Upload",component:e.jsx(s.Upload,{className:"w-6 h-6"})}]},{category:"Status & Feedback",description:"Icons for status indicators and user feedback",icon:e.jsx(s.Bell,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",icons:[{name:"CheckCircle",component:e.jsx(s.CheckCircle,{className:"w-6 h-6"})},{name:"AlertCircle",component:e.jsx(s.AlertCircle,{className:"w-6 h-6"})},{name:"AlertTriangle",component:e.jsx(s.AlertTriangle,{className:"w-6 h-6"})},{name:"Info",component:e.jsx(s.Info,{className:"w-6 h-6"})},{name:"Loader2",component:e.jsx(s.Loader2,{className:"w-6 h-6"})},{name:"Clock",component:e.jsx(s.Clock,{className:"w-6 h-6"})},{name:"Eye",component:e.jsx(s.Eye,{className:"w-6 h-6"})},{name:"EyeOff",component:e.jsx(s.EyeOff,{className:"w-6 h-6"})}]}],i=a=>{const c=`<LucideIcons.${a} className="w-6 h-6" />`;navigator.clipboard.writeText(c),t(a),setTimeout(()=>t(null),2e3)};return e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"Lucide React Icons",description:"Access to 1500+ high-quality open-source icons through the LucideIcons namespace. Stroke-based, consistent, and fully compatible with Tailwind CSS.",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-blue-500 via-cyan-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Sparkles,{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(o.Typography,{tag:"h2",className:"mb-2",children:"Popular Icons"}),e.jsx(o.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"A sample of commonly used Lucide icons — click to copy usage code"})]}),e.jsx("div",{className:"space-y-6",children:l.map((a,c)=>e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:a.category,className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`p-2 rounded-lg bg-linear-to-br ${a.color} shadow-lg`,children:a.icon}),e.jsxs("div",{children:[e.jsx(o.Typography,{tag:"h3",className:"text-base font-semibold",children:a.category}),e.jsx(o.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:a.description})]})]}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-4",children:a.icons.map((n,m)=>e.jsxs("div",{className:"flex flex-col items-center gap-2 p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer group relative",onClick:()=>i(n.name),title:`Click to copy: LucideIcons.${n.name}`,children:[e.jsx("div",{className:"text-gray-700 dark:text-gray-300 group-hover:text-brand transition-colors",children:n.component}),e.jsx(o.Typography,{tag:"span",className:"text-xs text-center text-gray-500 dark:text-gray-400",children:n.name}),r===n.name&&e.jsx("div",{className:"absolute -top-8 left-1/2 transform -translate-x-1/2 px-2 py-1 bg-green-500 text-white text-xs rounded whitespace-nowrap z-10",children:"Copied!"})]},m))})]})})},c))})]})]})};exports.default=h;

package/documentation/{LucideIconsSection-BGhOfZ2S.js → LucideIconsSection-BrrSM3Gx.js}

@@ -1,6 +1,6 @@
 import { jsxs as o, Fragment as d, jsx as e } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { H as p, T as s, C as w, a as g } from "../index-lfg6LZ1p.js";
+import { H as p, T as s, C as w, a as g } from "../index-4GONhZIF.js";
 import { Sparkles as N, Home as u, Menu as f, ArrowLeft as x, ArrowRight as y, ChevronUp as v, ChevronDown as C, Grid3X3 as b, List as k, Navigation as I, Plus as L, Minus as A, X as T, Check as S, Edit as E, Trash2 as D, Download as H, Upload as M, Zap as U, CheckCircle as X, AlertCircle as j, AlertTriangle as P, Info as R, Loader2 as $, Clock as F, Eye as G, EyeOff as O, Bell as q } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{MFESupportSection-BfZN1ruk.js → MFESupportSection-Cnqx9zly.js}

@@ -1,10 +1,10 @@
 import { jsxs as t, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as l, T as a, C as i, a as r, c as o, aj as c, ax as d } from "../index-lfg6LZ1p.js";
+import { H as l, T as a, C as i, a as r, c as o, aj as c, ax as d } from "../index-4GONhZIF.js";
 import { Box as p, AlertTriangle as m, Settings as u, Split as h, Lock as g, Rocket as f } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
-const k = () => /* @__PURE__ */ t(n, { children: [
+const M = () => /* @__PURE__ */ t(n, { children: [
   /* @__PURE__ */ e(
     l,
     {
@@ -35,11 +35,15 @@ type IAppRouteConfig = RouteProps & {
 };` }) }) }),
     /* @__PURE__ */ e(c, { variant: "warning", dismissible: !1, children: /* @__PURE__ */ t(a, { tag: "p", className: "text-sm", children: [
       /* @__PURE__ */ e(m, { className: "w-4 h-4 inline mr-2" }),
-      "MFE mode requires ",
-      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "isAuthenticated" }),
-      " (boolean) and ",
-      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "loginUrl" }),
-      " (string) as mandatory props. TypeScript enforces this at compile time."
+      "MFE mode requires",
+      " ",
+      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "isAuthenticated" }),
+      " ",
+      "(boolean) and",
+      " ",
+      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "loginUrl" }),
+      " ",
+      "(string) as mandatory props. TypeScript enforces this at compile time."
     ] }) })
   ] }),
   /* @__PURE__ */ t("section", { className: "space-y-8", children: [
@@ -214,5 +218,5 @@ function MfeApp() {
   ] })
 ] });
 export {
-  k as default
+  M as default
 };

package/documentation/{MFESupportSection-BsWrFr8n.js → MFESupportSection-Y46AZL5B.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const i=`import { RouteProps } from 'react-router-dom';
+"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 c=()=>{const r=`import { RouteProps } from 'react-router-dom';
 
 // Extends React Router's RouteProps (provides path, element, index, etc.)
 type IAppRouteConfig = RouteProps & {
@@ -94,4 +94,4 @@ function MfeApp() {
   menuItems={[...]}  // Error: not allowed in MFE mode
   basePath="/app"
   appRoutesConfig={routes}
-/>`,l=[{icon:e.jsx(a.Settings,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Explicit Route Config",description:"Full control over each route via appRoutesConfig with access control.",iconBgClassName:"from-purple-500 to-indigo-500"},{icon:e.jsx(a.Split,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Route Isolation",description:"Each MFE has its own basePath ensuring complete route isolation.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(a.Lock,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Auth Integration",description:"Built-in public/private routes with isAuthenticated and loginUrl.",iconBgClassName:"from-red-500 to-rose-500"},{icon:e.jsx(a.Rocket,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Independent Deploy",description:"Each app can be developed, built, and deployed independently.",iconBgClassName:"from-green-500 to-emerald-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Micro Frontends (MFE)",description:"Designed for distributed architectures where multiple applications are deployed independently. Uses explicit route configuration with appRoutesConfig, basePath, and built-in authentication.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-indigo-500 to-blue-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Box,{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:"IAppRouteConfig Interface"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Extends React Router's RouteProps with access control"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"typescript",code:i})})}),e.jsx(t.Alert,{variant:"warning",dismissible:!1,children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx(a.AlertTriangle,{className:"w-4 h-4 inline mr-2"}),"MFE mode requires ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"isAuthenticated"})," (boolean) and ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"loginUrl"})," (string) as mandatory props. TypeScript enforces this at compile time."]})})]}),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:"Basic Usage"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Minimal MFE setup with authentication"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"MFE ThemeProvider",children:e.jsx(t.CodeBlock,{language:"tsx",code:s})})})]}),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:"Advanced: Public/Private Routes"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Authentication handling with disabled routes"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Advanced Configuration",children:e.jsx(t.CodeBlock,{language:"tsx",code:o})})})]}),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:"Type Safety"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"TypeScript enforces correct prop combinations"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Compile-Time Validation",children:e.jsx(t.CodeBlock,{language:"tsx",code:n})})})]}),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:"Key Features"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Benefits of the MFE architectural pattern"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6",children:l.map(r=>e.jsx(t.FeatureCard,{layout:"vertical",...r},r.title))})]})]})};exports.default=c;
+/>`,l=[{icon:e.jsx(a.Settings,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Explicit Route Config",description:"Full control over each route via appRoutesConfig with access control.",iconBgClassName:"from-purple-500 to-indigo-500"},{icon:e.jsx(a.Split,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Route Isolation",description:"Each MFE has its own basePath ensuring complete route isolation.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(a.Lock,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Auth Integration",description:"Built-in public/private routes with isAuthenticated and loginUrl.",iconBgClassName:"from-red-500 to-rose-500"},{icon:e.jsx(a.Rocket,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Independent Deploy",description:"Each app can be developed, built, and deployed independently.",iconBgClassName:"from-green-500 to-emerald-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Micro Frontends (MFE)",description:"Designed for distributed architectures where multiple applications are deployed independently. Uses explicit route configuration with appRoutesConfig, basePath, and built-in authentication.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-indigo-500 to-blue-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Box,{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:"IAppRouteConfig Interface"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Extends React Router's RouteProps with access control"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"typescript",code:r})})}),e.jsx(t.Alert,{variant:"warning",dismissible:!1,children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx(a.AlertTriangle,{className:"w-4 h-4 inline mr-2"}),"MFE mode requires"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"isAuthenticated"})," ","(boolean) and"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"loginUrl"})," ","(string) as mandatory props. TypeScript enforces this at compile time."]})})]}),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:"Basic Usage"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Minimal MFE setup with authentication"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"MFE ThemeProvider",children:e.jsx(t.CodeBlock,{language:"tsx",code:s})})})]}),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:"Advanced: Public/Private Routes"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Authentication handling with disabled routes"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Advanced Configuration",children:e.jsx(t.CodeBlock,{language:"tsx",code:o})})})]}),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:"Type Safety"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"TypeScript enforces correct prop combinations"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Compile-Time Validation",children:e.jsx(t.CodeBlock,{language:"tsx",code:n})})})]}),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:"Key Features"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Benefits of the MFE architectural pattern"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6",children:l.map(i=>e.jsx(t.FeatureCard,{layout:"vertical",...i},i.title))})]})]})};exports.default=c;

package/documentation/MacOSBackgroundsSection-BZX6uCBD.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=[{id:"base",name:"Base",desc:"CSS-only spatial gradient generated with tokens. Used as the default body/window background. No image assets needed — adapts automatically between light and dark modes via CSS custom properties.",dimensions:"Fluid (CSS gradient)",usage:"Body, root window, app shell background"},{id:"wave",name:"Wave",desc:"Full-width decorative background with flowing organic shapes. Designed for desktop/tablet viewports as hero sections or immersive landing pages.",dimensions:"1512 × 982",usage:"Hero sections, landing pages, desktop full-screen"},{id:"wallpaper",name:"Wallpaper",desc:"Compact landscape format optimized for card-like areas, banners, or contained sections where a spatial background adds depth without covering the full viewport.",dimensions:"1080 × 560",usage:"Banners, feature sections, contained backgrounds"},{id:"mobile",name:"Mobile",desc:"Portrait-oriented background asset optimized for mobile viewports and tall narrow containers.",dimensions:"402 × 874",usage:"Mobile screens, narrow containers, portrait layouts"}],t=()=>{const{mode:d}=a.useTheme(),r=d==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Backgrounds",description:"macOS Tahoe provides 4 background types optimized for different viewport sizes and use cases. All adapt between light and dark automatically.",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-cyan-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-cyan-400/50",children:e.jsx(l.Image,{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:"Background Types",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-6",children:"Each background type is designed for a specific screen context. Choose the appropriate format based on your layout's viewport and orientation requirements."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:n.map(s=>e.jsxs("div",{className:"p-4 rounded-xl border border-border space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:s.id==="base"?r?"#0a84ff":"#007aff":s.id==="wave"?r?"#30d158":"#34c759":s.id==="wallpaper"?r?"#ff9f0a":"#ff9500":r?"#bf5af2":"#af52de"}}),e.jsx("span",{className:"text-sm font-semibold text-gray-900 dark:text-gray-100",children:s.name})]}),e.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:s.desc}),e.jsxs("div",{className:"pt-2 border-t border-[var(--color-border)] space-y-1",children:[e.jsx("p",{className:"text-[10px] font-mono text-gray-400",children:s.dimensions}),e.jsx("p",{className:"text-[10px] text-gray-400",children:s.usage})]})]},s.id))})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Base (CSS Spatial Gradient)",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Generated entirely with CSS custom properties. Currently used as the body background in the demo. Available classes:"," ",e.jsx("code",{className:"text-xs px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"macos-bg-spatial-aurora"}),","," ",e.jsx("code",{className:"text-xs px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"macos-bg-spatial-depth"}),","," ",e.jsx("code",{className:"text-xs px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"macos-bg-spatial-demo"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"relative w-full h-40 rounded-xl overflow-hidden border border-border",style:{backgroundColor:r?"#131318":"#f0f2f7"},children:e.jsx("div",{className:"absolute inset-0 rounded-xl",style:{background:r?"radial-gradient(circle at 28% 32%, rgba(18, 60, 100, 0.8) 0%, transparent 42%), radial-gradient(circle at 72% 68%, rgba(55, 30, 100, 0.6) 0%, transparent 42%)":"radial-gradient(circle at 28% 32%, rgba(142, 200, 255, 0.45) 0%, transparent 42%), radial-gradient(circle at 72% 68%, rgba(170, 150, 255, 0.28) 0%, transparent 42%)",filter:"blur(30px)"}})}),e.jsx("p",{className:"text-xs font-medium text-center text-gray-700 dark:text-gray-300",children:"Aurora"}),e.jsx("p",{className:"text-[10px] text-center text-gray-400",children:"Animated spatial aurora"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"w-full h-40 rounded-xl border border-border",style:{background:r?"linear-gradient(160deg, #141418 0%, #18181e 40%, #191520 70%, #141418 100%)":"linear-gradient(160deg, #f0f2f6 0%, #eaedf4 40%, #f2f0f8 70%, #eef2f6 100%)"}}),e.jsx("p",{className:"text-xs font-medium text-center text-gray-700 dark:text-gray-300",children:"Depth"}),e.jsx("p",{className:"text-[10px] text-center text-gray-400",children:"Sober, data-focused"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"w-full h-40 rounded-xl border border-border",style:{background:r?"radial-gradient(ellipse 80% 60% at 20% 10%, rgba(0, 60, 160, 0.55) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(80, 0, 160, 0.4) 0%, transparent 55%), #101014":"radial-gradient(ellipse 80% 60% at 20% 10%, rgba(100, 180, 255, 0.4) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(160, 120, 255, 0.3) 0%, transparent 55%), #f0f2f7"}}),e.jsx("p",{className:"text-xs font-medium text-center text-gray-700 dark:text-gray-300",children:"Demo"}),e.jsx("p",{className:"text-[10px] text-center text-gray-400",children:"Expressive, showcases"})]})]})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Wave",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Full-width decorative background for desktop/tablet hero sections."}),e.jsx("p",{className:"text-[10px] font-mono text-gray-400 mb-4",children:"1512 × 982 — Landscape (desktop full-screen)"}),e.jsx("div",{className:"rounded-xl overflow-hidden border border-border",children:e.jsx(a.ThemeBackground,{mode:"absolute",variant:"wave",className:"rounded-xl !relative !inset-auto !z-auto",style:{height:"320px"}})}),e.jsx("div",{className:"mt-3 p-3 rounded-lg bg-gray-100 dark:bg-gray-800/50",children:e.jsxs("p",{className:"text-[11px] font-mono text-gray-500 dark:text-gray-400",children:[e.jsx("span",{className:"text-gray-700 dark:text-gray-300",children:"url:"})," ",a.getBackgroundUrl("wave",r)]})})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Wallpaper",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Compact landscape format for banners, feature sections, and contained areas."}),e.jsx("p",{className:"text-[10px] font-mono text-gray-400 mb-4",children:"1080 × 560 — Landscape (contained sections)"}),e.jsx("div",{className:"rounded-xl overflow-hidden border border-border",children:e.jsx(a.ThemeBackground,{mode:"absolute",variant:"wallpaper",className:"rounded-xl !relative !inset-auto !z-auto",style:{height:"280px"}})}),e.jsx("div",{className:"mt-3 p-3 rounded-lg bg-gray-100 dark:bg-gray-800/50",children:e.jsxs("p",{className:"text-[11px] font-mono text-gray-500 dark:text-gray-400",children:[e.jsx("span",{className:"text-gray-700 dark:text-gray-300",children:"url:"})," ",a.getBackgroundUrl("wallpaper",r)]})})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Mobile",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Portrait-oriented asset for mobile viewports and narrow containers."}),e.jsx("p",{className:"text-[10px] font-mono text-gray-400 mb-4",children:"402 × 874 — Portrait (mobile screens)"}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:"rounded-xl overflow-hidden border border-border",style:{width:"220px",height:"478px"},children:e.jsx(a.ThemeBackground,{mode:"absolute",variant:"mobile",className:"rounded-xl w-full h-full !relative !inset-auto !z-auto"})})}),e.jsx("div",{className:"mt-3 p-3 rounded-lg bg-gray-100 dark:bg-gray-800/50",children:e.jsxs("p",{className:"text-[11px] font-mono text-gray-500 dark:text-gray-400",children:[e.jsx("span",{className:"text-gray-700 dark:text-gray-300",children:"url:"})," ",a.getBackgroundUrl("mobile",r)]})})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Screen Size Mapping",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"Recommended background type per viewport breakpoint."}),e.jsx(a.BasicTable,{columns:[{key:"viewport",label:"Viewport"},{key:"breakpoint",label:"Breakpoint",className:"font-mono"},{key:"background",label:"Background"},{key:"asset",label:"Asset",className:"font-mono"}],data:[{viewport:"Mobile",breakpoint:"< 640px",background:"Mobile",asset:`${r?"dark":"light"}-mobile.svg`},{viewport:"Tablet",breakpoint:"640–1024px",background:"Wallpaper",asset:`${r?"dark":"light"}-wallpaper.svg`},{viewport:"Desktop",breakpoint:"> 1024px",background:"Wave",asset:`${r?"dark":"light"}-wave.svg`},{viewport:"Any",breakpoint:"All",background:"Base (CSS)",asset:"No asset needed"}],hoverable:!0,striped:!1})]})})})]})};exports.MacOSBackgroundsSection=t;exports.default=t;