@e-burgos/tucu-ui 2.0.8 → 2.0.9

package/documentation/TransactionInfoSection-DDg2tzY8.js

@@ -1,65 +0,0 @@
-import { jsxs as e, Fragment as t, jsx as a } from "react/jsx-runtime";
-import { T as l, C as s, a as o, j as n, A as i, c as r } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const f = () => /* @__PURE__ */ e(t, { children: [
-  /* @__PURE__ */ e("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ a(l, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "TransactionInfo" }),
-    /* @__PURE__ */ a(
-      l,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Simple component for displaying transaction information with label and value."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ a(s, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ e(s, { className: "p-4", children: [
-      /* @__PURE__ */ a(l, { tag: "h5", className: "mb-3", children: "With Value" }),
-      /* @__PURE__ */ a(
-        n,
-        {
-          label: "Transaction Hash",
-          value: "0x1234...5678"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(s, { className: "p-4", children: [
-      /* @__PURE__ */ a(l, { tag: "h5", className: "mb-3", children: "Without Value" }),
-      /* @__PURE__ */ a(n, { label: "Gas Fee" })
-    ] }),
-    /* @__PURE__ */ e(s, { className: "p-4", children: [
-      /* @__PURE__ */ a(l, { tag: "h5", className: "mb-3", children: "Number Value" }),
-      /* @__PURE__ */ a(n, { label: "Block Number", value: 12345678 })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ a(i, { componentName: "TransactionInfo" }),
-  /* @__PURE__ */ a(s, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    r,
-    {
-      language: "tsx",
-      code: `import { TransactionInfo } from '@e-burgos/tucu-ui';
-
-<TransactionInfo
-  label="Transaction Hash"
-  value="0x1234...5678"
-/>
-
-<TransactionInfo
-  label="Gas Fee"
-  // value is optional, shows "_ _" if not provided
-/>
-
-<TransactionInfo
-  label="Block Number"
-  value={12345678}
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  f as default
-};

package/documentation/TucuUiLogoSection-BVMLRhro.js

@@ -1,88 +0,0 @@
-import { jsxs as s, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { T as i, C as t, a as o, ae as a, P as r, A as m, c as u } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const N = () => /* @__PURE__ */ s(l, { children: [
-  /* @__PURE__ */ s("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(i, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "TucuUiLogo" }),
-    /* @__PURE__ */ e(
-      i,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: 'The core logo icon component featuring the distinctive double T design with "ui" text, representing the Tucu UI design system.'
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { 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: "space-y-4", children: [
-    /* @__PURE__ */ s(t, { className: "p-4", children: [
-      /* @__PURE__ */ e(i, { tag: "h5", className: "mb-3", children: "Default Size" }),
-      /* @__PURE__ */ e(a, {})
-    ] }),
-    /* @__PURE__ */ s(t, { className: "p-4", children: [
-      /* @__PURE__ */ e(i, { tag: "h5", className: "mb-3", children: "Different Sizes" }),
-      /* @__PURE__ */ s("div", { className: "flex items-center gap-4 flex-wrap", children: [
-        /* @__PURE__ */ e(a, { size: 60 }),
-        /* @__PURE__ */ e(a, { size: 120 }),
-        /* @__PURE__ */ e(a, { size: 180 })
-      ] })
-    ] }),
-    /* @__PURE__ */ s(t, { className: "p-4", children: [
-      /* @__PURE__ */ e(i, { tag: "h5", className: "mb-3", children: "With Custom Classes" }),
-      /* @__PURE__ */ e(
-        a,
-        {
-          size: 100,
-          className: "opacity-80 hover:opacity-100 transition-opacity"
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(
-    r,
-    {
-      componentName: "TucuUiLogo",
-      defaultValues: { size: 60 },
-      excludeProps: ["props"],
-      children: (c) => /* @__PURE__ */ e(a, { ...c })
-    }
-  ),
-  /* @__PURE__ */ e(m, { componentName: "TucuUiLogo" }),
-  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    u,
-    {
-      language: "tsx",
-      code: `import { TucuUiLogo } from '@e-burgos/tucu-ui';
-
-// Basic usage (default 120x120)
-<TucuUiLogo />
-
-// Custom sizes
-<TucuUiLogo size={60} />
-<TucuUiLogo size={120} />
-<TucuUiLogo size={180} />
-
-// With custom classes
-<TucuUiLogo 
-  size={100} 
-  className="opacity-80 hover:opacity-100 transition-opacity" 
-/>
-
-// With SVG attributes
-<TucuUiLogo 
-  size={80} 
-  className="custom-class"
-  props={{ viewBox: '0 0 240 240' }}
-/>
-
-// The component automatically:
-// - Adapts to light/dark mode
-// - Shows the double T design with "ui" text`
-    }
-  ) }) }) })
-] });
-export {
-  N as default
-};

package/documentation/TucuUiLogoSection-DjvrfpTA.js

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>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:"TucuUiLogo"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'The core logo icon component featuring the distinctive double T design with "ui" text, representing the Tucu UI design system.'})]}),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 Size"}),e.jsx(s.TucuUiLogo,{})]}),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.TucuUiLogo,{size:60}),e.jsx(s.TucuUiLogo,{size:120}),e.jsx(s.TucuUiLogo,{size:180})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Classes"}),e.jsx(s.TucuUiLogo,{size:100,className:"opacity-80 hover:opacity-100 transition-opacity"})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"TucuUiLogo",defaultValues:{size:60},excludeProps:["props"],children:i=>e.jsx(s.TucuUiLogo,{...i})}),e.jsx(s.AutoPropsTable,{componentName:"TucuUiLogo"}),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 { TucuUiLogo } from '@e-burgos/tucu-ui';
-
-// Basic usage (default 120x120)
-<TucuUiLogo />
-
-// Custom sizes
-<TucuUiLogo size={60} />
-<TucuUiLogo size={120} />
-<TucuUiLogo size={180} />
-
-// With custom classes
-<TucuUiLogo 
-  size={100} 
-  className="opacity-80 hover:opacity-100 transition-opacity" 
-/>
-
-// With SVG attributes
-<TucuUiLogo 
-  size={80} 
-  className="custom-class"
-  props={{ viewBox: '0 0 240 240' }}
-/>
-
-// The component automatically:
-// - Adapts to light/dark mode
-// - Shows the double T design with "ui" text`})})})})]});exports.default=a;

