@e-burgos/tucu-ui 2.4.1 → 2.6.0

package/documentation/RadioSection-CULyvM_s.js

@@ -0,0 +1,183 @@
+import { jsxs as i, Fragment as p, jsx as a } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { H as v, C as l, a as d, T as o, s as r, P as N, A as f, c as R } from "../index-DoxeCFUJ.js";
+import { Circle as w } from "lucide-react";
+import "react-router-dom";
+import "react-dom";
+const V = () => {
+  const [c, n] = g(""), [m, h] = g("a"), b = [
+    { label: "Primary", color: "primary" },
+    { label: "Secondary", color: "secondary" },
+    { label: "Danger", color: "danger" },
+    { label: "Info", color: "info" },
+    { label: "Success", color: "success" },
+    { label: "Warning", color: "warning" }
+  ], u = [
+    { label: "Small", size: "sm" },
+    { label: "Medium", size: "md" },
+    { label: "Large", size: "lg" },
+    { label: "Extra Large", size: "xl" }
+  ];
+  return /* @__PURE__ */ i(p, { children: [
+    /* @__PURE__ */ a(
+      v,
+      {
+        title: "Radio",
+        description: "A single radio button component for binary choices.",
+        icon: /* @__PURE__ */ a("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-violet-500 via-purple-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50", children: /* @__PURE__ */ a(w, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
+      }
+    ),
+    /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ i("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ i(l, { className: "p-4", children: [
+        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Basic Radio" }),
+        /* @__PURE__ */ a(
+          r,
+          {
+            label: "Option 1",
+            value: "option1",
+            checked: c === "option1",
+            onChange: (e) => n(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i(l, { className: "p-4", children: [
+        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Disabled" }),
+        /* @__PURE__ */ a(r, { label: "Disabled option", value: "disabled", disabled: !0 })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ i("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ i(l, { className: "p-4", children: [
+        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Ghost (default)" }),
+        /* @__PURE__ */ a(
+          r,
+          {
+            label: "Ghost Variant",
+            value: "ghost",
+            variant: "ghost",
+            checked: c === "ghost",
+            onChange: (e) => n(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i(l, { className: "p-4", children: [
+        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Solid" }),
+        /* @__PURE__ */ a(
+          r,
+          {
+            label: "Solid Variant",
+            value: "solid",
+            variant: "solid",
+            checked: c === "solid",
+            onChange: (e) => n(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i(l, { className: "p-4", children: [
+        /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: "Transparent" }),
+        /* @__PURE__ */ a(
+          r,
+          {
+            label: "Transparent Variant",
+            value: "transparent",
+            variant: "transparent",
+            checked: c === "transparent",
+            onChange: (e) => n(e.target.value)
+          }
+        )
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3", children: b.map(({ label: e, color: s }) => /* @__PURE__ */ i(l, { className: "p-4", children: [
+      /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: e }),
+      /* @__PURE__ */ a(r, { label: `${e} Radio`, value: s, color: s })
+    ] }, s)) }) }) }) }),
+    /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { title: "Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4", children: u.map(({ label: e, size: s }) => /* @__PURE__ */ i(l, { className: "p-4", children: [
+      /* @__PURE__ */ a(o, { tag: "h5", className: "mb-3", children: e }),
+      /* @__PURE__ */ a(r, { label: `${e} Radio`, value: s, size: s })
+    ] }, s)) }) }) }) }),
+    /* @__PURE__ */ a(
+      N,
+      {
+        componentName: "Radio",
+        defaultValues: {
+          label: "Preview Radio",
+          variant: "ghost",
+          color: "primary",
+          size: "md",
+          disabled: !1,
+          labelPlacement: "end"
+        },
+        includeProps: [
+          "label",
+          "variant",
+          "color",
+          "size",
+          "disabled",
+          "labelPlacement"
+        ],
+        excludeProps: ["checked", "onChange", "value"],
+        children: (e) => {
+          const s = typeof e.label == "string" && e.label.length > 0 ? e.label : "Preview Radio";
+          return /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ a(
+              r,
+              {
+                ...e,
+                label: `${s} A`,
+                value: "a",
+                checked: m === "a",
+                onChange: (t) => h(t.target.value)
+              }
+            ),
+            /* @__PURE__ */ a(
+              r,
+              {
+                ...e,
+                label: `${s} B`,
+                value: "b",
+                checked: m === "b",
+                onChange: (t) => h(t.target.value)
+              }
+            )
+          ] });
+        }
+      }
+    ),
+    /* @__PURE__ */ a(f, { componentName: "Radio" }),
+    /* @__PURE__ */ a(l, { className: "overflow-hidden", children: /* @__PURE__ */ a(d, { 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 { Radio } from '@e-burgos/tucu-ui';
+
+<Radio
+  label="Option 1"
+  value="option1"
+  checked={value === 'option1'}
+  onChange={(e) => setValue(e.target.value)}
+/>
+
+// Variants
+<Radio label="Ghost" variant="ghost" value="ghost" />
+<Radio label="Solid" variant="solid" value="solid" />
+<Radio label="Transparent" variant="transparent" value="transparent" />
+
+// Colors
+<Radio label="Primary" color="primary" />
+<Radio label="Secondary" color="secondary" />
+<Radio label="Danger" color="danger" />
+<Radio label="Info" color="info" />
+<Radio label="Success" color="success" />
+<Radio label="Warning" color="warning" />
+
+// Sizes
+<Radio label="Small" size="sm" />
+<Radio label="Medium" size="md" />
+<Radio label="Large" size="lg" />
+<Radio label="Extra Large" size="xl" />`
+      }
+    ) }) }) })
+  ] });
+};
+export {
+  V as default
+};

package/documentation/ResourcesSection-BwB_aHaD.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DWDUS-PU.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=[{uri:"tucu://catalog",description:"Complete component catalog with categories, variants, and prop types"},{uri:"tucu://tokens",description:"Design tokens: colors, spacing, typography, shadows, border-radius"},{uri:"tucu://forms",description:"Form system guide: validation patterns, field types, react-hook-form integration"},{uri:"tucu://routing",description:"Routing patterns for standalone and micro-frontend architectures"},{uri:"tucu://layouts",description:"Layout system: MainLayout, sidebar, top-nav, full-width configurations"},{uri:"tucu://theme",description:"Theming guide: color presets, dark/light mode, useTheme hook, Zustand store"},{uri:"tucu://charts",description:"Recharts integration: chart types, theming, responsive patterns"},{uri:"tucu://icons",description:"Icon catalog: full Lucide icon set with search and usage examples"},{uri:"tucu://migration",description:"Migration guide: upgrading from previous versions, breaking changes"},{uri:"tucu://best-practices",description:"Best practices: accessibility, performance, TypeScript patterns"},{uri:"tucu://changelog",description:"Version history and release notes"},{uri:"tucu://quickstart",description:"Quick start guide: installation, first component, basic setup"}],a=()=>e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(t.HeroCard,{title:"Resources",description:"12 static knowledge resources that agents can read for comprehensive context about the library.",icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.BookOpen,{className:"w-8 h-8 sm:w-10 sm:h-10 text-white"})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Available Resources",children:[e.jsx(t.Typography,{className:"text-sm text-foreground/70 mb-4",children:"Resources provide static, pre-compiled knowledge that agents can read at any time. Unlike tools, they don't execute code — they deliver structured documentation."}),e.jsx("div",{className:"overflow-x-auto",children:e.jsx(t.BasicTable,{columns:[{key:"uri",label:"URI",render:r=>e.jsx("code",{className:"px-2 py-1 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 rounded text-xs font-mono whitespace-nowrap",children:String(r)})},{key:"description",label:"Description"}],data:o})})]})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"How Agents Use Resources",children:[e.jsx(t.Typography,{className:"text-sm text-foreground/70 mb-3",children:"When an agent needs context about the library, it reads the relevant resource URI. This is automatic — no user action required:"}),e.jsx(t.CodeBlock,{code:`// Agent internally reads resources before generating code:
+
+// 1. Read catalog to know available components
+GET tucu://catalog
+→ Returns: 95+ components with categories and prop summaries
+
+// 2. Read tokens to use correct design values
+GET tucu://tokens
+→ Returns: color scales, spacing (4px base), typography, shadows
+
+// 3. Read forms to generate correct form patterns
+GET tucu://forms
+→ Returns: Zod patterns, field types, validation rules`})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Resource vs Tool",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mt-2",children:[e.jsxs("div",{className:"p-4 rounded-lg border border-emerald-500/20 bg-emerald-500/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(s.BookOpen,{className:"w-4 h-4 text-emerald-500"}),e.jsx(t.Typography,{className:"text-sm font-medium",children:"Resources"})]}),e.jsx(t.Typography,{className:"text-xs text-foreground/60",children:"Static knowledge. Read-only. Always available. No parameters needed. Provides broad context for the agent to work from."})]}),e.jsxs("div",{className:"p-4 rounded-lg border border-blue-500/20 bg-blue-500/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(s.Wrench,{className:"w-4 h-4 text-blue-500"}),e.jsx(t.Typography,{className:"text-sm font-medium",children:"Tools"})]}),e.jsx(t.Typography,{className:"text-xs text-foreground/60",children:"Dynamic execution. Takes parameters. Generates code, searches, inspects. Returns computed results specific to the request."})]})]})})})]});exports.default=a;

package/documentation/ResourcesSection-CTMhP33o.js

@@ -0,0 +1,119 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { H as c, C as s, a as o, T as r, y as n, c as d } from "../index-DoxeCFUJ.js";
+import { BookOpen as a, Wrench as l } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const u = [
+  {
+    uri: "tucu://catalog",
+    description: "Complete component catalog with categories, variants, and prop types"
+  },
+  {
+    uri: "tucu://tokens",
+    description: "Design tokens: colors, spacing, typography, shadows, border-radius"
+  },
+  {
+    uri: "tucu://forms",
+    description: "Form system guide: validation patterns, field types, react-hook-form integration"
+  },
+  {
+    uri: "tucu://routing",
+    description: "Routing patterns for standalone and micro-frontend architectures"
+  },
+  {
+    uri: "tucu://layouts",
+    description: "Layout system: MainLayout, sidebar, top-nav, full-width configurations"
+  },
+  {
+    uri: "tucu://theme",
+    description: "Theming guide: color presets, dark/light mode, useTheme hook, Zustand store"
+  },
+  {
+    uri: "tucu://charts",
+    description: "Recharts integration: chart types, theming, responsive patterns"
+  },
+  {
+    uri: "tucu://icons",
+    description: "Icon catalog: full Lucide icon set with search and usage examples"
+  },
+  {
+    uri: "tucu://migration",
+    description: "Migration guide: upgrading from previous versions, breaking changes"
+  },
+  {
+    uri: "tucu://best-practices",
+    description: "Best practices: accessibility, performance, TypeScript patterns"
+  },
+  { uri: "tucu://changelog", description: "Version history and release notes" },
+  {
+    uri: "tucu://quickstart",
+    description: "Quick start guide: installation, first component, basic setup"
+  }
+], b = () => /* @__PURE__ */ t("div", { className: "flex flex-col gap-8", children: [
+  /* @__PURE__ */ e(
+    c,
+    {
+      title: "Resources",
+      description: "12 static knowledge resources that agents can read for comprehensive context about the library.",
+      icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 bg-linear-to-br from-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(a, { className: "w-8 h-8 sm:w-10 sm:h-10 text-white" }) })
+    }
+  ),
+  /* @__PURE__ */ e(s, { children: /* @__PURE__ */ t(o, { title: "Available Resources", children: [
+    /* @__PURE__ */ e(r, { className: "text-sm text-foreground/70 mb-4", children: "Resources provide static, pre-compiled knowledge that agents can read at any time. Unlike tools, they don't execute code — they deliver structured documentation." }),
+    /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ e(
+      n,
+      {
+        columns: [
+          {
+            key: "uri",
+            label: "URI",
+            render: (i) => /* @__PURE__ */ e("code", { className: "px-2 py-1 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 rounded text-xs font-mono whitespace-nowrap", children: String(i) })
+          },
+          { key: "description", label: "Description" }
+        ],
+        data: u
+      }
+    ) })
+  ] }) }),
+  /* @__PURE__ */ e(s, { children: /* @__PURE__ */ t(o, { title: "How Agents Use Resources", children: [
+    /* @__PURE__ */ e(r, { className: "text-sm text-foreground/70 mb-3", children: "When an agent needs context about the library, it reads the relevant resource URI. This is automatic — no user action required:" }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        code: `// Agent internally reads resources before generating code:
+
+// 1. Read catalog to know available components
+GET tucu://catalog
+→ Returns: 95+ components with categories and prop summaries
+
+// 2. Read tokens to use correct design values
+GET tucu://tokens
+→ Returns: color scales, spacing (4px base), typography, shadows
+
+// 3. Read forms to generate correct form patterns
+GET tucu://forms
+→ Returns: Zod patterns, field types, validation rules`
+      }
+    )
+  ] }) }),
+  /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(o, { title: "Resource vs Tool", children: /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-2", children: [
+    /* @__PURE__ */ t("div", { className: "p-4 rounded-lg border border-emerald-500/20 bg-emerald-500/5", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ e(a, { className: "w-4 h-4 text-emerald-500" }),
+        /* @__PURE__ */ e(r, { className: "text-sm font-medium", children: "Resources" })
+      ] }),
+      /* @__PURE__ */ e(r, { className: "text-xs text-foreground/60", children: "Static knowledge. Read-only. Always available. No parameters needed. Provides broad context for the agent to work from." })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "p-4 rounded-lg border border-blue-500/20 bg-blue-500/5", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ e(l, { className: "w-4 h-4 text-blue-500" }),
+        /* @__PURE__ */ e(r, { className: "text-sm font-medium", children: "Tools" })
+      ] }),
+      /* @__PURE__ */ e(r, { className: "text-xs text-foreground/60", children: "Dynamic execution. Takes parameters. Generates code, searches, inspects. Returns computed results specific to the request." })
+    ] })
+  ] }) }) })
+] });
+export {
+  b as default
+};

package/documentation/RevealContentSection-ZnhGy2aO.js

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

package/documentation/RevealContentSection-fASJbh2Y.js

@@ -0,0 +1,80 @@
+import { jsxs as a, Fragment as r, jsx as e } from "react/jsx-runtime";
+import { H as h, C as n, a as o, T as t, au as l, P as d, A as c, c as p } from "../index-DoxeCFUJ.js";
+import { Eye as m } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const x = () => {
+  const i = /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e(t, { tag: "p", children: "This is a long piece of content that will be collapsed by default." }),
+    /* @__PURE__ */ e(t, { tag: "p", children: 'When the content exceeds the default height, a "Show More" button will appear.' }),
+    /* @__PURE__ */ e(t, { tag: "p", children: "Clicking the button will expand the content to show everything." }),
+    /* @__PURE__ */ e(t, { tag: "p", children: 'You can then click "Show Less" to collapse it back to the default height.' }),
+    /* @__PURE__ */ e(t, { tag: "p", children: "This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view." })
+  ] });
+  return /* @__PURE__ */ a(r, { children: [
+    /* @__PURE__ */ e(
+      h,
+      {
+        title: "RevealContent",
+        description: 'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.',
+        icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-sky-500 to-blue-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(m, { className: "w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg" }) })
+      }
+    ),
+    /* @__PURE__ */ e(n, { 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__ */ a("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ a(n, { className: "p-4", children: [
+        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Default Height 100px" }),
+        /* @__PURE__ */ e(l, { defaultHeight: 100, children: i })
+      ] }),
+      /* @__PURE__ */ a(n, { className: "p-4", children: [
+        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Default Height 150px" }),
+        /* @__PURE__ */ e(l, { defaultHeight: 150, children: i })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        componentName: "RevealContent",
+        defaultValues: { defaultHeight: 100 },
+        excludeProps: [],
+        children: (s) => /* @__PURE__ */ e(l, { ...s, children: /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "This is the first paragraph of content that is initially visible." }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "This second paragraph may be hidden depending on the defaultHeight value." }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "This third paragraph is likely hidden and revealed when expanded." }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "And here is even more content to demonstrate the reveal functionality." })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ e(c, { componentName: "RevealContent" }),
+    /* @__PURE__ */ e(n, { 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(
+      p,
+      {
+        language: "tsx",
+        code: `import { RevealContent, Typography } from '@e-burgos/tucu-ui';
+
+// Basic usage
+<RevealContent defaultHeight={100}>
+  <div>
+    <Typography tag="p">Long content here...</Typography>
+    <Typography tag="p">More content...</Typography>
+  </div>
+</RevealContent>
+
+// With custom height
+<RevealContent defaultHeight={150}>
+  <div>
+    {/* Your long content */}
+  </div>
+</RevealContent>
+
+// The component automatically:
+// - Shows "Show More" if content exceeds defaultHeight
+// - Shows "Show Less" when expanded
+// - Hides button if content is shorter than defaultHeight`
+      }
+    ) }) }) })
+  ] });
+};
+export {
+  x as default
+};

