@e-burgos/tucu-ui 2.0.8 → 2.0.9

package/documentation/ThemeProviderIntegrationSection-BbKuNCBE.js

@@ -1,108 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { C as r, a as s, T as o, c as a } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const h = () => /* @__PURE__ */ e("div", { className: "space-y-8", children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(s, { title: "ThemeProvider Integration", className: "mt-2 mb-6", children: /* @__PURE__ */ t("div", { className: "space-y-6", children: [
-  /* @__PURE__ */ t(o, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: [
-    "The routing system is fully integrated with the ThemeProvider, providing seamless navigation, layout management, and theming support. The ThemeProvider supports two architectural patterns:",
-    /* @__PURE__ */ e("strong", { children: " Standalone" }),
-    " (default) for traditional SPAs and",
-    /* @__PURE__ */ e("strong", { children: " Micro Frontends (MFE)" }),
-    " for distributed architectures."
-  ] }),
-  /* @__PURE__ */ t("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e(o, { tag: "h4", className: "font-semibold", children: "StandaloneAppThemeProvider Props" }),
-      /* @__PURE__ */ e(a, { language: "typescript", code: `interface StandaloneAppProviderProps
-  extends Omit<ThemeWrapperProps, 'menuItems' | 'children'> {
-  menuItems: StandaloneAppRoutesMenuItem[];  // Required: Array of route items
-  customRoutes?: React.ReactElement<typeof Routes>; // Override default routing
-}
-
-interface ThemeWrapperProps {
-  // Layout Configuration
-  layout?: 'classic' | 'minimal' | 'none';
-  
-  // Branding
-  logo?: { name: string; secondName?: string };
-  rightButton?: React.ReactNode;
-  
-  // Theming
-  brandColor?: PresetColorType;
-  mode?: 'light' | 'dark';
-  customPaletteColor?: { ... };
-  
-  // Settings Panel
-  showSettings?: boolean;
-}` })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h4", className: "font-semibold", children: "Custom Layout Example" }),
-        /* @__PURE__ */ e(a, { language: "tsx", code: `import { StandaloneAppThemeProvider } from '@e-burgos/tucu-ui';
-
-function CustomLayoutApp() {
-  return (
-    <StandaloneAppThemeProvider
-      layout="minimal"
-      menuItems={menuItems}
-      logo={{ name: 'My', secondName: 'App' }}
-      rightButton={
-        <div className="flex gap-2">
-          <Button variant="ghost" size="small">
-            Profile
-          </Button>
-          <Button variant="ghost" size="small">
-            Logout
-          </Button>
-        </div>
-      }
-      headerClassName="bg-brand/5 border-b border-brand/20"
-      contentClassName="max-w-7xl mx-auto"
-      fullWidth={false}
-    />
-  );
-}` })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h4", className: "font-semibold", children: "Custom Routes Override" }),
-        /* @__PURE__ */ t(
-          o,
-          {
-            tag: "p",
-            className: "text-sm text-gray-600 dark:text-gray-400",
-            children: [
-              "You can completely override the default routing by providing your own",
-              " ",
-              /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "customRoutes" }),
-              " ",
-              "prop."
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(a, { language: "tsx", code: `import { Routes, Route } from 'react-router-dom';
-import { StandaloneAppThemeProvider } from '@e-burgos/tucu-ui';
-
-function App() {
-  return (
-    <StandaloneAppThemeProvider
-      menuItems={menuItems}
-      customRoutes={
-        <Routes>
-          <Route path="/" element={<HomePage />} />
-          <Route path="/custom" element={<CustomPage />} />
-          <Route path="*" element={<NotFoundPage />} />
-        </Routes>
-      }
-    />
-  );
-}` })
-      ] })
-    ] })
-  ] })
-] }) }) }) });
-export {
-  h as default
-};