package/documentation/TypographySection-DrWlVZdp.js

@@ -1,32 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Typography"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A comprehensive typography component system with semantic HTML tags and predefined text styles."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Headings"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Typography,{tag:"h1",children:"Heading 1"}),a.jsx(e.Typography,{tag:"h2",children:"Heading 2"}),a.jsx(e.Typography,{tag:"h3",children:"Heading 3"}),a.jsx(e.Typography,{tag:"h4",children:"Heading 4"}),a.jsx(e.Typography,{tag:"h5",children:"Heading 5"}),a.jsx(e.Typography,{tag:"h6",children:"Heading 6"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Text Variants"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Typography,{tag:"headline",children:"Headline Text"}),a.jsx(e.Typography,{tag:"body",children:"Body Text"}),a.jsx(e.Typography,{tag:"label-1",children:"Label 1"}),a.jsx(e.Typography,{tag:"h5",children:"Label 2"}),a.jsx(e.Typography,{tag:"caption",children:"Caption Text"}),a.jsx(e.Typography,{tag:"legal",children:"Legal Text"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Semantic Elements"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Typography,{tag:"p",children:"Paragraph text"}),a.jsx(e.Typography,{tag:"strong",children:"Strong text"}),a.jsx(e.Typography,{tag:"em",children:"Emphasized text"}),a.jsx(e.Typography,{tag:"code",children:"Code text"}),a.jsx(e.Typography,{tag:"pre",children:"Preformatted text"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Tooltip"}),a.jsxs("div",{className:"flex flex-wrap gap-4 items-center",children:[a.jsx(e.Typography,{tag:"span",tooltip:"This is an abbreviation",tooltipPlacement:"top",className:"underline decoration-dotted cursor-help",children:"Hover this text"}),a.jsx(e.Typography,{tag:"strong",tooltip:"Important information",tooltipPlacement:"right",tooltipColor:"light",children:"Bold with tooltip"}),a.jsx(e.Typography,{tag:"code",tooltip:"Copied!",tooltipPlacement:"bottom",children:"Code with tooltip"})]})]})]})})})}),a.jsx(e.PropPlayground,{componentName:"Typography",defaultValues:{tag:"p",color:"default"},excludeProps:["tooltip","tooltipArrow","tooltipColor","tooltipPlacement","title"],children:t=>a.jsx(e.Typography,{...t,children:"The quick brown fox jumps over the lazy dog."})}),a.jsx(e.AutoPropsTable,{componentName:"Typography"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { Typography } from '@e-burgos/tucu-ui';
-
-// Headings
-<Typography tag="h1">Heading 1</Typography>
-<Typography tag="h2">Heading 2</Typography>
-<Typography tag="h3">Heading 3</Typography>
-
-// Text variants
-<Typography tag="headline">Headline Text</Typography>
-<Typography tag="body">Body Text</Typography>
-<Typography tag="label-1">Label 1</Typography>
-<Typography tag="h5">Label 2</Typography>
-<Typography tag="caption">Caption Text</Typography>
-
-// Semantic elements
-<Typography tag="p">Paragraph text</Typography>
-<Typography tag="strong">Strong text</Typography>
-<Typography tag="em">Emphasized text</Typography>
-<Typography tag="code">Code text</Typography>
-
-// With custom className
-<Typography tag="h1" className="text-blue-500">
-  Custom Styled Heading
-</Typography>
-
-// With tooltip
-<Typography tag="span" tooltip="Extra info" tooltipPlacement="top">
-  Hover me
-</Typography>
-<Typography tag="strong" tooltip="Details" tooltipPlacement="right" tooltipColor="light">
-  Bold with tooltip
-</Typography>`})})})})]});exports.default=o;

package/documentation/TypographySection-RTEBtLau.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const l=[{tag:"headline",label:"Headline",category:"Tucu UI Tokens"},{tag:"body",label:"Body",category:"Tucu UI Tokens"},{tag:"label-1",label:"Label 1",category:"Tucu UI Tokens"},{tag:"label-2",label:"Label 2",category:"Tucu UI Tokens"},{tag:"caption",label:"Caption",category:"Tucu UI Tokens"},{tag:"legal",label:"Legal",category:"Tucu UI Tokens"},{tag:"h1",label:"Heading 1 (h1)",category:"HTML Tags"},{tag:"h2",label:"Heading 2 (h2)",category:"HTML Tags"},{tag:"h3",label:"Heading 3 (h3)",category:"HTML Tags"},{tag:"h4",label:"Heading 4 (h4)",category:"HTML Tags"},{tag:"h5",label:"Heading 5 (h5)",category:"HTML Tags"},{tag:"h6",label:"Heading 6 (h6)",category:"HTML Tags"},{tag:"p",label:"Paragraph (p)",category:"HTML Tags"},{tag:"i",label:"Italic (i)",category:"HTML Tags"},{tag:"b",label:"Bold (b)",category:"HTML Tags"},{tag:"strong",label:"Strong",category:"HTML Tags"},{tag:"em",label:"Emphasis (em)",category:"HTML Tags"},{tag:"small",label:"Small",category:"HTML Tags"},{tag:"q",label:"Quote (q)",category:"HTML Tags"},{tag:"blockquote",label:"Blockquote",category:"HTML Tags"},{tag:"code",label:"Code",category:"HTML Tags"},{tag:"pre",label:"Preformatted (pre)",category:"HTML Tags"},{tag:"kbd",label:"Keyboard (kbd)",category:"HTML Tags"},{tag:"mark",label:"Mark",category:"HTML Tags"},{tag:"del",label:"Deleted (del)",category:"HTML Tags"},{tag:"sub",label:"Subscript (sub)",category:"HTML Tags"},{tag:"sup",label:"Superscript (sup)",category:"HTML Tags"},{tag:"abbr",label:"Abbreviation (abbr)",category:"HTML Tags"},{tag:"span",label:"Span",category:"HTML Tags"}],s=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"dark",label:"Dark"},{value:"light",label:"Light"},{value:"muted",label:"Muted"},{value:"success",label:"Success"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}],t=[{value:"default",label:"Default (Sans)"},{value:"mono",label:"Mono"}];return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Typography"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Typography component with all available tags, colors, and font families"})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Tucu UI Tokens - Type Scale",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Hierarchical typography tokens designed for consistent text styling across the design system."}),a.jsx("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-light-dark",children:a.jsx("div",{className:"space-y-6",children:l.filter(r=>r.category==="Tucu UI Tokens").map(r=>a.jsxs("div",{className:"flex flex-col md:flex-row md:items-center md:justify-between gap-4 pb-6 border-b border-gray-200 dark:border-gray-700 last:border-0 last:pb-0",children:[a.jsxs("div",{className:"flex-1 space-y-2",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx(e.Typography,{tag:r.tag,children:r.label}),a.jsx(e.Badge,{variant:"outline",className:"text-xs font-mono",children:r.tag})]}),a.jsxs(e.Typography,{tag:"caption",className:"text-muted",children:[r.tag==="headline"&&"Main headlines and hero text",r.tag==="body"&&"Primary body text and paragraphs",r.tag==="label-1"&&"Primary labels and form fields",r.tag==="label-2"&&"Secondary labels and smaller text",r.tag==="caption"&&"Image captions and metadata",r.tag==="legal"&&"Legal text, disclaimers, and fine print"]})]}),a.jsx("div",{className:"md:w-1/2",children:a.jsxs(e.Typography,{tag:r.tag,children:[r.tag==="headline"&&"The quick brown fox jumps over the lazy dog",r.tag==="body"&&"The quick brown fox jumps over the lazy dog. This is body text used for paragraphs and main content.",r.tag==="label-1"&&"Label Text",r.tag==="label-2"&&"Small Label",r.tag==="caption"&&"Image caption or supporting text",r.tag==="legal"&&"Legal disclaimer text"]})})]},r.tag))})})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"HTML Tags",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Standard HTML semantic tags with Tucu UI styling."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:l.filter(r=>r.category==="HTML Tags").map(r=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(e.Typography,{tag:"h4",children:r.label}),a.jsxs(e.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['tag="',r.tag,'"']})]}),a.jsx("div",{className:"min-h-[60px] flex items-start overflow-hidden",children:a.jsx(e.Typography,{className:r.tag==="pre"||r.tag==="code"?"overflow-wrap-anywhere whitespace-pre-wrap w-full":"overflow-wrap-anywhere",tag:r.tag,...r.tag==="abbr"&&{title:"Abbreviation example"},children:r.tag==="pre"||r.tag==="code"?'const example = "The quick brown fox jumps over the lazy dog";':"The quick brown fox jumps over the lazy dog"})})]},r.tag))})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Typography Colors",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Available color props for the Typography component."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:s.map(r=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(e.Typography,{tag:"h4",children:r.label}),a.jsxs(e.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['color="',r.value,'"']})]}),a.jsx("div",{className:"min-h-[40px] flex items-center",children:a.jsx(e.Typography,{tag:"p",color:r.value,children:"The quick brown fox jumps over the lazy dog"})})]},r.value))})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Typography Font Families",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Available fontFamily props for the Typography component."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:t.map(r=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(e.Typography,{tag:"h4",children:r.label}),a.jsxs(e.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['fontFamily="',r.value,'"']})]}),a.jsx("div",{className:"min-h-[40px] flex items-center",children:a.jsx(e.Typography,{tag:"p",fontFamily:r.value,children:"The quick brown fox jumps over the lazy dog"})})]},r.value))})]})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Combined Examples",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(e.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Examples combining tags, colors, and font families."}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Headline + Primary + Mono"}),a.jsx(e.Typography,{tag:"headline",color:"primary",fontFamily:"mono",children:"The quick brown fox"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Body + Success"}),a.jsx(e.Typography,{tag:"body",color:"success",children:"The quick brown fox jumps over the lazy dog"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Label 1 + Warning"}),a.jsx(e.Typography,{tag:"label-1",color:"warning",children:"The quick brown fox"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Code + Error + Mono"}),a.jsx(e.Typography,{tag:"code",color:"error",fontFamily:"mono",children:'const example = "Hello World";'})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"Caption + Muted"}),a.jsx(e.Typography,{tag:"caption",color:"muted",children:"The quick brown fox jumps over the lazy dog"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(e.Typography,{tag:"h4",className:"text-xs text-muted",children:"H2 + Secondary"}),a.jsx(e.Typography,{tag:"h2",color:"secondary",children:"The quick brown fox"})]})]})]})})})]})};exports.default=o;

package/documentation/UsageExamplesSection-CQsfAsO1.js

@@ -1,147 +0,0 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { C as s, a as t, T as c, c as o } from "../index-D3gBsvbO.js";
-import { Code as i } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const b = () => /* @__PURE__ */ e("div", { className: "space-y-8", children: /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Usage Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
-  /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 shadow-lg", children: /* @__PURE__ */ e(i, { className: "w-6 h-6 text-white filter drop-shadow-sm" }) }),
-    /* @__PURE__ */ e(c, { tag: "h3", className: "text-xl font-semibold", children: "How to Use Icons" })
-  ] }),
-  /* @__PURE__ */ a("div", { className: "space-y-8", children: [
-    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e(c, { tag: "h4", className: "font-semibold", children: "Lucide React Integration" }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          tag: "p",
-          className: "text-gray-600 dark:text-gray-400",
-          children: "Import the LucideIcons namespace and access any icon with dot notation. All 5000+ Lucide icons are available."
-        }
-      ),
-      /* @__PURE__ */ e(o, { code: `import { LucideIcons } from '@e-burgos/tucu-ui';
-
-function MyComponent() {
-  return (
-    <div>
-      <LucideIcons.Home className="w-6 h-6 text-gray-600" />
-      <LucideIcons.User size={24} color="currentColor" />
-      <LucideIcons.Settings className="w-5 h-5" />
-      <LucideIcons.ChevronDown strokeWidth={1.5} />
-      <LucideIcons.Search className="w-4 h-4 text-blue-500" />
-    </div>
-  );
-}`, language: "tsx" })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e(c, { tag: "h4", className: "font-semibold", children: "Custom Tucu Icons" }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          tag: "p",
-          className: "text-gray-600 dark:text-gray-400",
-          children: "Access 98+ custom-designed icons specific to Tucu UI through direct named imports."
-        }
-      ),
-      /* @__PURE__ */ e(o, { code: `import {
-  Tucu,
-  HomeIcon,
-  SearchIcon,
-  Bitcoin,
-  Ethereum,
-  Github,
-  Twitter,
-  ClassicLayoutIcon,
-  Sun,
-  Moon,
-  Check,
-  Star,
-} from '@e-burgos/tucu-ui';
-
-function MyApp() {
-  return (
-    <div>
-      {/* Brand icon */}
-      <Tucu className="w-8 h-8 text-brand" />
-      
-      {/* UI icons */}
-      <HomeIcon className="w-6 h-6" />
-      <SearchIcon className="w-5 h-5 text-gray-500" />
-      
-      {/* Theme icons */}
-      <Sun className="w-6 h-6" />
-      <Moon className="w-6 h-6" />
-      
-      {/* Blockchain icons */}
-      <Bitcoin className="w-6 h-6" />
-      <Ethereum className="w-6 h-6" />
-      
-      {/* Social icons */}
-      <Github className="w-5 h-5" />
-      <Twitter className="w-5 h-5" />
-    </div>
-  );
-}`, language: "tsx" })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e(c, { tag: "h4", className: "font-semibold", children: "Creating Icon Components" }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          tag: "p",
-          className: "text-gray-600 dark:text-gray-400",
-          children: "Create reusable icon components with proper TypeScript support."
-        }
-      ),
-      /* @__PURE__ */ e(o, { code: `import { LucideIcons } from '@e-burgos/tucu-ui';
-import { Button } from '@e-burgos/tucu-ui';
-
-function IconButton({ iconName, label, onClick }) {
-  const IconComponent = LucideIcons[iconName];
-
-  return (
-    <button
-      onClick={onClick}
-      className="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800"
-      aria-label={label}
-    >
-      <IconComponent className="w-5 h-5" />
-    </button>
-  );
-}`, language: "tsx" })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e(c, { tag: "h4", className: "font-semibold", children: "Accessibility Best Practices" }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          tag: "p",
-          className: "text-gray-600 dark:text-gray-400",
-          children: "Always provide proper accessibility attributes for icons."
-        }
-      ),
-      /* @__PURE__ */ e(o, { code: `import { LucideIcons } from '@e-burgos/tucu-ui';
-
-// Decorative icons
-<LucideIcons.Home className="w-6 h-6" aria-hidden="true" />
-
-// Interactive icons
-<LucideIcons.Settings
-  className="w-6 h-6 cursor-pointer"
-  aria-label="Open settings"
-  role="button"
-  tabIndex={0}
-/>
-
-// Icons with text labels
-<button>
-  <LucideIcons.Home className="w-4 h-4 mr-2" aria-hidden="true" />
-  Home
-</button>`, language: "tsx" })
-    ] })
-  ] })
-] }) }) }) });
-export {
-  b as default
-};

package/documentation/UsageExamplesSection-Cika-E5i.js

@@ -1,83 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-VrMogvDN.js"),c=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Usage Examples",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-linear-to-br from-blue-500 via-indigo-500 to-purple-500 shadow-lg",children:e.jsx(c.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"How to Use Icons"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Lucide React Integration"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Import the LucideIcons namespace and access any icon with dot notation. All 5000+ Lucide icons are available."}),e.jsx(s.CodeBlock,{code:`import { LucideIcons } from '@e-burgos/tucu-ui';
-
-function MyComponent() {
-  return (
-    <div>
-      <LucideIcons.Home className="w-6 h-6 text-gray-600" />
-      <LucideIcons.User size={24} color="currentColor" />
-      <LucideIcons.Settings className="w-5 h-5" />
-      <LucideIcons.ChevronDown strokeWidth={1.5} />
-      <LucideIcons.Search className="w-4 h-4 text-blue-500" />
-    </div>
-  );
-}`,language:"tsx"})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Custom Tucu Icons"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Access 98+ custom-designed icons specific to Tucu UI through direct named imports."}),e.jsx(s.CodeBlock,{code:`import {
-  Tucu,
-  HomeIcon,
-  SearchIcon,
-  Bitcoin,
-  Ethereum,
-  Github,
-  Twitter,
-  ClassicLayoutIcon,
-  Sun,
-  Moon,
-  Check,
-  Star,
-} from '@e-burgos/tucu-ui';
-
-function MyApp() {
-  return (
-    <div>
-      {/* Brand icon */}
-      <Tucu className="w-8 h-8 text-brand" />
-      
-      {/* UI icons */}
-      <HomeIcon className="w-6 h-6" />
-      <SearchIcon className="w-5 h-5 text-gray-500" />
-      
-      {/* Theme icons */}
-      <Sun className="w-6 h-6" />
-      <Moon className="w-6 h-6" />
-      
-      {/* Blockchain icons */}
-      <Bitcoin className="w-6 h-6" />
-      <Ethereum className="w-6 h-6" />
-      
-      {/* Social icons */}
-      <Github className="w-5 h-5" />
-      <Twitter className="w-5 h-5" />
-    </div>
-  );
-}`,language:"tsx"})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Creating Icon Components"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Create reusable icon components with proper TypeScript support."}),e.jsx(s.CodeBlock,{code:`import { LucideIcons } from '@e-burgos/tucu-ui';
-import { Button } from '@e-burgos/tucu-ui';
-
-function IconButton({ iconName, label, onClick }) {
-  const IconComponent = LucideIcons[iconName];
-
-  return (
-    <button
-      onClick={onClick}
-      className="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800"
-      aria-label={label}
-    >
-      <IconComponent className="w-5 h-5" />
-    </button>
-  );
-}`,language:"tsx"})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Accessibility Best Practices"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Always provide proper accessibility attributes for icons."}),e.jsx(s.CodeBlock,{code:`import { LucideIcons } from '@e-burgos/tucu-ui';
-
-// Decorative icons
-<LucideIcons.Home className="w-6 h-6" aria-hidden="true" />
-
-// Interactive icons
-<LucideIcons.Settings
-  className="w-6 h-6 cursor-pointer"
-  aria-label="Open settings"
-  role="button"
-  tabIndex={0}
-/>
-
-// Icons with text labels
-<button>
-  <LucideIcons.Home className="w-4 h-4 mr-2" aria-hidden="true" />
-  Home
-</button>`,language:"tsx"})]})]})]})})})});exports.default=o;

package/documentation/UsingThemeSystemSection-BXzyzQVv.js

@@ -1,176 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { C as a, a as s, T as o, c as r } from "../index-D3gBsvbO.js";
-import { Code as n, Zap as i } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const h = () => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { title: "Using the Theme System", className: "mt-2 mb-6", children: /* @__PURE__ */ t("div", { className: "space-y-8", children: [
-  /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "p-2 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-lg shadow-lg", children: /* @__PURE__ */ e(n, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-      /* @__PURE__ */ e(o, { tag: "h4", className: "font-semibold", children: "ThemeProvider Setup" })
-    ] }),
-    /* @__PURE__ */ e(
-      r,
-      {
-        language: "tsx",
-        code: `import { ThemeProvider, LAYOUT_OPTIONS } from '@ui/tucu-ui';
-
-function App() {
-  const menuItems = [
-    { label: 'Home', path: '/', icon: HomeIcon },
-    { label: 'Dashboard', path: '/dashboard', icon: DashboardIcon },
-  ];
-
-  return (
-    <ThemeProvider
-      // Layout Configuration
-      layout={LAYOUT_OPTIONS.HORIZONTAL} // CLEAN | ADMIN | HORIZONTAL
-      menuItems={menuItems}
-      logo={{ path: '/', name: 'MyApp' }}
-
-      // Color Configuration
-      brandColor="Blue"              // Primary brand color preset
-      customPaletteColor={{
-        primary: '#0052ff',          // Hex color or preset name
-        darkPrimary: '#578bfa',
-        secondary: '#f3f4f6',
-        darkSecondary: '#172131',
-        accent: '#f7d21a',
-        darkAccent: '#936000',
-        muted: '#4a5565',
-        darkMuted: '#828a99',
-        darkBg: '#030712',
-        lightBg: '#ffffff',
-        lightDark: '#f9fafb',
-        darkLightDark: '#0a101d',
-      }}
-
-      // Theme Settings
-      mode="light"                   // 'light' | 'dark'
-      showSettings={true}
-      
-      // Additional Features
-      headerClassName="custom-header"
-      contentClassName="custom-content"
-      fullWidth={false}
-      rightButton={<UserMenu />}
-      className="custom-layout"
-    >
-      {/* Routes are automatically handled by ThemeProvider */}
-      {/* Or provide customRoutes prop for custom routing */}
-    </ThemeProvider>
-  );
-}`
-      }
-    )
-  ] }),
-  /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "p-2 bg-gradient-to-br from-purple-500 to-violet-500 rounded-lg shadow-lg", children: /* @__PURE__ */ e(i, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-      /* @__PURE__ */ e(o, { tag: "h4", className: "font-semibold", children: "useTheme Hook" })
-    ] }),
-    /* @__PURE__ */ e(
-      r,
-      {
-        language: "tsx",
-        code: `import { useTheme, LAYOUT_OPTIONS } from '@ui/tucu-ui';
-
-function ThemeControls() {
-  const {
-    // State
-    mode,
-    layout,
-    primaryPreset,
-    darkPrimaryPreset,
-    secondaryPreset,
-    darkSecondaryPreset,
-    accentPreset,
-    darkAccentPreset,
-    mutedPreset,
-    darkMutedPreset,
-    darkBgPreset,
-    lightBgPreset,
-    lightDarkPreset,
-    darkLightDarkPreset,
-    direction,
-    logo,
-    lang,
-    isSettingsOpen,
-    showSettings,
-
-    // Setters
-    setMode,
-    setLayout,
-    setPrimaryPreset,
-    setDarkPrimaryPreset,
-    setSecondaryPreset,
-    setDarkSecondaryPreset,
-    setAccentPreset,
-    setDarkAccentPreset,
-    setMutedPreset,
-    setDarkMutedPreset,
-    setDarkBgPreset,
-    setLightBgPreset,
-    setLightDarkPreset,
-    setDarkLightDarkPreset,
-    setDirection,
-    setLogo,
-    setLang,
-    setIsSettingsOpen,
-    setShowSettings,
-    restoreDefaultColors,
-  } = useTheme();
-
-  return (
-    <div>
-      {/* Basic Controls */}
-      <button onClick={() => setMode(mode === 'light' ? 'dark' : 'light')}>
-        Toggle {mode === 'light' ? 'Dark' : 'Light'} Mode
-      </button>
-
-      <select
-        value={layout}
-        onChange={(e) => setLayout(e.target.value as LAYOUT_OPTIONS)}
-      >
-        <option value={LAYOUT_OPTIONS.CLEAN}>Clean</option>
-        <option value={LAYOUT_OPTIONS.ADMIN}>Admin</option>
-        <option value={LAYOUT_OPTIONS.HORIZONTAL}>Horizontal</option>
-      </select>
-
-      <select
-        value={direction}
-        onChange={(e) => setDirection(e.target.value as 'ltr' | 'rtl')}
-      >
-        <option value="ltr">LTR</option>
-        <option value="rtl">RTL</option>
-      </select>
-
-      {/* Advanced Color Controls */}
-      <button onClick={() => setPrimaryPreset({ label: 'Blue', value: '#105eff' })}>
-        Set Primary Color
-      </button>
-
-      <button onClick={() => setSecondaryPreset({ label: 'DEFAULT_SECONDARY', value: '#f3f4f6' })}>
-        Set Secondary Color
-      </button>
-
-      {/* Settings Panel Control */}
-      <button onClick={() => setIsSettingsOpen(!isSettingsOpen)}>
-        {isSettingsOpen ? 'Close' : 'Open'} Settings
-      </button>
-
-      {/* Restore Defaults */}
-      <button onClick={restoreDefaultColors}>
-        Restore Default Colors
-      </button>
-    </div>
-  );
-}`
-      }
-    )
-  ] })
-] }) }) });
-export {
-  h as default
-};