@e-burgos/tucu-ui 2.0.1 → 2.0.3

package/ListItemSection-DFPkvu6M.mjs

@@ -1,191 +0,0 @@
-import { jsxs as t, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { T as s, C as l, a as c, Z as a, B as r, c as o } from "./index-DAzR4tRy.mjs";
-import { Home as m, Settings as p, User as h, Star as u } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const v = () => /* @__PURE__ */ t(n, { children: [
-  /* @__PURE__ */ t("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(s, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "ListItem" }),
-    /* @__PURE__ */ e(
-      s,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A list item component for displaying items in dropdowns and menus with support for icons, labels, and custom content."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Basic List Items" }),
-      /* @__PURE__ */ t("ul", { className: "space-y-1", children: [
-        /* @__PURE__ */ e(a, { id: "1", label: "Item 1" }),
-        /* @__PURE__ */ e(a, { id: "2", label: "Item 2" }),
-        /* @__PURE__ */ e(a, { id: "3", label: "Item 3" })
-      ] })
-    ] }),
-    /* @__PURE__ */ t(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "With Icons" }),
-      /* @__PURE__ */ t("ul", { className: "space-y-1", children: [
-        /* @__PURE__ */ e(
-          a,
-          {
-            id: "1",
-            label: "Home",
-            icon: /* @__PURE__ */ e(m, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ e(
-          a,
-          {
-            id: "2",
-            label: "Settings",
-            icon: /* @__PURE__ */ e(p, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ e(
-          a,
-          {
-            id: "3",
-            label: "Profile",
-            icon: /* @__PURE__ */ e(h, { className: "w-4 h-4" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ t(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "States" }),
-      /* @__PURE__ */ t("ul", { className: "space-y-1", children: [
-        /* @__PURE__ */ e(a, { id: "1", label: "Active Item", active: !0 }),
-        /* @__PURE__ */ e(a, { id: "2", label: "Normal Item" }),
-        /* @__PURE__ */ e(a, { id: "3", label: "Disabled Item", disabled: !0 })
-      ] })
-    ] }),
-    /* @__PURE__ */ t(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "With Custom Content" }),
-      /* @__PURE__ */ e("ul", { className: "space-y-1", children: /* @__PURE__ */ e(
-        a,
-        {
-          id: "1",
-          content: /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(u, { className: "w-4 h-4" }),
-            /* @__PURE__ */ e("span", { children: "Custom Content" })
-          ] })
-        }
-      ) })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { 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: (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 d = String(i);
-        return d === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: d });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "id",
-      type: "string | number",
-      default: "required",
-      description: "Unique identifier for the item"
-    },
-    {
-      prop: "label",
-      type: "string",
-      default: "-",
-      description: "Text label for the item"
-    },
-    {
-      prop: "icon",
-      type: "React.ReactNode",
-      default: "-",
-      description: "Icon to display before the label"
-    },
-    {
-      prop: "content",
-      type: "React.ReactNode",
-      default: "-",
-      description: "Custom content to display instead of label"
-    },
-    {
-      prop: "onClick",
-      type: "() => void",
-      default: "-",
-      description: "Click handler function"
-    },
-    {
-      prop: "disabled",
-      type: "boolean",
-      default: "false",
-      description: "Whether the item is disabled"
-    },
-    {
-      prop: "active",
-      type: "boolean",
-      default: "false",
-      description: "Whether the item is active"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    o,
-    {
-      language: "tsx",
-      code: `import { ListItem, LucideIcons } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<ul>
-  <ListItem id="1" label="Item 1" />
-  <ListItem id="2" label="Item 2" />
-</ul>
-
-// With icons
-<ListItem
-  id="1"
-  label="Home"
-  icon={<LucideIcons.Home className="w-4 h-4" />}
-/>
-
-// With states
-<ListItem id="1" label="Active" active />
-<ListItem id="2" label="Disabled" disabled />
-
-// With custom content
-<ListItem
-  id="1"
-  content={
-    <div className="flex items-center gap-2">
-      <LucideIcons.Star className="w-4 h-4" />
-      <span>Custom</span>
-    </div>
-  }
-/>
-
-// With onClick
-<ListItem
-  id="1"
-  label="Clickable"
-  onClick={() => handleClick()}
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  v as default
-};

package/LiveDemoSection-Fav2CBEm.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index-Cj89iBVR.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsx(e.Fragment,{children:e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Live Demo Form",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-green-500 to-emerald-500 rounded-lg shadow-lg",children:e.jsx(s.Play,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(r.Typography,{tag:"h4",className:"font-semibold",children:"Interactive Form Example"})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx(r.Button,{size:"small",className:"animate-bounce",children:e.jsx(r.AnchorLink,{to:"/form-system/example",children:"Go to Form Example"})})})]})})})});exports.default=i;

package/LivePriceFeedSection-BeILO4dy.mjs

@@ -1,187 +0,0 @@
-import { jsxs as r, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as t, C as i, a as c, L as l, d as o, E as d, B as p, c as m } from "./index-DAzR4tRy.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const C = () => /* @__PURE__ */ r(s, { children: [
-  /* @__PURE__ */ r("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "LivePriceFeed" }),
-    /* @__PURE__ */ e(
-      t,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Real-time price display with integrated chart visualization for cryptocurrency price tracking."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ r(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "With Chart" }),
-      /* @__PURE__ */ e(
-        l,
-        {
-          id: "bitcoin",
-          name: "Bitcoin",
-          symbol: "BTC",
-          icon: /* @__PURE__ */ e(o, { className: "w-6 h-6" }),
-          balance: "1.25",
-          usdBalance: "45,000",
-          change: "+2.5%",
-          isChangePositive: !0,
-          prices: [
-            { name: 1, value: 45e3 },
-            { name: 2, value: 45200 },
-            { name: 3, value: 44800 },
-            { name: 4, value: 45100 },
-            { name: 5, value: 45300 }
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ r(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Negative Change" }),
-      /* @__PURE__ */ e(
-        l,
-        {
-          id: "ethereum",
-          name: "Ethereum",
-          symbol: "ETH",
-          icon: /* @__PURE__ */ e(d, { className: "w-6 h-6" }),
-          balance: "5.5",
-          usdBalance: "16,500",
-          change: "-1.8%",
-          isChangePositive: !1,
-          prices: [
-            { name: 1, value: 3e3 },
-            { name: 2, value: 2950 },
-            { name: 3, value: 2980 },
-            { name: 4, value: 2920 },
-            { name: 5, value: 2900 }
-          ]
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    p,
-    {
-      columns: [
-        {
-          key: "prop",
-          label: "Prop",
-          render: (a) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(a) })
-        },
-        {
-          key: "type",
-          label: "Type",
-          render: (a) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(a) })
-        },
-        {
-          key: "default",
-          label: "Default",
-          render: (a) => {
-            const n = String(a);
-            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: "id",
-          type: "string",
-          default: "required",
-          description: "Unique identifier for the price feed"
-        },
-        {
-          prop: "name",
-          type: "string",
-          default: "required",
-          description: "Full name of the cryptocurrency"
-        },
-        {
-          prop: "symbol",
-          type: "string",
-          default: "required",
-          description: "Cryptocurrency symbol"
-        },
-        {
-          prop: "icon",
-          type: "React.ReactElement",
-          default: "required",
-          description: "Icon element for the cryptocurrency"
-        },
-        {
-          prop: "balance",
-          type: "string",
-          default: "required",
-          description: "Coin balance amount"
-        },
-        {
-          prop: "usdBalance",
-          type: "string",
-          default: "required",
-          description: "USD equivalent balance"
-        },
-        {
-          prop: "change",
-          type: "string",
-          default: "required",
-          description: "Price change percentage"
-        },
-        {
-          prop: "isChangePositive",
-          type: "boolean",
-          default: "required",
-          description: "Whether the price change is positive"
-        },
-        {
-          prop: "prices",
-          type: "Price[]",
-          default: "required",
-          description: "Array of price data points for the chart"
-        },
-        {
-          prop: "isBorder",
-          type: "boolean",
-          default: "false",
-          description: "Whether to show border instead of shadow"
-        }
-      ]
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    m,
-    {
-      language: "tsx",
-      code: `import { LivePriceFeed } from '@e-burgos/tucu-ui';
-
-const priceData = [
-  { name: 1, value: 45000 },
-  { name: 2, value: 45200 },
-  { name: 3, value: 44800 },
-  { name: 4, value: 45100 },
-];
-
-<LivePriceFeed
-  id="bitcoin"
-  name="Bitcoin"
-  symbol="BTC"
-  icon={<Bitcoin />}
-  balance="1.25"
-  usdBalance="45,000"
-  change="+2.5%"
-  isChangePositive={true}
-  prices={priceData}
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  C as default
-};

package/LivePriceFeedSection-Dn8YDmu1.js

@@ -1,20 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const t=[{name:1,value:45e3},{name:2,value:45200},{name:3,value:44800},{name:4,value:45100},{name:5,value:45300}],s=[{key:"prop",label:"Prop",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"default",label:"Default",render:r=>{const i=String(r);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"}],n=[{prop:"id",type:"string",default:"required",description:"Unique identifier for the price feed"},{prop:"name",type:"string",default:"required",description:"Full name of the cryptocurrency"},{prop:"symbol",type:"string",default:"required",description:"Cryptocurrency symbol"},{prop:"icon",type:"React.ReactElement",default:"required",description:"Icon element for the cryptocurrency"},{prop:"balance",type:"string",default:"required",description:"Coin balance amount"},{prop:"usdBalance",type:"string",default:"required",description:"USD equivalent balance"},{prop:"change",type:"string",default:"required",description:"Price change percentage"},{prop:"isChangePositive",type:"boolean",default:"required",description:"Whether the price change is positive"},{prop:"prices",type:"Price[]",default:"required",description:"Array of price data points for the chart"},{prop:"isBorder",type:"boolean",default:"false",description:"Whether to show border instead of shadow"}];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:"LivePriceFeed"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Real-time price display with integrated chart visualization for cryptocurrency price tracking."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Chart"}),e.jsx(a.LivePriceFeed,{id:"bitcoin",name:"Bitcoin",symbol:"BTC",icon:e.jsx(a.Bitcoin,{className:"w-6 h-6"}),balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,prices:t})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Negative Change"}),e.jsx(a.LivePriceFeed,{id:"ethereum",name:"Ethereum",symbol:"ETH",icon:e.jsx(a.Ethereum,{className:"w-6 h-6"}),balance:"5.5",usdBalance:"16,500",change:"-1.8%",isChangePositive:!1,prices:[{name:1,value:3e3},{name:2,value:2950},{name:3,value:2980},{name:4,value:2920},{name:5,value:2900}]})]})]})})})}),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:s,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 { LivePriceFeed } from '@e-burgos/tucu-ui';
-
-const priceData = [
-  { name: 1, value: 45000 },
-  { name: 2, value: 45200 },
-  { name: 3, value: 44800 },
-  { name: 4, value: 45100 },
-];
-
-<LivePriceFeed
-  id="bitcoin"
-  name="Bitcoin"
-  symbol="BTC"
-  icon={<Bitcoin />}
-  balance="1.25"
-  usdBalance="45,000"
-  change="+2.5%"
-  isChangePositive={true}
-  prices={priceData}
-/>`})})})})]})};exports.default=c;

package/LoaderSection-BFBVizS5.mjs

@@ -1,143 +0,0 @@
-import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as l, C as r, a as t, _ as s, B as n, c } from "./index-DAzR4tRy.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const x = () => /* @__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: "Loader" }),
-    /* @__PURE__ */ e(
-      l,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A versatile loader component with multiple animation variants and sizes for indicating loading states."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(r, { 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(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Default Loader" }),
-      /* @__PURE__ */ e(s, {})
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Small Loader" }),
-      /* @__PURE__ */ e(s, { size: "small" })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Large Loader" }),
-      /* @__PURE__ */ e(s, { size: "large" })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Three Dots Only" }),
-      /* @__PURE__ */ e(s, { showOnlyThreeDots: !0 })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Variants", 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-3 gap-4", children: [
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Blink Variant" }),
-      /* @__PURE__ */ e(s, { variant: "blink" })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Scale Up Variant" }),
-      /* @__PURE__ */ e(s, { variant: "scaleUp" })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Move Up Variant" }),
-      /* @__PURE__ */ e(s, { variant: "moveUp" })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(n, { 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 d = String(i);
-        return d === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: d });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "tag",
-      type: "'div' | 'span'",
-      default: "'div'",
-      description: "HTML tag to render"
-    },
-    {
-      prop: "size",
-      type: "'large' | 'medium' | 'small'",
-      default: "'medium'",
-      description: "Size of the loader"
-    },
-    {
-      prop: "variant",
-      type: "'blink' | 'scaleUp' | 'moveUp'",
-      default: "'moveUp'",
-      description: "Animation variant"
-    },
-    {
-      prop: "color",
-      type: "'primary' | 'gray' | 'success' | 'danger' | 'info' | 'warning'",
-      default: "'primary'",
-      description: "Color of the loader"
-    },
-    {
-      prop: "showOnlyThreeDots",
-      type: "boolean",
-      default: "false",
-      description: "Show only three dots instead of four"
-    },
-    {
-      prop: "className",
-      type: "string",
-      default: "-",
-      description: "Additional CSS classes"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { 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(
-    c,
-    {
-      language: "tsx",
-      code: `import { Loader } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<Loader />
-
-// Different sizes
-<Loader size="small" />
-<Loader size="medium" />
-<Loader size="large" />
-
-// Different variants
-<Loader variant="blink" />
-<Loader variant="scaleUp" />
-<Loader variant="moveUp" />
-
-// Different colors
-<Loader color="primary" />
-<Loader color="success" />
-<Loader color="danger" />
-
-// Three dots only
-<Loader showOnlyThreeDots />`
-    }
-  ) }) }) })
-] });
-export {
-  x as default
-};

package/LoaderSection-C_KFv8iF.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Cj89iBVR.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>{const l=[{key:"prop",label:"Prop",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"default",label:"Default",render:r=>{const s=String(r);return s==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:s})}},{key:"description",label:"Description"}],i=[{prop:"tag",type:"'div' | 'span'",default:"'div'",description:"HTML tag to render"},{prop:"size",type:"'large' | 'medium' | 'small'",default:"'medium'",description:"Size of the loader"},{prop:"variant",type:"'blink' | 'scaleUp' | 'moveUp'",default:"'moveUp'",description:"Animation variant"},{prop:"color",type:"'primary' | 'gray' | 'success' | 'danger' | 'info' | 'warning'",default:"'primary'",description:"Color of the loader"},{prop:"showOnlyThreeDots",type:"boolean",default:"false",description:"Show only three dots instead of four"},{prop:"className",type:"string",default:"-",description:"Additional 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:"Loader"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A versatile loader component with multiple animation variants and sizes for indicating loading states."})]}),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:"Default Loader"}),e.jsx(a.Loader,{})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Small Loader"}),e.jsx(a.Loader,{size:"small"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Large Loader"}),e.jsx(a.Loader,{size:"large"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Three Dots Only"}),e.jsx(a.Loader,{showOnlyThreeDots:!0})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",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-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Blink Variant"}),e.jsx(a.Loader,{variant:"blink"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Scale Up Variant"}),e.jsx(a.Loader,{variant:"scaleUp"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Move Up Variant"}),e.jsx(a.Loader,{variant:"moveUp"})]})]})})})}),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:i})})})}),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 { Loader } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<Loader />
-
-// Different sizes
-<Loader size="small" />
-<Loader size="medium" />
-<Loader size="large" />
-
-// Different variants
-<Loader variant="blink" />
-<Loader variant="scaleUp" />
-<Loader variant="moveUp" />
-
-// Different colors
-<Loader color="primary" />
-<Loader color="success" />
-<Loader color="danger" />
-
-// Three dots only
-<Loader showOnlyThreeDots />`})})})})]})};exports.default=t;