package/documentation/ThemeProviderRequiredSection-BwXR1i1V.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-VrMogvDN.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.Alert,{variant:"warning",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(o.AlertTriangle,{className:"h-4 w-4"}),"ThemeProvider Required"]}),e.jsxs("div",{children:["Before using any layout components or theme hooks, you MUST wrap your application with ThemeProvider. All layout components and theme hooks depend on the theme context provided by ThemeProvider. Located in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded text-xs",children:"ui/tucu-ui/src/themes/components/theme-provider"}),"."]})]})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Routing System",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:[e.jsx("strong",{children:"ThemeProvider"})," includes"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded text-xs",children:"BrowserRouter"})," ","from React Router and handles routing automatically. You have two options:"]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800",children:[e.jsx(r.Typography,{tag:"h4",className:"font-semibold mb-2",children:"1. Automatic Routing (Default)"}),e.jsxs(r.Typography,{tag:"p",className:"text-sm text-gray-700 dark:text-gray-300 mb-2",children:["Provide ",e.jsx("code",{children:"menuItems"})," with ",e.jsx("code",{children:"component"})," ","prop. ThemeProvider will automatically generate routes from your menu items."]}),e.jsxs(r.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:[e.jsx("strong",{children:"Use when:"})," You want routing based on menu items. Each menu item with a ",e.jsx("code",{children:"component"})," prop becomes a route."]})]}),e.jsxs("div",{className:"p-4 bg-green-50 dark:bg-green-900/20 rounded-lg border border-green-200 dark:border-green-800",children:[e.jsx(r.Typography,{tag:"h4",className:"font-semibold mb-2",children:"2. Custom Routing"}),e.jsxs(r.Typography,{tag:"p",className:"text-sm text-gray-700 dark:text-gray-300 mb-2",children:["Provide ",e.jsx("code",{children:"customRoutes"})," prop with your own"," ",e.jsx("code",{children:"<Routes>"})," component. This gives you full control over routing."]}),e.jsxs(r.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:[e.jsx("strong",{children:"Use when:"})," You need custom routing logic, landing pages without navigation, or complex routing scenarios."]})]})]})]})})})]});exports.default=t;

package/documentation/ThemeProviderSection-Bh7hWBV8.js

@@ -1,128 +0,0 @@
-import { jsxs as o, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { T as a, C as p, a as l, q as d } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const g = () => {
-  const s = [
-    { key: "prop", label: "Prop" },
-    { key: "type", label: "Type" },
-    { key: "default", label: "Default" },
-    { key: "description", label: "Description" }
-  ], i = [
-    {
-      prop: "menuItems",
-      type: "IMenuItem[]",
-      default: "Required",
-      description: "Navigation menu items"
-    },
-    {
-      prop: "layout",
-      type: "LAYOUT_OPTIONS",
-      default: "HORIZONTAL",
-      description: "Layout type: CLEAN, ADMIN, or HORIZONTAL"
-    },
-    {
-      prop: "mode",
-      type: "'light' | 'dark'",
-      default: "'light'",
-      description: "Color mode"
-    },
-    {
-      prop: "showSettings",
-      type: "boolean",
-      default: "false",
-      description: "Show theme settings drawer button"
-    },
-    {
-      prop: "customPaletteColor",
-      type: "object",
-      default: "-",
-      description: "Custom color palette (see Color Configuration)"
-    },
-    {
-      prop: "logo",
-      type: "LogoType",
-      default: "{ path: '/', name: '' }",
-      description: "Logo configuration object with path and name"
-    },
-    {
-      prop: "brandColor",
-      type: "PresetColorType",
-      default: "-",
-      description: "Brand color preset"
-    },
-    {
-      prop: "headerClassName",
-      type: "string",
-      default: "-",
-      description: "Custom CSS classes for header"
-    },
-    {
-      prop: "contentClassName",
-      type: "string",
-      default: "-",
-      description: "Custom CSS classes for content area"
-    },
-    {
-      prop: "fullWidth",
-      type: "boolean",
-      default: "false",
-      description: "Enable full width layout"
-    },
-    {
-      prop: "rightButton",
-      type: "ReactNode",
-      default: "-",
-      description: "Custom button component for header right area"
-    },
-    {
-      prop: "className",
-      type: "string",
-      default: "-",
-      description: "Custom CSS classes for root layout"
-    }
-  ];
-  return /* @__PURE__ */ o(n, { children: [
-    /* @__PURE__ */ o("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(
-        a,
-        {
-          tag: "h2",
-          className: "mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",
-          children: "ThemeProvider Component"
-        }
-      ),
-      /* @__PURE__ */ e(
-        a,
-        {
-          tag: "p",
-          className: "text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",
-          children: "Complete reference for ThemeProvider props and configuration"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(l, { title: "ThemeProvider Props", className: "mt-2 mb-6", children: /* @__PURE__ */ o("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ o(a, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: [
-        "The ThemeProvider is the root component that wraps your application and manages all theme state. Located in",
-        /* @__PURE__ */ e("code", { className: "px-2 py-1 font-mono rounded text-sm", children: "ui/tucu-ui/src/themes" }),
-        "directory."
-      ] }),
-      /* @__PURE__ */ e(
-        d,
-        {
-          columns: s.map((t) => ({
-            ...t,
-            render: (r) => t.key === "prop" ? /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(r ?? "") }) : t.key === "type" || t.key === "default" ? /* @__PURE__ */ e("code", { className: "text-xs text-gray-600 dark:text-gray-400", children: String(r ?? "") }) : t.key === "description" ? /* @__PURE__ */ e("span", { className: "text-xs text-gray-600 dark:text-gray-400", children: String(r ?? "") }) : String(r ?? "")
-          })),
-          data: i,
-          containerClassName: "mb-4"
-        }
-      )
-    ] }) }) })
-  ] });
-};
-export {
-  g as default
-};

