@e-burgos/tucu-ui 2.0.7 → 2.0.9

package/documentation/CoinListBoxSection-ZeZtAY1w.js

@@ -1,106 +0,0 @@
-import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { B as n, T as c, C as i, a as l, e as r, A as p, c as h, E as x, f as C } from "../index-B919yoKU.js";
-import "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const b = () => {
-  const [t, o] = d({
-    icon: /* @__PURE__ */ e(n, { className: "w-6 h-6" }),
-    code: "BTC",
-    name: "Bitcoin",
-    price: 45e3
-  }), a = [
-    {
-      icon: /* @__PURE__ */ e(n, { className: "w-6 h-6" }),
-      code: "BTC",
-      name: "Bitcoin",
-      price: 45e3
-    },
-    {
-      icon: /* @__PURE__ */ e(x, { className: "w-6 h-6" }),
-      code: "ETH",
-      name: "Ethereum",
-      price: 3e3
-    },
-    {
-      icon: /* @__PURE__ */ e(C, { className: "w-6 h-6" }),
-      code: "USDT",
-      name: "Tether",
-      price: 1
-    }
-  ];
-  return /* @__PURE__ */ s(m, { children: [
-    /* @__PURE__ */ s("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(c, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CoinListBox" }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "Dropdown listbox component for selecting cryptocurrencies with icons and names."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(i, { className: "", children: /* @__PURE__ */ e(l, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ s(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "Basic ListBox" }),
-        /* @__PURE__ */ e(
-          r,
-          {
-            coins: a,
-            selectedCoin: t,
-            setSelectedCoin: o,
-            className: "z-50"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ s(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ e(
-          r,
-          {
-            coins: a,
-            selectedCoin: t,
-            setSelectedCoin: o,
-            disabled: !0
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(p, { componentName: "CoinListBox" }),
-    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      h,
-      {
-        language: "tsx",
-        code: `import { CoinListBox } from '@e-burgos/tucu-ui';
-
-const coins = [
-  {
-    icon: <Bitcoin />,
-    code: 'BTC',
-    name: 'Bitcoin',
-    price: 45000,
-  },
-  {
-    icon: <Ethereum />,
-    code: 'ETH',
-    name: 'Ethereum',
-    price: 3000,
-  },
-];
-
-const [selectedCoin, setSelectedCoin] = useState(coins[0]);
-
-<CoinListBox
-  coins={coins}
-  selectedCoin={selectedCoin}
-  setSelectedCoin={setSelectedCoin}
-/>`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  b as default
-};

package/documentation/CollapseSection-ZiHdVuyN.js

@@ -1,27 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Collapse"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A collapsible content panel component with smooth animations for showing and hiding content."})]}),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:"Basic Collapse"}),e.jsx(a.Collapse,{label:"Click to expand",children:e.jsx("div",{className:"p-4",children:e.jsx(a.Typography,{tag:"p",children:"This is the content that appears when the collapse is expanded."})})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Initially Open"}),e.jsx(a.Collapse,{label:"Pre-expanded",initialOpen:!0,children:e.jsx("div",{className:"p-4",children:e.jsx(a.Typography,{tag:"p",children:"This collapse starts in the open state."})})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Rich Content"}),e.jsx(a.Collapse,{label:"Rich Content Example",children:e.jsxs("div",{className:"p-4 space-y-2",children:[e.jsx(a.Typography,{tag:"p",className:"font-semibold",children:"Section Title"}),e.jsx(a.Typography,{tag:"p",children:"This collapse can contain any React content including images, lists, and other components."}),e.jsxs("ul",{className:"list-disc list-inside",children:[e.jsx("li",{children:"Item 1"}),e.jsx("li",{children:"Item 2"}),e.jsx("li",{children:"Item 3"})]})]})})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"Collapse",defaultValues:{label:"Click to expand",initialOpen:!1},children:l=>e.jsx(a.Collapse,{...l,children:e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 p-4",children:"This is the collapsed content that can be expanded."})})}),e.jsx(a.AutoPropsTable,{componentName:"Collapse"}),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 { Collapse, Typography } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<Collapse label="Click to expand">
-  <div className="p-4">
-    <Typography tag="p">Content here</Typography>
-  </div>
-</Collapse>
-
-// Initially open
-<Collapse label="Pre-expanded" initialOpen>
-  <div className="p-4">
-    <Typography tag="p">Content starts visible</Typography>
-  </div>
-</Collapse>
-
-// With rich content
-<Collapse label="Rich Content">
-  <div className="p-4 space-y-2">
-    <Typography tag="p" className="font-semibold">Title</Typography>
-    <Typography tag="p">Description</Typography>
-    <ul className="list-disc list-inside">
-      <li>Item 1</li>
-      <li>Item 2</li>
-    </ul>
-  </div>
-</Collapse>`})})})})]});exports.default=s;

package/documentation/CollectionCardSection-C0EeHF2p.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=require("../1-CArqgiQa.js"),t="data:image/jpeg;base64,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",o=()=>{const a={id:"collection-1",name:"Crypto Punks",slug:"crypto-punks",title:"Crypto Punks Collection",cover_image:t,number_of_artwork:42,user:{avatar:r.avatar1Img,name:"CryptoPunk Studio",slug:"cryptopunk-studio"}};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(A.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CollectionCard"}),e.jsx(A.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"NFT collection preview with statistics, cover image, and creator information for marketplace interfaces."})]}),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.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:e.jsx(A.CollectionCard,{item:a})})})})}),e.jsx(A.AutoPropsTable,{componentName:"CollectionCard"}),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 { CollectionCard } from '@e-burgos/tucu-ui';
-
-const collectionData = {
-  id: 'bayc',
-  name: 'BAYC',
-  slug: 'bored-ape-yacht-club',
-  title: 'Bored Ape Yacht Club',
-  cover_image: '/collections/bayc-banner.jpg',
-  number_of_artwork: 10000,
-   user: {
-    avatar: '/avatars/bayc-creator.jpg',
-    name: 'Yuga Labs',
-    slug: 'yuga-labs',
-  },
-};
-
-<CollectionCard item={collectionData} className="w-full max-w-sm" />`})})})})]})};exports.default=o;

