@e-burgos/tucu-ui 2.0.2 → 2.0.3

package/ListContainerSection-D6JcQxtm.mjs

@@ -1,191 +0,0 @@
-import { jsxs as t, Fragment as p, jsx as e } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { T as o, C as i, a as l, Y as r, B as h, c as g } from "./index-HwvOEWI7.mjs";
-import { Activity as f, Edit as u, Trash as N, Share as b } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const T = () => {
-  const [c, d] = m(!1), s = [
-    {
-      id: "1",
-      label: "Edit",
-      icon: /* @__PURE__ */ e(u, { className: "w-4 h-4" }),
-      onClick: () => console.log("Edit clicked")
-    },
-    {
-      id: "2",
-      label: "Delete",
-      icon: /* @__PURE__ */ e(N, { className: "w-4 h-4" }),
-      onClick: () => console.log("Delete clicked")
-    },
-    {
-      id: "3",
-      label: "Share",
-      icon: /* @__PURE__ */ e(b, { className: "w-4 h-4" }),
-      onClick: () => console.log("Share clicked")
-    }
-  ];
-  return /* @__PURE__ */ t(p, { children: [
-    /* @__PURE__ */ t("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(o, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "ListContainer" }),
-      /* @__PURE__ */ e(
-        o,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A dropdown container component for displaying lists of items with customizable trigger and positioning."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { 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: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ t(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Hover Trigger" }),
-        /* @__PURE__ */ e(r, { items: s, trigger: "hover" })
-      ] }),
-      /* @__PURE__ */ t(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Click Trigger" }),
-        /* @__PURE__ */ e(
-          r,
-          {
-            items: s,
-            trigger: "click",
-            isOpen: c,
-            onOpenChange: d
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "With Custom Icon" }),
-        /* @__PURE__ */ e(
-          r,
-          {
-            items: s,
-            triggerIcon: /* @__PURE__ */ e(f, { className: "w-4! h-4!" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(i, { className: "p-4", children: [
-        /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Different Positions" }),
-        /* @__PURE__ */ t("div", { className: "flex gap-4", children: [
-          /* @__PURE__ */ e(r, { items: s, position: "top" }),
-          /* @__PURE__ */ e(r, { items: s, position: "right" }),
-          /* @__PURE__ */ e(r, { items: s, position: "left" })
-        ] })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(h, { 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: "items",
-        type: "ListItemProps[]",
-        default: "required",
-        description: "Array of list items to display"
-      },
-      {
-        prop: "label",
-        type: "string",
-        default: "-",
-        description: "Label for the trigger button"
-      },
-      {
-        prop: "triggerIcon",
-        type: "React.ReactNode",
-        default: "-",
-        description: "Custom icon for the trigger"
-      },
-      {
-        prop: "position",
-        type: "'left' | 'right' | 'top' | 'bottom'",
-        default: "'bottom'",
-        description: "Position of the dropdown"
-      },
-      {
-        prop: "align",
-        type: "'start' | 'end' | 'center'",
-        default: "'end'",
-        description: "Alignment of the dropdown"
-      },
-      {
-        prop: "trigger",
-        type: "'hover' | 'click'",
-        default: "'hover'",
-        description: "Trigger type for opening the dropdown"
-      },
-      {
-        prop: "keepOpen",
-        type: "boolean",
-        default: "false",
-        description: "Whether to keep dropdown open after item click"
-      }
-    ] }) }) }) }),
-    /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      g,
-      {
-        language: "tsx",
-        code: `import { ListContainer, ListItem, LucideIcons } from '@e-burgos/tucu-ui';
-
-const items = [
-  {
-    id: '1',
-    label: 'Edit',
-    icon: <LucideIcons.Edit className="w-4 h-4" />,
-    onClick: () => handleEdit(),
-  },
-  {
-    id: '2',
-    label: 'Delete',
-    icon: <LucideIcons.Trash className="w-4 h-4" />,
-    onClick: () => handleDelete(),
-  },
-];
-
-// Hover trigger
-<ListContainer items={items} trigger="hover" />
-
-// Click trigger
-<ListContainer
-  items={items}
-  trigger="click"
-  isOpen={isOpen}
-  onOpenChange={setIsOpen}
-/>
-
-// With custom icon
-<ListContainer
-  items={items}
-  triggerIcon={<LucideIcons.MoreVertical className="w-5 h-5" />}
-/>
-
-// Different positions
-<ListContainer items={items} position="top" />
-<ListContainer items={items} position="right" />
-<ListContainer items={items} position="bottom" />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  T as default
-};

package/ListContainerSection-fLuB70GD.js

@@ -1,38 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),t=require("./index-BOfUOCHe.js"),r=require("lucide-react");require("react-router-dom");require("react-dom");const p=()=>{const[n,a]=d.useState(!1),i=[{id:"1",label:"Edit",icon:e.jsx(r.Edit,{className:"w-4 h-4"}),onClick:()=>console.log("Edit clicked")},{id:"2",label:"Delete",icon:e.jsx(r.Trash,{className:"w-4 h-4"}),onClick:()=>console.log("Delete clicked")},{id:"3",label:"Share",icon:e.jsx(r.Share,{className:"w-4 h-4"}),onClick:()=>console.log("Share clicked")}],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 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"}],c=[{prop:"items",type:"ListItemProps[]",default:"required",description:"Array of list items to display"},{prop:"label",type:"string",default:"-",description:"Label for the trigger button"},{prop:"triggerIcon",type:"React.ReactNode",default:"-",description:"Custom icon for the trigger"},{prop:"position",type:"'left' | 'right' | 'top' | 'bottom'",default:"'bottom'",description:"Position of the dropdown"},{prop:"align",type:"'start' | 'end' | 'center'",default:"'end'",description:"Alignment of the dropdown"},{prop:"trigger",type:"'hover' | 'click'",default:"'hover'",description:"Trigger type for opening the dropdown"},{prop:"keepOpen",type:"boolean",default:"false",description:"Whether to keep dropdown open after item click"}];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:"ListContainer"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A dropdown container component for displaying lists of items with customizable trigger and positioning."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"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:"Hover Trigger"}),e.jsx(t.ListContainer,{items:i,trigger:"hover"})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Click Trigger"}),e.jsx(t.ListContainer,{items:i,trigger:"click",isOpen:n,onOpenChange:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Custom Icon"}),e.jsx(t.ListContainer,{items:i,triggerIcon:e.jsx(r.Activity,{className:"w-4! h-4!"})})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Different Positions"}),e.jsxs("div",{className:"flex gap-4",children:[e.jsx(t.ListContainer,{items:i,position:"top"}),e.jsx(t.ListContainer,{items:i,position:"right"}),e.jsx(t.ListContainer,{items:i,position:"left"})]})]})]})})})}),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:l,data:c})})})}),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 { ListContainer, ListItem, LucideIcons } from '@e-burgos/tucu-ui';
-
-const items = [
-  {
-    id: '1',
-    label: 'Edit',
-    icon: <LucideIcons.Edit className="w-4 h-4" />,
-    onClick: () => handleEdit(),
-  },
-  {
-    id: '2',
-    label: 'Delete',
-    icon: <LucideIcons.Trash className="w-4 h-4" />,
-    onClick: () => handleDelete(),
-  },
-];
-
-// Hover trigger
-<ListContainer items={items} trigger="hover" />
-
-// Click trigger
-<ListContainer
-  items={items}
-  trigger="click"
-  isOpen={isOpen}
-  onOpenChange={setIsOpen}
-/>
-
-// With custom icon
-<ListContainer
-  items={items}
-  triggerIcon={<LucideIcons.MoreVertical className="w-5 h-5" />}
-/>
-
-// Different positions
-<ListContainer items={items} position="top" />
-<ListContainer items={items} position="right" />
-<ListContainer items={items} position="bottom" />`})})})})]})};exports.default=p;