package/documentation/RouteConfigurationSection-B3spETiJ.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DWDUS-PU.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Route Configuration",description:"Define routes using the StandaloneAppRoutesMenuItem interface. Each menu item automatically becomes a navigable route with sidebar entry.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.Settings,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"StandaloneAppRoutesMenuItem Interface"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Type-safe route definition extending IMenuItem"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"TS",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
+  component: React.JSX.Element;    // The component to render
+  isPublic?: boolean;              // If true, accessible without authentication
+  enableNestedRoutes?: boolean;    // Adds /* to path for nested routing
+  dropdownItems?: StandaloneAppRoutesMenuItem[]; // Nested sub-routes
+}
+
+interface IMenuItem {
+  name: string;                    // Display name for the menu item
+  path: string;                    // URL path for the route
+  icon?: React.ReactNode;          // Optional icon component
+  href?: string;                   // Optional external URL
+  hide?: boolean;                  // Hide from navigation menu
+  isActive?: boolean;              // Force active state
+  onClick?: () => void;            // Optional click handler
+}`})})})]}),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:"Simple standalone app with automatic route generation"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider with menuItems",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { ThemeProvider } from '@e-burgos/tucu-ui';
+import { Introduction } from './pages/Introduction';
+import { ThemingGuide } from './pages/ThemingGuide';
+
+const menuItems: StandaloneAppRoutesMenuItem[] = [
+  {
+    name: 'Introduction',
+    path: '/',
+    icon: <LucideIcons.Home />,
+    component: <Introduction />,
+  },
+  {
+    name: 'Theming',
+    path: '/theming-guide',
+    icon: <LucideIcons.Paintbrush />,
+    component: <ThemingGuide />,
+  },
+];
+
+function App() {
+  return (
+    <ThemeProvider
+      menuItems={menuItems}
+      logo={{ name: 'My', secondName: 'App' }}
+    />
+  );
+}`})})})]})]});exports.default=o;