package/documentation/ThemeProviderSection-D6v8Vlhs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const a=[{key:"prop",label:"Prop"},{key:"type",label:"Type"},{key:"default",label:"Default"},{key:"description",label:"Description"}],s=[{prop:"menuItems",type:"IMenuItem[]",default:"Required",description:"Navigation menu items"},{prop:"layout",type:"LAYOUT_OPTIONS",default:"HORIZONTAL",description:"Layout type: CLEAN, ADMIN, or HORIZONTAL"},{prop:"mode",type:"'light' | 'dark'",default:"'light'",description:"Color mode"},{prop:"showSettings",type:"boolean",default:"false",description:"Show theme settings drawer button"},{prop:"customPaletteColor",type:"object",default:"-",description:"Custom color palette (see Color Configuration)"},{prop:"logo",type:"LogoType",default:"{ path: '/', name: '' }",description:"Logo configuration object with path and name"},{prop:"brandColor",type:"PresetColorType",default:"-",description:"Brand color preset"},{prop:"headerClassName",type:"string",default:"-",description:"Custom CSS classes for header"},{prop:"contentClassName",type:"string",default:"-",description:"Custom CSS classes for content area"},{prop:"fullWidth",type:"boolean",default:"false",description:"Enable full width layout"},{prop:"rightButton",type:"ReactNode",default:"-",description:"Custom button component for header right area"},{prop:"className",type:"string",default:"-",description:"Custom CSS classes for root layout"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"ThemeProvider Component"}),e.jsx(t.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Complete reference for ThemeProvider props and configuration"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider Props",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["The ThemeProvider is the root component that wraps your application and manages all theme state. Located in",e.jsx("code",{className:"px-2 py-1 font-mono rounded text-sm",children:"ui/tucu-ui/src/themes"}),"directory."]}),e.jsx(t.BasicTable,{columns:a.map(r=>({...r,render:o=>r.key==="prop"?e.jsx("code",{className:"text-xs text-brand",children:String(o??"")}):r.key==="type"||r.key==="default"?e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(o??"")}):r.key==="description"?e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(o??"")}):String(o??"")})),data:s,containerClassName:"mb-4"})]})})})]})};exports.default=i;

package/documentation/ToggleBarSection-BCAgChf-.js