package/documentation/CollectionSelectListSection-CTUcrZ-y.js

@@ -1,120 +0,0 @@
-import { jsxs as t, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { T as a, C as o, a as c, i, A as m, c as p } from "../index-B919yoKU.js";
-import "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const N = () => {
-  const [l, s] = d(null);
-  return /* @__PURE__ */ t(r, { children: [
-    /* @__PURE__ */ t("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(a, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CollectionSelectList" }),
-      /* @__PURE__ */ e(
-        a,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A searchable list with keyboard navigation for selecting NFT collections. Supports filtering, highlight, and ARIA roles."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(o, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ t("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ e(a, { tag: "h5", children: "Full Collection (8 items)" }),
-        l && /* @__PURE__ */ t("div", { className: "text-xs text-brand font-medium bg-brand/10 rounded-lg px-3 py-1.5 inline-block", children: [
-          "Selected: ",
-          l
-        ] }),
-        /* @__PURE__ */ e(
-          i,
-          {
-            collectionList: [
-              {
-                icon: "https://i.pravatar.cc/80?img=1",
-                name: "CryptoPunks",
-                value: "crypto-punks"
-              },
-              {
-                icon: "https://i.pravatar.cc/80?img=5",
-                name: "Bored Ape Yacht Club",
-                value: "bayc"
-              },
-              { icon: "https://i.pravatar.cc/80?img=12", name: "Azuki", value: "azuki" },
-              {
-                icon: "https://i.pravatar.cc/80?img=20",
-                name: "Doodles",
-                value: "doodles"
-              },
-              {
-                icon: "https://i.pravatar.cc/80?img=25",
-                name: "CloneX",
-                value: "clonex"
-              },
-              {
-                icon: "https://i.pravatar.cc/80?img=30",
-                name: "Moonbirds",
-                value: "moonbirds"
-              },
-              {
-                icon: "https://i.pravatar.cc/80?img=35",
-                name: "Pudgy Penguins",
-                value: "pudgy-penguins"
-              },
-              {
-                icon: "https://i.pravatar.cc/80?img=40",
-                name: "World of Women",
-                value: "wow"
-              }
-            ],
-            onSelect: s
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ e(a, { tag: "h5", children: "Short List + Custom Placeholder" }),
-        /* @__PURE__ */ e(
-          i,
-          {
-            collectionList: [
-              {
-                icon: "https://i.pravatar.cc/80?img=50",
-                name: "Art Blocks",
-                value: "art-blocks"
-              },
-              { icon: "https://i.pravatar.cc/80?img=55", name: "Nouns", value: "nouns" },
-              { icon: "https://i.pravatar.cc/80?img=60", name: "Loot", value: "loot" }
-            ],
-            onSelect: (n) => console.log("Selected:", n),
-            placeholder: "Find a collection...",
-            noResultsMessage: "No matching collections"
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(m, { componentName: "CollectionSelectList" }),
-    /* @__PURE__ */ e(o, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      p,
-      {
-        language: "tsx",
-        code: `import { CollectionSelectList } from '@e-burgos/tucu-ui';
-
-const collections = [
-  { icon: '/avatars/punks.jpg', name: 'CryptoPunks', value: 'crypto-punks' },
-  { icon: '/avatars/bayc.jpg', name: 'Bored Ape Yacht Club', value: 'bayc' },
-  { icon: '/avatars/azuki.jpg', name: 'Azuki', value: 'azuki' },
-  { icon: '/avatars/doodles.jpg', name: 'Doodles', value: 'doodles' },
-];
-
-<CollectionSelectList
-  collectionList={collections}
-  onSelect={(value) => console.log('Selected:', value)}
-  placeholder="Search collections..."
-  noResultsMessage="No collections found"
-/>`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  N as default
-};

package/documentation/CollectionSelectListSection-Co60q-dc.js

@@ -1,15 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const n=()=>{const[a,l]=i.useState(null),o=[{icon:"https://i.pravatar.cc/80?img=1",name:"CryptoPunks",value:"crypto-punks"},{icon:"https://i.pravatar.cc/80?img=5",name:"Bored Ape Yacht Club",value:"bayc"},{icon:"https://i.pravatar.cc/80?img=12",name:"Azuki",value:"azuki"},{icon:"https://i.pravatar.cc/80?img=20",name:"Doodles",value:"doodles"},{icon:"https://i.pravatar.cc/80?img=25",name:"CloneX",value:"clonex"},{icon:"https://i.pravatar.cc/80?img=30",name:"Moonbirds",value:"moonbirds"},{icon:"https://i.pravatar.cc/80?img=35",name:"Pudgy Penguins",value:"pudgy-penguins"},{icon:"https://i.pravatar.cc/80?img=40",name:"World of Women",value:"wow"}],c=[{icon:"https://i.pravatar.cc/80?img=50",name:"Art Blocks",value:"art-blocks"},{icon:"https://i.pravatar.cc/80?img=55",name:"Nouns",value:"nouns"},{icon:"https://i.pravatar.cc/80?img=60",name:"Loot",value:"loot"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CollectionSelectList"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A searchable list with keyboard navigation for selecting NFT collections. Supports filtering, highlight, and ARIA roles."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h5",children:"Full Collection (8 items)"}),a&&e.jsxs("div",{className:"text-xs text-brand font-medium bg-brand/10 rounded-lg px-3 py-1.5 inline-block",children:["Selected: ",a]}),e.jsx(t.CollectionSelectList,{collectionList:o,onSelect:l})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h5",children:"Short List + Custom Placeholder"}),e.jsx(t.CollectionSelectList,{collectionList:c,onSelect:s=>console.log("Selected:",s),placeholder:"Find a collection...",noResultsMessage:"No matching collections"})]})]})})})}),e.jsx(t.AutoPropsTable,{componentName:"CollectionSelectList"}),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 { CollectionSelectList } from '@e-burgos/tucu-ui';
-
-const collections = [
-  { icon: '/avatars/punks.jpg', name: 'CryptoPunks', value: 'crypto-punks' },
-  { icon: '/avatars/bayc.jpg', name: 'Bored Ape Yacht Club', value: 'bayc' },
-  { icon: '/avatars/azuki.jpg', name: 'Azuki', value: 'azuki' },
-  { icon: '/avatars/doodles.jpg', name: 'Doodles', value: 'doodles' },
-];
-
-<CollectionSelectList
-  collectionList={collections}
-  onSelect={(value) => console.log('Selected:', value)}
-  placeholder="Search collections..."
-  noResultsMessage="No collections found"
-/>`})})})})]})};exports.default=n;

package/documentation/ColorCustomizationSection-BNqRFB4h.js

@@ -1,117 +0,0 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { au as i, C as l, a as o, T as a, ag as c } from "../index-B919yoKU.js";
-import { Palette as n, Brush as m } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const x = () => {
-  const { primaryPreset: s } = i();
-  return /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(o, { title: "Color Customization", className: "mt-2 mb-6", children: /* @__PURE__ */ e("div", { className: "space-y-8", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-1  gap-6", children: [
-    /* @__PURE__ */ r("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ e("div", { className: "p-2 bg-gradient-to-br from-green-500 to-emerald-500 rounded-lg shadow-lg", children: /* @__PURE__ */ e(n, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-        /* @__PURE__ */ e(a, { tag: "h4", className: "font-semibold", children: "Dynamic Brand Colors" })
-      ] }),
-      /* @__PURE__ */ r(
-        a,
-        {
-          tag: "p",
-          className: "text-gray-600 dark:text-gray-400",
-          children: [
-            "Brand colors are dynamically applied using CSS custom properties, allowing real-time theme updates without rebuilding. Colors are defined in",
-            " ",
-            /* @__PURE__ */ e("code", { className: "px-2 py-1 bg-light-dark rounded text-sm", children: "ui/tucu-ui/src/themes/config/index.ts" }),
-            "."
-          ]
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "p-3 flex justify-center items-center bg-gray-200 dark:bg-gray-800 rounded-lg w-full", children: /* @__PURE__ */ r(
-        a,
-        {
-          tag: "code",
-          className: "w-full text-sm text-gray-600 dark:text-gray-400",
-          children: [
-            "--color-semantic-bg-primary:",
-            " ",
-            s?.value || "#0052ff"
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e(c, { variant: "info", children: /* @__PURE__ */ r(a, { tag: "p", className: "text-xs mb-2", children: [
-        /* @__PURE__ */ e("strong", { children: "Color Presets:" }),
-        " All spectrum colors use the ",
-        /* @__PURE__ */ e("code", { className: "px-1 py-2 rounded", children: "-50" }),
-        " value from Tucu UI Design Tokens. Default colors use semantic mappings (e.g., blue-60 for primary)."
-      ] }) })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "space-y-4 mt-4", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ e("div", { className: "p-2 bg-gradient-to-br from-indigo-500 to-purple-500 rounded-lg shadow-lg", children: /* @__PURE__ */ e(m, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-        /* @__PURE__ */ e(a, { tag: "h4", className: "font-semibold", children: "Tailwind Integration" })
-      ] }),
-      /* @__PURE__ */ e(
-        a,
-        {
-          tag: "p",
-          className: "text-gray-600 dark:text-gray-400",
-          children: "Seamlessly integrated with Tailwind CSS utilities for consistent theming across all components."
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2", children: [
-        "bg-brand",
-        "text-brand",
-        "border-brand",
-        "bg-secondary",
-        "text-secondary",
-        "border-secondary",
-        "bg-accent",
-        "text-accent",
-        "border-accent",
-        "bg-primary",
-        "text-primary",
-        "border-primary",
-        "bg-dark",
-        "text-dark",
-        "border-dark",
-        "bg-light",
-        "text-light",
-        "border-light",
-        "bg-brand/50",
-        "text-brand/80",
-        "border-brand/30",
-        "bg-secondary/20",
-        "text-secondary/60",
-        "border-secondary/40"
-      ].map((t, d) => /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: `w-3 h-3 rounded border border-gray-300 dark:border-gray-600 ${t.includes("bg-") ? t : "bg-brand"}`
-          }
-        ),
-        /* @__PURE__ */ r(
-          a,
-          {
-            tag: "code",
-            className: "text-xs text-gray-600 dark:text-gray-400",
-            children: [
-              ".",
-              t
-            ]
-          }
-        )
-      ] }, d)) }),
-      /* @__PURE__ */ e(
-        a,
-        {
-          tag: "p",
-          className: "text-xs text-gray-500 dark:text-gray-400 mt-2",
-          children: "All colors support opacity modifiers (/10, /20, /30, /50, /80, etc.)"
-        }
-      )
-    ] })
-  ] }) }) }) });
-};
-export {
-  x as default
-};

package/documentation/ColorCustomizationSection-DWy4OcKJ.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-COj1N7FC.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const{primaryPreset:t}=r.useTheme();return e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Color Customization",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-8",children:e.jsxs("div",{className:"grid grid-cols-1  gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-green-500 to-emerald-500 rounded-lg shadow-lg",children:e.jsx(s.Palette,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(r.Typography,{tag:"h4",className:"font-semibold",children:"Dynamic Brand Colors"})]}),e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Brand colors are dynamically applied using CSS custom properties, allowing real-time theme updates without rebuilding. Colors are defined in"," ",e.jsx("code",{className:"px-2 py-1 bg-light-dark rounded text-sm",children:"ui/tucu-ui/src/themes/config/index.ts"}),"."]}),e.jsx("div",{className:"p-3 flex justify-center items-center bg-gray-200 dark:bg-gray-800 rounded-lg w-full",children:e.jsxs(r.Typography,{tag:"code",className:"w-full text-sm text-gray-600 dark:text-gray-400",children:["--color-semantic-bg-primary:"," ",t?.value||"#0052ff"]})}),e.jsx(r.Alert,{variant:"info",children:e.jsxs(r.Typography,{tag:"p",className:"text-xs mb-2",children:[e.jsx("strong",{children:"Color Presets:"})," All spectrum colors use the ",e.jsx("code",{className:"px-1 py-2 rounded",children:"-50"})," value from Tucu UI Design Tokens. Default colors use semantic mappings (e.g., blue-60 for primary)."]})})]}),e.jsxs("div",{className:"space-y-4 mt-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-indigo-500 to-purple-500 rounded-lg shadow-lg",children:e.jsx(s.Brush,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(r.Typography,{tag:"h4",className:"font-semibold",children:"Tailwind Integration"})]}),e.jsx(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Seamlessly integrated with Tailwind CSS utilities for consistent theming across all components."}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:["bg-brand","text-brand","border-brand","bg-secondary","text-secondary","border-secondary","bg-accent","text-accent","border-accent","bg-primary","text-primary","border-primary","bg-dark","text-dark","border-dark","bg-light","text-light","border-light","bg-brand/50","text-brand/80","border-brand/30","bg-secondary/20","text-secondary/60","border-secondary/40"].map((a,d)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`w-3 h-3 rounded border border-gray-300 dark:border-gray-600 ${a.includes("bg-")?a:"bg-brand"}`}),e.jsxs(r.Typography,{tag:"code",className:"text-xs text-gray-600 dark:text-gray-400",children:[".",a]})]},d))}),e.jsx(r.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-400 mt-2",children:"All colors support opacity modifiers (/10, /20, /30, /50, /80, etc.)"})]})]})})})})};exports.default=i;

package/documentation/ColorSystemSection-D-93TJO5.js

@@ -1,149 +0,0 @@
-import { jsxs as r, Fragment as v, jsx as e } from "react/jsx-runtime";
-import { useState as y, useEffect as g } from "react";
-import { au as f, T as t, C as n, a as m, ag as w } from "../index-B919yoKU.js";
-import { Info as k } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const x = (c) => {
-  if (typeof window > "u") return "";
-  const l = document.documentElement;
-  return getComputedStyle(l).getPropertyValue(c).trim() || "";
-}, E = () => {
-  const { mode: c } = f(), [l, d] = y(0);
-  g(() => {
-    const a = setTimeout(() => {
-      d((s) => s + 1);
-    }, 100);
-    return () => clearTimeout(a);
-  }, [c]), g(() => {
-    const a = new MutationObserver(() => {
-      d((s) => s + 1);
-    });
-    return a.observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["class"]
-    }), () => a.disconnect();
-  }, []);
-  const u = [
-    { name: "Primary", class: "bg-primary", hex: "#3B82F6" },
-    { name: "Secondary", class: "bg-secondary", hex: "#6B7280" },
-    { name: "Accent", class: "bg-accent", hex: "#10B981" },
-    { name: "Muted", class: "bg-muted", hex: "#F3F4F6" }
-  ], p = [
-    { name: "Success", class: "bg-green-500", hex: "#10B981" },
-    { name: "Warning", class: "bg-yellow-500", hex: "#F59E0B" },
-    { name: "Error", class: "bg-red-500", hex: "#EF4444" },
-    { name: "Info", class: "bg-blue-500", hex: "#3B82F6" }
-  ], b = [
-    { name: "blue", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] },
-    { name: "green", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] },
-    { name: "orange", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] },
-    { name: "gray", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] },
-    { name: "indigo", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] },
-    { name: "pink", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] },
-    { name: "purple", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] },
-    { name: "red", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] },
-    { name: "teal", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] },
-    { name: "yellow", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] },
-    { name: "chartreuse", shades: [0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100] }
-  ], N = [
-    { name: "brand", varName: "--color-brand", class: "bg-brand" },
-    { name: "primary", varName: "--color-primary", class: "bg-primary" },
-    { name: "secondary", varName: "--color-secondary", class: "bg-secondary" },
-    { name: "accent", varName: "--color-accent", class: "bg-accent" },
-    { name: "muted", varName: "--color-muted", class: "bg-muted" },
-    { name: "success", varName: "--color-success", class: "bg-success" },
-    { name: "warning", varName: "--color-warning", class: "bg-warning" },
-    { name: "error", varName: "--color-error", class: "bg-error" },
-    { name: "info", varName: "--color-info", class: "bg-info" },
-    { name: "body", varName: "--color-body", class: "bg-body" },
-    { name: "dark", varName: "--color-dark", class: "bg-dark" },
-    { name: "light", varName: "--color-light", class: "bg-light" },
-    { name: "light-dark", varName: "--color-light-dark", class: "bg-light-dark" }
-  ];
-  return /* @__PURE__ */ r(v, { children: [
-    /* @__PURE__ */ r("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Color System" }),
-      /* @__PURE__ */ e(
-        t,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "Carefully crafted color palettes that work across all themes and contexts"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ r("div", { className: "space-y-8", children: [
-      /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(m, { title: "Brand Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6", children: u.map((a) => /* @__PURE__ */ r("div", { className: "text-center space-y-2", children: [
-        /* @__PURE__ */ e("div", { className: `w-16 h-16 rounded-lg ${a.class} mx-auto` }),
-        /* @__PURE__ */ r("div", { className: "text-sm", children: [
-          /* @__PURE__ */ e("div", { className: "font-semibold", children: a.name }),
-          /* @__PURE__ */ e("div", { className: "text-muted-foreground", children: a.hex })
-        ] })
-      ] }, a.name)) }) }) }),
-      /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(m, { title: "Semantic Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6", children: p.map((a) => /* @__PURE__ */ r("div", { className: "text-center space-y-2", children: [
-        /* @__PURE__ */ e("div", { className: `w-16 h-16 rounded-lg ${a.class} mx-auto` }),
-        /* @__PURE__ */ r("div", { className: "text-sm", children: [
-          /* @__PURE__ */ e("div", { className: "font-semibold", children: a.name }),
-          /* @__PURE__ */ e("div", { className: "text-muted-foreground", children: a.hex })
-        ] })
-      ] }, a.name)) }) }) }),
-      /* @__PURE__ */ e(w, { variant: "info", children: /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ r("div", { className: "font-semibold flex items-center gap-2", children: [
-          /* @__PURE__ */ e(k, { className: "h-4 w-4" }),
-          "Dynamic Theming"
-        ] }),
-        /* @__PURE__ */ e("div", { children: "Colors automatically adapt based on the selected theme preset and mode (light/dark)." })
-      ] }) }),
-      /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(m, { title: "Color Spectrum", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
-        /* @__PURE__ */ e(t, { tag: "p", className: "text-gray-600 dark:text-gray-400 mb-6", children: "Complete color palette with all shades from 0 to 100 for each color spectrum." }),
-        /* @__PURE__ */ e("div", { className: "space-y-8", children: b.map((a) => /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e(t, { tag: "h3", className: "font-semibold text-lg mb-4 capitalize", children: a.name }),
-          /* @__PURE__ */ e("div", { className: "grid grid-cols-4 sm:grid-cols-7 md:grid-cols-10 lg:grid-cols-[repeat(13,minmax(0,1fr))] gap-2", children: a.shades.map((s) => {
-            const i = `bg-${a.name}-${s}`, h = `--color-${a.name}-${s}`, o = x(h);
-            return /* @__PURE__ */ r("div", { className: "space-y-1 w-full min-w-[40px]", children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: `h-16 w-full rounded border border-gray-200 dark:border-gray-700 ${i}`,
-                  title: `${a.name}-${s}: ${o || h}`
-                }
-              ),
-              /* @__PURE__ */ e(t, { tag: "h4", className: "text-center text-xs font-semibold", children: s }),
-              o && /* @__PURE__ */ e(t, { tag: "h4", className: "text-center text-muted text-[10px]", children: o })
-            ] }, `${a.name}-${s}-${l}`);
-          }) })
-        ] }, a.name)) })
-      ] }) }) }),
-      /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(m, { title: "Main Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
-        /* @__PURE__ */ e(t, { tag: "p", className: "text-gray-600 dark:text-gray-400 mb-6", children: "Primary theme colors used throughout the application. These colors are mapped from semantic colors and adapt to light/dark mode." }),
-        /* @__PURE__ */ e("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: N.map((a) => {
-          const s = x(a.varName), i = a.name === "body" || a.name === "light" || a.name === "light-dark" ? "text-dark dark:text-light" : "text-white";
-          return /* @__PURE__ */ r(
-            "div",
-            {
-              className: "space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-2",
-              children: [
-                /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: `h-20 rounded flex items-center justify-center ${a.class} ${i} border border-gray-200 dark:border-gray-700`,
-                    title: `${a.name}: var(${a.varName})${s ? ` = ${s}` : ""}`,
-                    children: /* @__PURE__ */ e(t, { tag: "h4", className: "text-center px-2 break-all text-xs", children: a.name })
-                  }
-                ),
-                /* @__PURE__ */ e(t, { tag: "h4", className: "text-center text-muted text-xs", children: a.name }),
-                s && /* @__PURE__ */ e(t, { tag: "h4", className: "text-center text-muted text-[10px]", children: s }),
-                /* @__PURE__ */ e(t, { tag: "h4", className: "text-center text-muted text-[9px] mt-1 break-all px-1", children: a.class })
-              ]
-            },
-            `main-${a.name}-${l}`
-          );
-        }) })
-      ] }) }) })
-    ] })
-  ] });
-};
-export {
-  E as default
-};

package/documentation/ColorSystemSection-sxcz5x0_.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),s=require("../index-COj1N7FC.js"),u=require("lucide-react");require("react-router-dom");require("react-dom");const o=l=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(l).trim()||""},y=()=>{const{mode:l}=s.useTheme(),[t,n]=m.useState(0);m.useEffect(()=>{const a=setTimeout(()=>{n(r=>r+1)},100);return()=>clearTimeout(a)},[l]),m.useEffect(()=>{const a=new MutationObserver(()=>{n(r=>r+1)});return a.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>a.disconnect()},[]);const x=[{name:"Primary",class:"bg-primary",hex:"#3B82F6"},{name:"Secondary",class:"bg-secondary",hex:"#6B7280"},{name:"Accent",class:"bg-accent",hex:"#10B981"},{name:"Muted",class:"bg-muted",hex:"#F3F4F6"}],h=[{name:"Success",class:"bg-green-500",hex:"#10B981"},{name:"Warning",class:"bg-yellow-500",hex:"#F59E0B"},{name:"Error",class:"bg-red-500",hex:"#EF4444"},{name:"Info",class:"bg-blue-500",hex:"#3B82F6"}],g=[{name:"blue",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"green",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"orange",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"gray",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"indigo",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"pink",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"purple",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"red",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"teal",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"yellow",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"chartreuse",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]}],p=[{name:"brand",varName:"--color-brand",class:"bg-brand"},{name:"primary",varName:"--color-primary",class:"bg-primary"},{name:"secondary",varName:"--color-secondary",class:"bg-secondary"},{name:"accent",varName:"--color-accent",class:"bg-accent"},{name:"muted",varName:"--color-muted",class:"bg-muted"},{name:"success",varName:"--color-success",class:"bg-success"},{name:"warning",varName:"--color-warning",class:"bg-warning"},{name:"error",varName:"--color-error",class:"bg-error"},{name:"info",varName:"--color-info",class:"bg-info"},{name:"body",varName:"--color-body",class:"bg-body"},{name:"dark",varName:"--color-dark",class:"bg-dark"},{name:"light",varName:"--color-light",class:"bg-light"},{name:"light-dark",varName:"--color-light-dark",class:"bg-light-dark"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Color System"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Carefully crafted color palettes that work across all themes and contexts"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Brand Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:x.map(a=>e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted-foreground",children:a.hex})]})]},a.name))})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Semantic Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:h.map(a=>e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted-foreground",children:a.hex})]})]},a.name))})})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"font-semibold flex items-center gap-2",children:[e.jsx(u.Info,{className:"h-4 w-4"}),"Dynamic Theming"]}),e.jsx("div",{children:"Colors automatically adapt based on the selected theme preset and mode (light/dark)."})]})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Color Spectrum",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Complete color palette with all shades from 0 to 100 for each color spectrum."}),e.jsx("div",{className:"space-y-8",children:g.map(a=>e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg mb-4 capitalize",children:a.name}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-7 md:grid-cols-10 lg:grid-cols-[repeat(13,minmax(0,1fr))] gap-2",children:a.shades.map(r=>{const c=`bg-${a.name}-${r}`,i=`--color-${a.name}-${r}`,d=o(i);return e.jsxs("div",{className:"space-y-1 w-full min-w-[40px]",children:[e.jsx("div",{className:`h-16 w-full rounded border border-gray-200 dark:border-gray-700 ${c}`,title:`${a.name}-${r}: ${d||i}`}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-xs font-semibold",children:r}),d&&e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[10px]",children:d})]},`${a.name}-${r}-${t}`)})})]},a.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Main Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Primary theme colors used throughout the application. These colors are mapped from semantic colors and adapt to light/dark mode."}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:p.map(a=>{const r=o(a.varName),c=a.name==="body"||a.name==="light"||a.name==="light-dark"?"text-dark dark:text-light":"text-white";return e.jsxs("div",{className:"space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-2",children:[e.jsx("div",{className:`h-20 rounded flex items-center justify-center ${a.class} ${c} border border-gray-200 dark:border-gray-700`,title:`${a.name}: var(${a.varName})${r?` = ${r}`:""}`,children:e.jsx(s.Typography,{tag:"h4",className:"text-center px-2 break-all text-xs",children:a.name})}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-xs",children:a.name}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[10px]",children:r}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[9px] mt-1 break-all px-1",children:a.class})]},`main-${a.name}-${t}`)})})]})})})]})]})};exports.default=y;

package/documentation/CommonErrorsSection-C64GnPLp.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsx(e.Fragment,{children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Common Errors and Solutions",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 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-gradient-to-br from-red-500 via-rose-500 to-pink-500 shadow-md",children:e.jsx(r.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Troubleshooting Guide"})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsx(s.Alert,{variant:"error",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.XCircle,{className:"h-4 w-4"}),"useTheme must be used within ThemeProvider"]}),e.jsx("div",{className:"text-sm mt-1",children:"This error occurs when you try to use useTheme outside of ThemeProvider context. Always wrap your application with ThemeProvider first. The ThemeProvider must be at the root level of your application."})]})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.Info,{className:"h-4 w-4"}),"Layout not rendering correctly"]}),e.jsx("div",{className:"text-sm mt-1",children:"Make sure you're using ThemeProvider instead of trying to use RootLayout directly. ThemeProvider handles all layout logic internally. Also ensure menuItems prop is provided for Admin and Horizontal layouts."})]})}),e.jsx(s.Alert,{variant:"warning",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.AlertTriangle,{className:"h-4 w-4"}),"Menu items not showing"]}),e.jsx("div",{className:"text-sm mt-1",children:"For Admin and Horizontal layouts, you must provide the menuItems prop. Clean layout does not require menuItems. Ensure each menu item has at least a name and path property."})]})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.Info,{className:"h-4 w-4"}),"Routing not working as expected?"]}),e.jsxs("div",{className:"text-sm mt-1",children:["Remember that ThemeProvider includes BrowserRouter internally. If you use customRoutes, make sure to use"," ",e.jsx("code",{children:"path"})," instead of ",e.jsx("code",{children:"href"})," in menuItems. The ",e.jsx("code",{children:"component"})," prop in menuItems is only used for automatic routing. If you provide customRoutes, it takes precedence."]})]})})]})]})})})});exports.default=t;