package/documentation/RouteConfigurationSection-goiMMamN.js

@@ -0,0 +1,88 @@
+import { jsxs as t, Fragment as r, jsx as e } from "react/jsx-runtime";
+import { H as s, T as n, C as o, a, c as i } from "../index-DoxeCFUJ.js";
+import { Settings as m } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const I = () => /* @__PURE__ */ t(r, { children: [
+  /* @__PURE__ */ e(
+    s,
+    {
+      title: "Route Configuration",
+      description: "Define routes using the StandaloneAppRoutesMenuItem interface. Each menu item automatically becomes a navigable route with sidebar entry.",
+      icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(m, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
+    }
+  ),
+  /* @__PURE__ */ t("section", { className: "space-y-8", children: [
+    /* @__PURE__ */ t("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(n, { tag: "h2", className: "mb-2", children: "StandaloneAppRoutesMenuItem Interface" }),
+      /* @__PURE__ */ e(
+        n,
+        {
+          tag: "p",
+          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
+          children: "Type-safe route definition extending IMenuItem"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(a, { title: "Interface Definition", children: /* @__PURE__ */ e(i, { language: "TS", code: `interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
+  component: React.JSX.Element;    // The component to render
+  isPublic?: boolean;              // If true, accessible without authentication
+  enableNestedRoutes?: boolean;    // Adds /* to path for nested routing
+  dropdownItems?: StandaloneAppRoutesMenuItem[]; // Nested sub-routes
+}
+
+interface IMenuItem {
+  name: string;                    // Display name for the menu item
+  path: string;                    // URL path for the route
+  icon?: React.ReactNode;          // Optional icon component
+  href?: string;                   // Optional external URL
+  hide?: boolean;                  // Hide from navigation menu
+  isActive?: boolean;              // Force active state
+  onClick?: () => void;            // Optional click handler
+}` }) }) })
+  ] }),
+  /* @__PURE__ */ t("section", { className: "space-y-8", children: [
+    /* @__PURE__ */ t("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(n, { tag: "h2", className: "mb-2", children: "Basic Usage" }),
+      /* @__PURE__ */ e(
+        n,
+        {
+          tag: "p",
+          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
+          children: "Simple standalone app with automatic route generation"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(a, { title: "ThemeProvider with menuItems", children: /* @__PURE__ */ e(i, { language: "tsx", code: `import { ThemeProvider } from '@e-burgos/tucu-ui';
+import { Introduction } from './pages/Introduction';
+import { ThemingGuide } from './pages/ThemingGuide';
+
+const menuItems: StandaloneAppRoutesMenuItem[] = [
+  {
+    name: 'Introduction',
+    path: '/',
+    icon: <LucideIcons.Home />,
+    component: <Introduction />,
+  },
+  {
+    name: 'Theming',
+    path: '/theming-guide',
+    icon: <LucideIcons.Paintbrush />,
+    component: <ThemingGuide />,
+  },
+];
+
+function App() {
+  return (
+    <ThemeProvider
+      menuItems={menuItems}
+      logo={{ name: 'My', secondName: 'App' }}
+    />
+  );
+}` }) }) })
+  ] })
+] });
+export {
+  I as default
+};