@@ -1,127 +0,0 @@
-import { jsxs as t, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { useState as o } from "react";
-import { T as c, C as l, a as n, x as i, A as r, c as h } from "../index-D3gBsvbO.js";
-import { Save as g } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const x = () => {
-  const [a, s] = o(!1);
-  return /* @__PURE__ */ t(d, { children: [
-    /* @__PURE__ */ t("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(c, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "ToggleBar" }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A toggle bar component with title, subtitle, icon, and optional content. Perfect for settings panels and feature toggles."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { 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-4", children: [
-      /* @__PURE__ */ t(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "Basic ToggleBar" }),
-        /* @__PURE__ */ e(
-          i,
-          {
-            title: "Enable Notifications",
-            checked: a,
-            onChange: () => s(!a)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "With Subtitle" }),
-        /* @__PURE__ */ e(
-          i,
-          {
-            title: "Dark Mode",
-            subTitle: "Switch between light and dark themes",
-            checked: a,
-            onChange: () => s(!a)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "With Icon" }),
-        /* @__PURE__ */ e(
-          i,
-          {
-            title: "Auto Save",
-            subTitle: "Automatically save your work",
-            icon: /* @__PURE__ */ e(g, { className: "w-5 h-5" }),
-            checked: a,
-            onChange: () => s(!a)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(c, { tag: "h5", className: "mb-3", children: "With Children" }),
-        /* @__PURE__ */ e(
-          i,
-          {
-            title: "Advanced Settings",
-            subTitle: "Show advanced configuration options",
-            checked: a,
-            onChange: () => s(!a),
-            children: /* @__PURE__ */ e("div", { className: "mt-4 space-y-2", children: /* @__PURE__ */ e(
-              c,
-              {
-                tag: "p",
-                className: "text-sm text-gray-600 dark:text-gray-400",
-                children: "Additional content appears here when toggle is enabled."
-              }
-            ) })
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(r, { componentName: "ToggleBar" }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { 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 { ToggleBar, LucideIcons } from '@e-burgos/tucu-ui';
-
-const [checked, setChecked] = useState(false);
-
-// Basic usage
-<ToggleBar
-  title="Enable Notifications"
-  checked={checked}
-  onChange={() => setChecked(!checked)}
-/>
-
-// With subtitle
-<ToggleBar
-  title="Dark Mode"
-  subTitle="Switch between light and dark themes"
-  checked={checked}
-  onChange={() => setChecked(!checked)}
-/>
-
-// With icon
-<ToggleBar
-  title="Auto Save"
-  icon={<LucideIcons.Save className="w-5 h-5" />}
-  checked={checked}
-  onChange={() => setChecked(!checked)}
-/>
-
-// With children
-<ToggleBar
-  title="Advanced Settings"
-  checked={checked}
-  onChange={() => setChecked(!checked)}
->
-  <div className="mt-4">
-    <p>Additional content here</p>
-  </div>
-</ToggleBar>`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  x as default
-};

package/documentation/ToggleBarSection-Dw4ywuTP.js

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),a=require("../index-VrMogvDN.js"),l=require("lucide-react");require("react-router-dom");require("react-dom");const i=()=>{const[t,s]=c.useState(!1);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:"ToggleBar"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A toggle bar component with title, subtitle, icon, and optional content. Perfect for settings panels and feature toggles."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic ToggleBar"}),e.jsx(a.ToggleBar,{title:"Enable Notifications",checked:t,onChange:()=>s(!t)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Subtitle"}),e.jsx(a.ToggleBar,{title:"Dark Mode",subTitle:"Switch between light and dark themes",checked:t,onChange:()=>s(!t)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Icon"}),e.jsx(a.ToggleBar,{title:"Auto Save",subTitle:"Automatically save your work",icon:e.jsx(l.Save,{className:"w-5 h-5"}),checked:t,onChange:()=>s(!t)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Children"}),e.jsx(a.ToggleBar,{title:"Advanced Settings",subTitle:"Show advanced configuration options",checked:t,onChange:()=>s(!t),children:e.jsx("div",{className:"mt-4 space-y-2",children:e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Additional content appears here when toggle is enabled."})})})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"ToggleBar"}),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 { ToggleBar, LucideIcons } from '@e-burgos/tucu-ui';
-
-const [checked, setChecked] = useState(false);
-
-// Basic usage
-<ToggleBar
-  title="Enable Notifications"
-  checked={checked}
-  onChange={() => setChecked(!checked)}
-/>
-
-// With subtitle
-<ToggleBar
-  title="Dark Mode"
-  subTitle="Switch between light and dark themes"
-  checked={checked}
-  onChange={() => setChecked(!checked)}
-/>
-
-// With icon
-<ToggleBar
-  title="Auto Save"
-  icon={<LucideIcons.Save className="w-5 h-5" />}
-  checked={checked}
-  onChange={() => setChecked(!checked)}
-/>
-
-// With children
-<ToggleBar
-  title="Advanced Settings"
-  checked={checked}
-  onChange={() => setChecked(!checked)}
->
-  <div className="mt-4">
-    <p>Additional content here</p>
-  </div>
-</ToggleBar>`})})})})]})};exports.default=i;