package/ListItemSection-C9RJbdyS.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-HwvOEWI7.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/ListItemSection-C__vIdDy.js

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BOfUOCHe.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const l=[{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"}],c=[{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"}];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:"ListItem"}),e.jsx(s.Typography,{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."})]}),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:"Basic List Items"}),e.jsxs("ul",{className:"space-y-1",children:[e.jsx(s.ListItem,{id:"1",label:"Item 1"}),e.jsx(s.ListItem,{id:"2",label:"Item 2"}),e.jsx(s.ListItem,{id:"3",label:"Item 3"})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Icons"}),e.jsxs("ul",{className:"space-y-1",children:[e.jsx(s.ListItem,{id:"1",label:"Home",icon:e.jsx(a.Home,{className:"w-4 h-4"})}),e.jsx(s.ListItem,{id:"2",label:"Settings",icon:e.jsx(a.Settings,{className:"w-4 h-4"})}),e.jsx(s.ListItem,{id:"3",label:"Profile",icon:e.jsx(a.User,{className:"w-4 h-4"})})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"States"}),e.jsxs("ul",{className:"space-y-1",children:[e.jsx(s.ListItem,{id:"1",label:"Active Item",active:!0}),e.jsx(s.ListItem,{id:"2",label:"Normal Item"}),e.jsx(s.ListItem,{id:"3",label:"Disabled Item",disabled:!0})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Content"}),e.jsx("ul",{className:"space-y-1",children:e.jsx(s.ListItem,{id:"1",content:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Star,{className:"w-4 h-4"}),e.jsx("span",{children:"Custom Content"})]})})})]})]})})})}),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:l,data:c})})})}),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 { 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()}
-/>`})})})})]})};exports.default=r;

package/LiveDemoSection-B1LQT5SO.js

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

@@ -1,20 +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 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;