@e-burgos/tucu-ui 2.0.2 → 2.0.4

package/ThemeProviderSection-CzyXAnLZ.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BOfUOCHe.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/ToastSection-8CptTtXd.js

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const{addToast:a}=t.useToastStore(),r=[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:String(s)})},{key:"default",label:"Default",render:s=>{const o=String(s);return o==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:o})}},{key:"description",label:"Description"}],n=[{prop:"Toast Component",type:"React.FC",default:"-",description:"The Toast component renders automatically from the toast store"},{prop:"useToastStore",type:"Hook",default:"-",description:"Hook to manage toast notifications"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Toast"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A toast notification system for displaying temporary messages with multiple variants and auto-dismiss functionality."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsxs("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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Success Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Success!",message:"Operation completed successfully.",variant:"success"}),children:"Show Success Toast"})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Error Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Error!",message:"Something went wrong.",variant:"destructive"}),children:"Show Error Toast"})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Warning Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Warning!",message:"Please review this information.",variant:"warning"}),children:"Show Warning Toast"})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Info Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Info",message:"Here is some information.",variant:"info"}),children:"Show Info Toast"})]})]}),e.jsx(t.Toast,{})]})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.BasicTable,{columns:r,data:n})})})}),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 { Toast, useToastStore } from '@e-burgos/tucu-ui';
-
-function MyComponent() {
-  const { addToast } = useToastStore();
-
-  const showSuccess = () => {
-    addToast({
-      id: Date.now().toString(),
-      title: 'Success!',
-      message: 'Operation completed successfully.',
-      variant: 'success',
-    });
-  };
-
-  const showError = () => {
-    addToast({
-      id: Date.now().toString(),
-      title: 'Error!',
-      message: 'Something went wrong.',
-      variant: 'destructive',
-    });
-  };
-
-  return (
-    <>
-      <button onClick={showSuccess}>Show Success</button>
-      <button onClick={showError}>Show Error</button>
-      <Toast />
-    </>
-  );
-}
-
-// Toast variants
-addToast({ id: Date.now().toString(), variant: 'success', title: 'Success', message: '...' });
-addToast({ id: Date.now().toString(), variant: 'destructive', title: 'Error', message: '...' });
-addToast({ id: Date.now().toString(), variant: 'warning', title: 'Warning', message: '...' });
-addToast({ id: Date.now().toString(), variant: 'info', title: 'Info', message: '...' });`})})})})]})};exports.default=i;

package/ToggleBarSection-B5Twh8vM.mjs

@@ -1,187 +0,0 @@
-import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { T as l, C as c, a as d, r, B as g, c as p } from "./index-HwvOEWI7.mjs";
-import { Save as m } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const T = () => {
-  const [t, s] = h(!1);
-  return /* @__PURE__ */ a(o, { 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: "ToggleBar" }),
-      /* @__PURE__ */ e(
-        l,
-        {
-          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(c, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "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(c, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Basic ToggleBar" }),
-        /* @__PURE__ */ e(
-          r,
-          {
-            title: "Enable Notifications",
-            checked: t,
-            onChange: () => s(!t)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(c, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Subtitle" }),
-        /* @__PURE__ */ e(
-          r,
-          {
-            title: "Dark Mode",
-            subTitle: "Switch between light and dark themes",
-            checked: t,
-            onChange: () => s(!t)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(c, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Icon" }),
-        /* @__PURE__ */ e(
-          r,
-          {
-            title: "Auto Save",
-            subTitle: "Automatically save your work",
-            icon: /* @__PURE__ */ e(m, { className: "w-5 h-5" }),
-            checked: t,
-            onChange: () => s(!t)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(c, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Children" }),
-        /* @__PURE__ */ e(
-          r,
-          {
-            title: "Advanced Settings",
-            subTitle: "Show advanced configuration options",
-            checked: t,
-            onChange: () => s(!t),
-            children: /* @__PURE__ */ e("div", { className: "mt-4 space-y-2", children: /* @__PURE__ */ e(
-              l,
-              {
-                tag: "p",
-                className: "text-sm text-gray-600 dark:text-gray-400",
-                children: "Additional content appears here when toggle is enabled."
-              }
-            ) })
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(c, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(g, { columns: [
-      {
-        key: "prop",
-        label: "Prop",
-        render: (i) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(i) })
-      },
-      {
-        key: "type",
-        label: "Type",
-        render: (i) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(i) })
-      },
-      {
-        key: "default",
-        label: "Default",
-        render: (i) => {
-          const n = String(i);
-          return n === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: n });
-        }
-      },
-      {
-        key: "description",
-        label: "Description"
-      }
-    ], data: [
-      {
-        prop: "title",
-        type: "string",
-        default: "required",
-        description: "Main title text"
-      },
-      {
-        prop: "subTitle",
-        type: "string",
-        default: "-",
-        description: "Subtitle text displayed below the title"
-      },
-      {
-        prop: "icon",
-        type: "React.ReactNode",
-        default: "-",
-        description: "Icon element to display next to the title"
-      },
-      {
-        prop: "checked",
-        type: "boolean",
-        default: "required",
-        description: "Whether the toggle is checked"
-      },
-      {
-        prop: "onChange",
-        type: "() => void",
-        default: "required",
-        description: "Callback when toggle state changes"
-      },
-      {
-        prop: "children",
-        type: "React.ReactNode",
-        default: "-",
-        description: "Content to display below the toggle bar"
-      }
-    ] }) }) }) }),
-    /* @__PURE__ */ e(c, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { 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 { 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 {
-  T as default
-};

package/ToggleBarSection-DB11j5rL.js

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("./index-BOfUOCHe.js"),d=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[a,l]=n.useState(!1),i=[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:String(s)})},{key:"default",label:"Default",render:s=>{const c=String(s);return c==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:c})}},{key:"description",label:"Description"}],r=[{prop:"title",type:"string",default:"required",description:"Main title text"},{prop:"subTitle",type:"string",default:"-",description:"Subtitle text displayed below the title"},{prop:"icon",type:"React.ReactNode",default:"-",description:"Icon element to display next to the title"},{prop:"checked",type:"boolean",default:"required",description:"Whether the toggle is checked"},{prop:"onChange",type:"() => void",default:"required",description:"Callback when toggle state changes"},{prop:"children",type:"React.ReactNode",default:"-",description:"Content to display below the toggle bar"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ToggleBar"}),e.jsx(t.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(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic ToggleBar"}),e.jsx(t.ToggleBar,{title:"Enable Notifications",checked:a,onChange:()=>l(!a)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Subtitle"}),e.jsx(t.ToggleBar,{title:"Dark Mode",subTitle:"Switch between light and dark themes",checked:a,onChange:()=>l(!a)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Icon"}),e.jsx(t.ToggleBar,{title:"Auto Save",subTitle:"Automatically save your work",icon:e.jsx(d.Save,{className:"w-5 h-5"}),checked:a,onChange:()=>l(!a)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Children"}),e.jsx(t.ToggleBar,{title:"Advanced Settings",subTitle:"Show advanced configuration options",checked:a,onChange:()=>l(!a),children:e.jsx("div",{className:"mt-4 space-y-2",children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Additional content appears here when toggle is enabled."})})})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.BasicTable,{columns:i,data:r})})})}),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 { 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=o;

package/TopupButtonSection-CDh_iG83.js

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-BOfUOCHe.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const r=[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:String(s)})},{key:"default",label:"Default",render:s=>{const t=String(s);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],n=[{prop:"label",type:"string",default:"required",description:"Button label text"},{prop:"icon",type:"React.ReactNode",default:"-",description:"Optional icon to display before the label"},{prop:"href",type:"string",default:"-",description:"Optional link URL"},{prop:"className",type:"string",default:"-",description:"Additional CSS classes"},{prop:"onClick",type:"() => void",default:"-",description:"Click handler function"}];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:"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(l.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(l.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(l.Wallet,{className:"w-4 h-4"}),onClick:()=>console.log("Topup clicked")})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:r,data:n})})})}),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=o;

package/TopupButtonSection-xr9SjnVl.mjs

@@ -1,145 +0,0 @@
-import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { T as t, C as l, a as o, t as c, B as r, c as d } from "./index-HwvOEWI7.mjs";
-import { Plus as p, 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(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "TopupButton" }),
-    /* @__PURE__ */ e(
-      t,
-      {
-        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(l, { 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: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ a(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Basic Topup Button" }),
-      /* @__PURE__ */ e(c, { label: "Add Funds" })
-    ] }),
-    /* @__PURE__ */ a(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "With Icon" }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          label: "Top Up Account",
-          icon: /* @__PURE__ */ e(p, { className: "w-4 h-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { 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(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { 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(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(r, { columns: [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (s) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(s) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (s) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(s) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (s) => {
-        const i = String(s);
-        return i === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: i });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "label",
-      type: "string",
-      default: "required",
-      description: "Button label text"
-    },
-    {
-      prop: "icon",
-      type: "React.ReactNode",
-      default: "-",
-      description: "Optional icon to display before the label"
-    },
-    {
-      prop: "href",
-      type: "string",
-      default: "-",
-      description: "Optional link URL"
-    },
-    {
-      prop: "className",
-      type: "string",
-      default: "-",
-      description: "Additional CSS classes"
-    },
-    {
-      prop: "onClick",
-      type: "() => void",
-      default: "-",
-      description: "Click handler function"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(l, { 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(
-    d,
-    {
-      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/TransactionInfoSection-DNX6oC4R.js

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const l=[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:String(s)})},{key:"default",label:"Default",render:s=>{const r=String(s);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{key:"description",label:"Description"}],t=[{prop:"label",type:"string",default:"required",description:"Label text for the transaction field"},{prop:"value",type:"string | number",default:"-",description:"Transaction value to display"},{prop:"className",type:"string",default:"''",description:"Custom CSS classes"}];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:"TransactionInfo"}),e.jsx(a.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."})]}),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:"With Value"}),e.jsx(a.TransactionInfo,{label:"Transaction Hash",value:"0x1234...5678"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Without Value"}),e.jsx(a.TransactionInfo,{label:"Gas Fee"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Number Value"}),e.jsx(a.TransactionInfo,{label:"Block Number",value:12345678})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:l,data:t})})})}),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 { 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=n;

package/TransactionInfoSection-qS4JzmkY.mjs

@@ -1,113 +0,0 @@
-import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as t, C as l, a as r, j as n, B as c, c as d } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const g = () => /* @__PURE__ */ a(o, { children: [
-  /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "TransactionInfo" }),
-    /* @__PURE__ */ e(
-      t,
-      {
-        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__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { 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(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "With Value" }),
-      /* @__PURE__ */ e(
-        n,
-        {
-          label: "Transaction Hash",
-          value: "0x1234...5678"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Without Value" }),
-      /* @__PURE__ */ e(n, { label: "Gas Fee" })
-    ] }),
-    /* @__PURE__ */ a(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Number Value" }),
-      /* @__PURE__ */ e(n, { label: "Block Number", value: 12345678 })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    c,
-    {
-      columns: [
-        {
-          key: "prop",
-          label: "Prop",
-          render: (s) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(s) })
-        },
-        {
-          key: "type",
-          label: "Type",
-          render: (s) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(s) })
-        },
-        {
-          key: "default",
-          label: "Default",
-          render: (s) => {
-            const i = String(s);
-            return i === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: i });
-          }
-        },
-        {
-          key: "description",
-          label: "Description"
-        }
-      ],
-      data: [
-        {
-          prop: "label",
-          type: "string",
-          default: "required",
-          description: "Label text for the transaction field"
-        },
-        {
-          prop: "value",
-          type: "string | number",
-          default: "-",
-          description: "Transaction value to display"
-        },
-        {
-          prop: "className",
-          type: "string",
-          default: "''",
-          description: "Custom CSS classes"
-        }
-      ]
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(r, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    d,
-    {
-      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 {
-  g as default
-};

package/TucuUiLogoSection-BRCr-qmP.js

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const a=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>{const i=String(t);return i==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:i})}},{key:"description",label:"Description"}],r=[{prop:"size",type:"number | string",default:"120",description:"Size of the logo icon"},{prop:"className",type:"string",default:"''",description:"Additional CSS classes"},{prop:"props",type:"React.SVGAttributes<SVGElement>",default:"-",description:"Additional SVG attributes"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"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.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:a,data:r})})})}),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=o;