package/documentation/TooltipSection-CWZ2P_XP.js

@@ -1,62 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"text-center space-y-4",children:[t.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Tooltip"}),t.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A portal-based tooltip component that renders above all other DOM elements. Supports configurable placement, arrow, color themes, and delays."})]}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Placement",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4",children:[t.jsx(o.Tooltip,{content:"Top tooltip",placement:"top",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Top"})}),t.jsx(o.Tooltip,{content:"Bottom tooltip",placement:"bottom",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Bottom"})}),t.jsx(o.Tooltip,{content:"Left tooltip",placement:"left",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Left"})}),t.jsx(o.Tooltip,{content:"Right tooltip",placement:"right",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Right"})})]})})})}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Color Themes",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4",children:[t.jsx(o.Tooltip,{content:"Auto (uses theme mode)",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Auto"})}),t.jsx(o.Tooltip,{content:"Dark theme",color:"dark",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Dark"})}),t.jsx(o.Tooltip,{content:"Light theme",color:"light",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",children:"Light"})}),t.jsx(o.Tooltip,{content:"Primary color",color:"primary",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"primary",children:"Primary"})}),t.jsx(o.Tooltip,{content:"Success message",color:"success",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"success",children:"Success"})}),t.jsx(o.Tooltip,{content:"Info message",color:"info",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"info",children:"Info"})}),t.jsx(o.Tooltip,{content:"Warning message",color:"warning",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"warning",children:"Warning"})}),t.jsx(o.Tooltip,{content:"Danger message",color:"danger",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"danger",children:"Danger"})})]})})})}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Arrow Options",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4",children:[t.jsx(o.Tooltip,{content:"With arrow",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"info",children:"With Arrow"})}),t.jsx(o.Tooltip,{content:"Without arrow",arrow:!1,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"info",children:"No Arrow"})})]})})})}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Rich Content",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4",children:[t.jsx(o.Tooltip,{content:t.jsxs("div",{className:"space-y-1",children:[t.jsx(o.Typography,{tag:"strong",className:"text-xs",children:"Rich Tooltip"}),t.jsx(o.Typography,{tag:"p",className:"text-xs opacity-80",children:"Supports any React node as content."})]}),placement:"bottom",color:"light",arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"success",children:"Rich Content"})}),t.jsx(o.Tooltip,{content:"Delayed tooltip",enterDelay:500,arrow:!0,children:t.jsx(o.Button,{variant:"ghost",size:"small",color:"warning",children:"500ms Delay"})})]})})})}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Component Integration",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"space-y-4",children:[t.jsxs(o.CardContainer,{className:"p-4",children:[t.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Button with tooltip prop"}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(o.Button,{tooltip:"Save changes",tooltipPlacement:"top",children:"Save"}),t.jsx(o.Button,{tooltip:"Delete item",tooltipPlacement:"bottom",tooltipColor:"light",color:"danger",children:"Delete"})]})]}),t.jsxs(o.CardContainer,{className:"p-4",children:[t.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Typography with tooltip prop"}),t.jsxs("div",{className:"flex flex-wrap gap-4 items-center",children:[t.jsx(o.Typography,{tag:"span",tooltip:"This is an abbreviation",tooltipPlacement:"top",className:"underline decoration-dotted cursor-help",children:"Hover this text"}),t.jsx(o.Typography,{tag:"strong",tooltip:"Important information",tooltipPlacement:"right",tooltipColor:"light",children:"Bold with tooltip"})]})]})]})})})}),t.jsx(o.PropPlayground,{componentName:"Tooltip",defaultValues:{placement:"top",color:"primary",arrow:!0,disabled:!1,enterDelay:0,leaveDelay:100},excludeProps:["children","content"],children:e=>t.jsx(o.Tooltip,{...e,content:"Tooltip preview text",children:t.jsx(o.Button,{children:"Hover me"})})}),t.jsx(o.AutoPropsTable,{componentName:"Tooltip"}),t.jsx(o.CardContainer,{className:"overflow-hidden",children:t.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsx(o.CodeBlock,{language:"tsx",code:`import { Tooltip, Button, Typography } from '@e-burgos/tucu-ui';
-
-// Standalone Tooltip wrapping any element
-<Tooltip content="Hello!" placement="top" arrow>
-  <Button>Hover me</Button>
-</Tooltip>
-
-// Auto color — adapts to current theme (dark in light mode, light in dark mode)
-<Tooltip content="Auto color">
-  <Button>Auto</Button>
-</Tooltip>
-
-// Semantic color variants
-<Tooltip content="Primary" color="primary" arrow>
-  <Button>Primary</Button>
-</Tooltip>
-<Tooltip content="Success!" color="success" arrow>
-  <Button>Success</Button>
-</Tooltip>
-<Tooltip content="Warning" color="warning" arrow>
-  <Button>Warning</Button>
-</Tooltip>
-<Tooltip content="Danger!" color="danger" arrow>
-  <Button>Danger</Button>
-</Tooltip>
-<Tooltip content="Info" color="info" arrow>
-  <Button>Info</Button>
-</Tooltip>
-
-// Without arrow
-<Tooltip content="No arrow" arrow={false}>
-  <Button>No arrow</Button>
-</Tooltip>
-
-// Rich content
-<Tooltip
-  content={
-    <div>
-      <strong>Title</strong>
-      <p>Description</p>
-    </div>
-  }
-  placement="right"
-  color="light"
-  arrow
->
-  <Button>Rich</Button>
-</Tooltip>
-
-// Enter delay
-<Tooltip content="Delayed" enterDelay={500} arrow>
-  <Button>500ms delay</Button>
-</Tooltip>
-
-// Built-in tooltip props on Button (with arrow control)
-<Button tooltip="Save" tooltipPlacement="top" tooltipArrow={false}>Save</Button>
-<Button tooltip="Delete" tooltipColor="danger">Delete</Button>
-
-// Built-in tooltip props on Typography
-<Typography tag="span" tooltip="Info" tooltipPlacement="right" tooltipArrow>
-  Hover text
-</Typography>`})})})})]});exports.default=r;

package/documentation/TopupButtonSection-CUyRtVu1.js

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-VrMogvDN.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>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:"TopupButton"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A specialized button component for top-up or recharge actions, with support for icons and links."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Topup Button"}),e.jsx(a.TopupButton,{label:"Add Funds"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Icon"}),e.jsx(a.TopupButton,{label:"Top Up Account",icon:e.jsx(s.Plus,{className:"w-4 h-4"})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Link"}),e.jsx(a.TopupButton,{label:"Recharge Now",href:"/topup",icon:e.jsx(s.CreditCard,{className:"w-4 h-4"})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With onClick Handler"}),e.jsx(a.TopupButton,{label:"Add Balance",icon:e.jsx(s.Wallet,{className:"w-4 h-4"}),onClick:()=>console.log("Topup clicked")})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"TopupButton",defaultValues:{label:"Top Up"},excludeProps:["onClick","icon"],children:o=>e.jsx(a.TopupButton,{...o})}),e.jsx(a.AutoPropsTable,{componentName:"TopupButton"}),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 { TopupButton, LucideIcons } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<TopupButton label="Add Funds" />
-
-// With icon
-<TopupButton
-  label="Top Up Account"
-  icon={<LucideIcons.Plus className="w-4 h-4" />}
-/>
-
-// With link
-<TopupButton
-  label="Recharge Now"
-  href="/topup"
-  icon={<LucideIcons.CreditCard className="w-4 h-4" />}
-/>
-
-// With onClick handler
-<TopupButton
-  label="Add Balance"
-  icon={<LucideIcons.Wallet className="w-4 h-4" />}
-  onClick={() => handleTopup()}
-/>`})})})})]});exports.default=l;

package/documentation/TopupButtonSection-DibjXivu.js

@@ -1,100 +0,0 @@
-import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { T as l, C as o, a as t, z as c, P as i, A as p, c as r } from "../index-D3gBsvbO.js";
-import { Plus as d, CreditCard as m, Wallet as u } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const B = () => /* @__PURE__ */ a(n, { children: [
-  /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(l, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "TopupButton" }),
-    /* @__PURE__ */ e(
-      l,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A specialized button component for top-up or recharge actions, with support for icons and links."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(o, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { 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: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ a(o, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Basic Topup Button" }),
-      /* @__PURE__ */ e(c, { label: "Add Funds" })
-    ] }),
-    /* @__PURE__ */ a(o, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Icon" }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          label: "Top Up Account",
-          icon: /* @__PURE__ */ e(d, { className: "w-4 h-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(o, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Link" }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          label: "Recharge Now",
-          href: "/topup",
-          icon: /* @__PURE__ */ e(m, { className: "w-4 h-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(o, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With onClick Handler" }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          label: "Add Balance",
-          icon: /* @__PURE__ */ e(u, { className: "w-4 h-4" }),
-          onClick: () => console.log("Topup clicked")
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(
-    i,
-    {
-      componentName: "TopupButton",
-      defaultValues: { label: "Top Up" },
-      excludeProps: ["onClick", "icon"],
-      children: (s) => /* @__PURE__ */ e(c, { ...s })
-    }
-  ),
-  /* @__PURE__ */ e(p, { componentName: "TopupButton" }),
-  /* @__PURE__ */ e(o, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    r,
-    {
-      language: "tsx",
-      code: `import { TopupButton, LucideIcons } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<TopupButton label="Add Funds" />
-
-// With icon
-<TopupButton
-  label="Top Up Account"
-  icon={<LucideIcons.Plus className="w-4 h-4" />}
-/>
-
-// With link
-<TopupButton
-  label="Recharge Now"
-  href="/topup"
-  icon={<LucideIcons.CreditCard className="w-4 h-4" />}
-/>
-
-// With onClick handler
-<TopupButton
-  label="Add Balance"
-  icon={<LucideIcons.Wallet className="w-4 h-4" />}
-  onClick={() => handleTopup()}
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  B as default
-};

package/documentation/TransactionInfoSection-CP75u7WX.js

@@ -1,16 +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 s=()=>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:"TransactionInfo"}),a.jsx(e.Typography,{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."})]}),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:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Value"}),a.jsx(e.TransactionInfo,{label:"Transaction Hash",value:"0x1234...5678"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Without Value"}),a.jsx(e.TransactionInfo,{label:"Gas Fee"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Number Value"}),a.jsx(e.TransactionInfo,{label:"Block Number",value:12345678})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"TransactionInfo"}),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 { 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}
-/>`})})})})]});exports.default=s;