@e-burgos/tucu-ui 2.0.7 → 2.0.9

package/documentation/AvatarSection-BF8AHso5.js

@@ -1,91 +0,0 @@
-import { jsxs as e, Fragment as d, jsx as a } from "react/jsx-runtime";
-import { T as i, C as t, a as l, W as s, P as c, A as n, c as o } from "../index-B919yoKU.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { a as r } from "../1-Df9CGZha.js";
-const N = () => /* @__PURE__ */ e(d, { children: [
-  /* @__PURE__ */ e("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ a(i, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Avatar" }),
-    /* @__PURE__ */ a(
-      i,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A versatile avatar component for displaying user profile images with multiple sizes and shapes."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ e(t, { className: "p-4", children: [
-      /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Default Avatar" }),
-      /* @__PURE__ */ a(s, { image: r, alt: "User avatar" })
-    ] }),
-    /* @__PURE__ */ e(t, { className: "p-4", children: [
-      /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Without Border" }),
-      /* @__PURE__ */ a(s, { image: r, alt: "User avatar", border: !1 })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ e("div", { children: [
-      /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Sizes" }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ a(s, { image: r, alt: "XS", size: "xs" }),
-        /* @__PURE__ */ a(s, { image: r, alt: "SM", size: "sm" }),
-        /* @__PURE__ */ a(s, { image: r, alt: "MD", size: "md" }),
-        /* @__PURE__ */ a(s, { image: r, alt: "LG", size: "lg" }),
-        /* @__PURE__ */ a(s, { image: r, alt: "XL", size: "xl" })
-      ] })
-    ] }),
-    /* @__PURE__ */ e("div", { children: [
-      /* @__PURE__ */ a(i, { tag: "h5", className: "mb-3", children: "Shapes" }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ a(s, { image: r, alt: "Circle", shape: "circle" }),
-        /* @__PURE__ */ a(s, { image: r, alt: "Rounded", shape: "rounded" })
-      ] })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ a(
-    c,
-    {
-      componentName: "Avatar",
-      defaultValues: {
-        size: "md",
-        shape: "circle",
-        border: !0,
-        image: "https://randomuser.me/api/portraits/men/1.jpg",
-        alt: "Avatar"
-      },
-      children: (m) => /* @__PURE__ */ a(s, { ...m })
-    }
-  ),
-  /* @__PURE__ */ a(n, { componentName: "Avatar" }),
-  /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    o,
-    {
-      language: "tsx",
-      code: `import { Avatar } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<Avatar image="/path/to/image.jpg" alt="User name" />
-
-// Different sizes
-<Avatar image={image} alt="User" size="xs" />
-<Avatar image={image} alt="User" size="sm" />
-<Avatar image={image} alt="User" size="md" />
-<Avatar image={image} alt="User" size="lg" />
-<Avatar image={image} alt="User" size="xl" />
-
-// Different shapes
-<Avatar image={image} alt="User" shape="circle" />
-<Avatar image={image} alt="User" shape="rounded" />
-
-// Without border
-<Avatar image={image} alt="User" border={false} />`
-    }
-  ) }) }) })
-] });
-export {
-  N as default
-};

package/documentation/AvatarSection-DFZRExPm.js

@@ -1,18 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=require("../1-CArqgiQa.js"),t=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Avatar"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A versatile avatar component for displaying user profile images with multiple sizes and shapes."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Default Avatar"}),a.jsx(e.Avatar,{image:s.avatar1Img,alt:"User avatar"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Without Border"}),a.jsx(e.Avatar,{image:s.avatar1Img,alt:"User avatar",border:!1})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Sizes"}),a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsx(e.Avatar,{image:s.avatar1Img,alt:"XS",size:"xs"}),a.jsx(e.Avatar,{image:s.avatar1Img,alt:"SM",size:"sm"}),a.jsx(e.Avatar,{image:s.avatar1Img,alt:"MD",size:"md"}),a.jsx(e.Avatar,{image:s.avatar1Img,alt:"LG",size:"lg"}),a.jsx(e.Avatar,{image:s.avatar1Img,alt:"XL",size:"xl"})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Shapes"}),a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsx(e.Avatar,{image:s.avatar1Img,alt:"Circle",shape:"circle"}),a.jsx(e.Avatar,{image:s.avatar1Img,alt:"Rounded",shape:"rounded"})]})]})]})})})}),a.jsx(e.PropPlayground,{componentName:"Avatar",defaultValues:{size:"md",shape:"circle",border:!0,image:"https://randomuser.me/api/portraits/men/1.jpg",alt:"Avatar"},children:r=>a.jsx(e.Avatar,{...r})}),a.jsx(e.AutoPropsTable,{componentName:"Avatar"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { Avatar } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<Avatar image="/path/to/image.jpg" alt="User name" />
-
-// Different sizes
-<Avatar image={image} alt="User" size="xs" />
-<Avatar image={image} alt="User" size="sm" />
-<Avatar image={image} alt="User" size="md" />
-<Avatar image={image} alt="User" size="lg" />
-<Avatar image={image} alt="User" size="xl" />
-
-// Different shapes
-<Avatar image={image} alt="User" shape="circle" />
-<Avatar image={image} alt="User" shape="rounded" />
-
-// Without border
-<Avatar image={image} alt="User" border={false} />`})})})})]});exports.default=t;

package/documentation/BadgeSection-Eubi1tsh.js

@@ -1,48 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>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:"Badge"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A badge component for displaying status indicators and labels with various styles and sizes."})]}),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-6",children:[e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Status Badges"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(a.Badge,{status:"active",children:"Active"}),e.jsx(a.Badge,{status:"inactive",children:"Inactive"}),e.jsx(a.Badge,{status:"pending",children:"Pending"}),e.jsx(a.Badge,{status:"default",children:"Default"})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Status Indicators (Dots Only)"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Badge,{status:"active",withDot:!0}),e.jsx("span",{className:"text-sm",children:"Online"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Badge,{status:"inactive",withDot:!0}),e.jsx("span",{className:"text-sm",children:"Offline"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Badge,{status:"pending",withDot:!0}),e.jsx("span",{className:"text-sm",children:"Away"})]})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Dot Indicator"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(a.Badge,{status:"active",withDot:!0,children:"Active"}),e.jsx(a.Badge,{status:"inactive",withDot:!0,children:"Inactive"}),e.jsx(a.Badge,{status:"pending",withDot:!0,children:"Pending"})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(a.Badge,{color:"primary",children:"Primary"}),e.jsx(a.Badge,{color:"success",children:"Success"}),e.jsx(a.Badge,{color:"info",children:"Info"}),e.jsx(a.Badge,{color:"warning",children:"Warning"}),e.jsx(a.Badge,{color:"danger",children:"Danger"}),e.jsx(a.Badge,{color:"gray",children:"Gray"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(a.Badge,{size:"tiny",color:"primary",children:"Tiny"}),e.jsx(a.Badge,{size:"small",color:"primary",children:"Small"}),e.jsx(a.Badge,{size:"medium",color:"primary",children:"Medium"}),e.jsx(a.Badge,{size:"large",color:"primary",children:"Large"})]})})})}),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:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(a.Badge,{variant:"solid",color:"primary",children:"Primary"}),e.jsx(a.Badge,{variant:"solid",color:"success",children:"Success"}),e.jsx(a.Badge,{variant:"solid",color:"danger",children:"Danger"})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Soft"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(a.Badge,{variant:"soft",color:"primary",children:"Primary"}),e.jsx(a.Badge,{variant:"soft",color:"success",children:"Success"}),e.jsx(a.Badge,{variant:"soft",color:"danger",children:"Danger"})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Outline"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(a.Badge,{variant:"outline",color:"primary",children:"Primary"}),e.jsx(a.Badge,{variant:"outline",color:"success",children:"Success"}),e.jsx(a.Badge,{variant:"outline",color:"danger",children:"Danger"})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(a.Badge,{variant:"ghost",color:"primary",children:"Primary"}),e.jsx(a.Badge,{variant:"ghost",color:"success",children:"Success"}),e.jsx(a.Badge,{variant:"ghost",color:"danger",children:"Danger"})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(a.Badge,{shape:"rounded",color:"primary",children:"Rounded"}),e.jsx(a.Badge,{shape:"pill",color:"success",children:"Pill"}),e.jsx(a.Badge,{shape:"circle",color:"danger",size:"large",withDot:!0})]})})})}),e.jsx(a.PropPlayground,{componentName:"Badge",defaultValues:{variant:"solid",size:"small",shape:"pill",color:"primary",withDot:!1},excludeProps:["status"],children:s=>e.jsx(a.Badge,{...s,children:"Badge"})}),e.jsx(a.AutoPropsTable,{componentName:"Badge"}),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 { Badge } from '@e-burgos/tucu-ui';
-
-// Basic usage with status
-<Badge status="active">Active</Badge>
-<Badge status="inactive">Inactive</Badge>
-<Badge status="pending">Pending</Badge>
-
-// Status indicators (dots only)
-<Badge status="active" withDot />
-<Badge status="inactive" withDot />
-
-// With dot indicator and text
-<Badge status="active" withDot>Active</Badge>
-
-// Different colors
-<Badge color="primary">Primary</Badge>
-<Badge color="success">Success</Badge>
-<Badge color="info">Info</Badge>
-<Badge color="warning">Warning</Badge>
-<Badge color="danger">Danger</Badge>
-
-// Different sizes
-<Badge size="tiny">Tiny</Badge>
-<Badge size="small">Small</Badge>
-<Badge size="medium">Medium</Badge>
-<Badge size="large">Large</Badge>
-
-// Different variants
-<Badge variant="solid" color="primary">Solid</Badge>
-<Badge variant="soft" color="success">Soft</Badge>
-<Badge variant="outline" color="danger">Outline</Badge>
-<Badge variant="ghost" color="info">Ghost</Badge>
-
-// Different shapes
-<Badge shape="rounded">Rounded</Badge>
-<Badge shape="pill">Pill</Badge>
-<Badge shape="circle" withDot />
-
-// Combinations
-<Badge 
-  color="success" 
-  variant="soft" 
-  size="medium"
-  shape="pill"
-  withDot
->
-  Online
-</Badge>`})})})})]});exports.default=i;

package/documentation/BarChartSection-FEYjU4KU.js

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=[{name:"Jan",sales:4e3,returns:400,target:4500},{name:"Feb",sales:3e3,returns:300,target:3500},{name:"Mar",sales:5e3,returns:500,target:4800},{name:"Apr",sales:4780,returns:478,target:5e3},{name:"May",sales:5890,returns:589,target:5500},{name:"Jun",sales:6390,returns:639,target:6e3}],t=()=>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:"BarChart"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Bar chart component for comparing categorical data with support for stacking, horizontal layout, and custom bar styling."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Bar Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BarChart,{data:s,series:[{dataKey:"sales",name:"Sales"},{dataKey:"returns",name:"Returns"}],height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Stacked Bars",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BarChart,{data:s,series:[{dataKey:"sales",name:"Sales",stackId:"a"},{dataKey:"returns",name:"Returns",stackId:"a"}],stacked:!0,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Horizontal Layout",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BarChart,{data:s,series:[{dataKey:"sales",name:"Sales"}],layout:"vertical",height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { BarChart } from '@e-burgos/tucu-ui';
-
-const data = [
-  { name: 'Jan', sales: 4000, returns: 400 },
-  { name: 'Feb', sales: 3000, returns: 300 },
-  { name: 'Mar', sales: 5000, returns: 500 },
-];
-
-<BarChart
-  data={data}
-  series={[
-    { dataKey: 'sales', name: 'Sales' },
-    { dataKey: 'returns', name: 'Returns' },
-  ]}
-  height={300}
-  layout="horizontal"
-  stacked={false}
-  barRadius={4}
-  barGap={4}
-  showGrid
-  showTooltip
-  showLegend
-/>`,language:"tsx"})})})}),e.jsx(a.PropPlayground,{componentName:"BarChart",defaultValues:{height:300,stacked:!1,layout:"horizontal",showGrid:!0,showTooltip:!0,showLegend:!0,barRadius:4,barGap:4,animate:!0},excludeProps:["data","series","colors","className","xAxisKey","emptyMessage"],children:r=>e.jsx(a.BarChart,{data:s,series:[{dataKey:"sales",name:"Sales"},{dataKey:"returns",name:"Returns"}],...r})}),e.jsx(a.AutoPropsTable,{componentName:"BarChart"})]});exports.default=t;

package/documentation/BasicTableSection-B9bKnLi-.js

@@ -1,103 +0,0 @@
-import { jsxs as a, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { T as l, C as s, a as n, q as o, A as m, c as r } from "../index-B919yoKU.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const y = () => {
-  const t = [
-    { key: "name", label: "Name" },
-    { key: "age", label: "Age" },
-    { key: "city", label: "City" }
-  ], c = [
-    { name: "John Doe", age: 30, city: "New York" },
-    { name: "Jane Smith", age: 25, city: "Los Angeles" },
-    { name: "Bob Johnson", age: 35, city: "Chicago" }
-  ];
-  return /* @__PURE__ */ a(i, { 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: "BasicTable" }),
-      /* @__PURE__ */ e(
-        l,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A flexible and customizable table component with support for custom rendering, styling, and interactions."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Basic Table" }),
-        /* @__PURE__ */ e(o, { columns: t, data: c })
-      ] }),
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Striped Table" }),
-        /* @__PURE__ */ e(
-          o,
-          {
-            columns: t,
-            data: c,
-            striped: !0
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(s, { className: "p-4", children: [
-        /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Without Border" }),
-        /* @__PURE__ */ e(
-          o,
-          {
-            columns: t,
-            data: c,
-            border: !1
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(m, { componentName: "BasicTable" }),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      r,
-      {
-        language: "tsx",
-        code: `import { BasicTable } from '@e-burgos/tucu-ui';
-
-const columns = [
-  { key: 'name', label: 'Name' },
-  { key: 'age', label: 'Age' },
-  { key: 'city', label: 'City' },
-];
-
-const data = [
-  { name: 'John Doe', age: 30, city: 'New York' },
-  { name: 'Jane Smith', age: 25, city: 'Los Angeles' },
-  { name: 'Bob Johnson', age: 35, city: 'Chicago' },
-];
-
-// Basic usage
-<BasicTable columns={columns} data={data} />
-
-// With custom render
-const columnsWithRender = [
-  {
-    key: 'name',
-    label: 'Name',
-    render: (value) => <strong>{value}</strong>,
-  },
-  { key: 'age', label: 'Age' },
-];
-
-// Striped table
-<BasicTable columns={columns} data={data} striped />
-
-// Without border
-<BasicTable columns={columns} data={data} border={false} />
-
-// Without hover effect
-<BasicTable columns={columns} data={data} hoverable={false} />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  y as default
-};

package/documentation/BasicTableSection-CusSzdcT.js

@@ -1,35 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>{const s=[{key:"name",label:"Name"},{key:"age",label:"Age"},{key:"city",label:"City"}],l=[{name:"John Doe",age:30,city:"New York"},{name:"Jane Smith",age:25,city:"Los Angeles"},{name:"Bob Johnson",age:35,city:"Chicago"}];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:"BasicTable"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A flexible and customizable table component with support for custom rendering, styling, and interactions."})]}),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:"Basic Table"}),e.jsx(a.BasicTable,{columns:s,data:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Striped Table"}),e.jsx(a.BasicTable,{columns:s,data:l,striped:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Without Border"}),e.jsx(a.BasicTable,{columns:s,data:l,border:!1})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"BasicTable"}),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 { BasicTable } from '@e-burgos/tucu-ui';
-
-const columns = [
-  { key: 'name', label: 'Name' },
-  { key: 'age', label: 'Age' },
-  { key: 'city', label: 'City' },
-];
-
-const data = [
-  { name: 'John Doe', age: 30, city: 'New York' },
-  { name: 'Jane Smith', age: 25, city: 'Los Angeles' },
-  { name: 'Bob Johnson', age: 35, city: 'Chicago' },
-];
-
-// Basic usage
-<BasicTable columns={columns} data={data} />
-
-// With custom render
-const columnsWithRender = [
-  {
-    key: 'name',
-    label: 'Name',
-    render: (value) => <strong>{value}</strong>,
-  },
-  { key: 'age', label: 'Age' },
-];
-
-// Striped table
-<BasicTable columns={columns} data={data} striped />
-
-// Without border
-<BasicTable columns={columns} data={data} border={false} />
-
-// Without hover effect
-<BasicTable columns={columns} data={data} hoverable={false} />`})})})})]})};exports.default=t;

package/documentation/BasicUsageSection-BG4Pc9k4.js

@@ -1,103 +0,0 @@
-import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { T as t, C as r, a as s, c as l } from "../index-B919yoKU.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const p = () => /* @__PURE__ */ a(m, { 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: "Basic Usage" }),
-    /* @__PURE__ */ e(
-      t,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Get started with forms in just a few steps"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(
-    s,
-    {
-      title: "1. Define Form Values Interface",
-      className: "mt-2 mb-2",
-      children: /* @__PURE__ */ a("div", { className: "w-full space-y-4 p-4 sm:p-6", children: [
-        /* @__PURE__ */ e(t, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: "Start by defining a TypeScript interface for your form data:" }),
-        /* @__PURE__ */ e(
-          l,
-          {
-            language: "tsx",
-            code: `export interface FormValues {
-  name: string;
-  email: string;
-  password: string;
-  message: string;
-  acceptTerms: boolean;
-  age: number;
-  gender: string;
-  country: string;
-}`
-          }
-        )
-      ] })
-    }
-  ) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "2. Create Default Values", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full space-y-4 p-4 sm:p-6", children: [
-    /* @__PURE__ */ e(t, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: "Define default values for your form fields:" }),
-    /* @__PURE__ */ e(
-      l,
-      {
-        language: "ts",
-        code: `export const defaultValues: FormValues = {
-  name: '',
-  email: '',
-  password: '',
-  message: '',
-  acceptTerms: false,
-  age: 0,
-  gender: '',
-  country: 'ar',
-};`
-      }
-    )
-  ] }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "3. Basic Form Structure", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full space-y-4 p-4 sm:p-6", children: [
-    /* @__PURE__ */ e(t, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: "Create your form using the Form and FormField components:" }),
-    /* @__PURE__ */ e(
-      l,
-      {
-        language: "tsx",
-        code: `import { Form, FormField, Input, Button } from '@e-burgos/tucu-ui';
-
-function ContactForm() {
-  const handleSubmit = (data: FormValues) => {
-    console.log('Form submitted:', data);
-  };
-
-  return (
-    <Form<FormValues>
-      onSubmit={handleSubmit}
-      useFormProps={{
-        defaultValues: defaultValues,
-        mode: 'onChange',
-      }}
-    >
-      <FormField<FormValues> name="name" label="Name">
-        <Input placeholder="Enter your name" />
-      </FormField>
-
-      <FormField<FormValues> name="email" label="Email">
-        <Input type="email" placeholder="Enter your email" />
-      </FormField>
-
-      <Button type="submit">Submit</Button>
-    </Form>
-  );
-}`
-      }
-    )
-  ] }) }) })
-] });
-export {
-  p as default
-};

package/documentation/BasicUsageSection-DH6UNtI5.js

@@ -1,45 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>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:"Basic Usage"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Get started with forms in just a few steps"})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"1. Define Form Values Interface",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Start by defining a TypeScript interface for your form data:"}),e.jsx(a.CodeBlock,{language:"tsx",code:`export interface FormValues {
-  name: string;
-  email: string;
-  password: string;
-  message: string;
-  acceptTerms: boolean;
-  age: number;
-  gender: string;
-  country: string;
-}`})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"2. Create Default Values",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Define default values for your form fields:"}),e.jsx(a.CodeBlock,{language:"ts",code:`export const defaultValues: FormValues = {
-  name: '',
-  email: '',
-  password: '',
-  message: '',
-  acceptTerms: false,
-  age: 0,
-  gender: '',
-  country: 'ar',
-};`})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"3. Basic Form Structure",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Create your form using the Form and FormField components:"}),e.jsx(a.CodeBlock,{language:"tsx",code:`import { Form, FormField, Input, Button } from '@e-burgos/tucu-ui';
-
-function ContactForm() {
-  const handleSubmit = (data: FormValues) => {
-    console.log('Form submitted:', data);
-  };
-
-  return (
-    <Form<FormValues>
-      onSubmit={handleSubmit}
-      useFormProps={{
-        defaultValues: defaultValues,
-        mode: 'onChange',
-      }}
-    >
-      <FormField<FormValues> name="name" label="Name">
-        <Input placeholder="Enter your name" />
-      </FormField>
-
-      <FormField<FormValues> name="email" label="Email">
-        <Input type="email" placeholder="Enter your email" />
-      </FormField>
-
-      <Button type="submit">Submit</Button>
-    </Form>
-  );
-}`})]})})})]});exports.default=r;

package/documentation/BestPracticesSection-62DacEXN.js

@@ -1,57 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { C as c, a as o, T as r } from "../index-B919yoKU.js";
-import { Check as i, X as l } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const N = () => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(o, { title: "Best Practices", className: "mt-2 mb-6", children: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-  /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "p-2 bg-gradient-to-br from-green-500 to-emerald-500 rounded-lg shadow-lg", children: /* @__PURE__ */ e(i, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-      /* @__PURE__ */ e(
-        r,
-        {
-          tag: "h4",
-          className: "font-semibold text-green-600 dark:text-green-400",
-          children: "Do's"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("ul", { className: "space-y-2", children: [
-      "Use the useTheme hook to access theme state",
-      "Utilize built-in color presets for consistency",
-      "Test your application in both light and dark modes",
-      "Use the settings panel for user customization",
-      "Leverage persistent storage for user preferences"
-    ].map((t, a) => /* @__PURE__ */ s("li", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ e(i, { className: "w-4 h-4 text-green-500 mt-0.5 shrink-0" }),
-      /* @__PURE__ */ e("span", { className: "text-sm", children: t })
-    ] }, a)) })
-  ] }),
-  /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "p-2 bg-gradient-to-br from-red-500 to-rose-500 rounded-lg shadow-lg", children: /* @__PURE__ */ e(l, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-      /* @__PURE__ */ e(
-        r,
-        {
-          tag: "h4",
-          className: "font-semibold text-red-600 dark:text-red-400",
-          children: "Don'ts"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("ul", { className: "space-y-2", children: [
-      "Directly manipulate CSS custom properties",
-      "Hardcode colors that don't adapt to themes",
-      "Override theme state without using setters",
-      "Ignore RTL support for international apps",
-      "Disable all settings without alternatives"
-    ].map((t, a) => /* @__PURE__ */ s("li", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ e(l, { className: "w-4 h-4 text-red-500 mt-0.5 shrink-0" }),
-      /* @__PURE__ */ e("span", { className: "text-sm", children: t })
-    ] }, a)) })
-  ] })
-] }) }) }) });
-export {
-  N as default
-};

package/documentation/BestPracticesSection-BKjhJ7SP.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsx(e.Fragment,{children:e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Best Practices",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-green-500 to-emerald-500 rounded-lg shadow-lg",children:e.jsx(a.CheckCircle,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Performance & UX"})]}),e.jsx("ul",{className:"space-y-2",children:['Use mode: "onBlur" for better performance on large forms',"Provide clear, helpful error messages","Show validation feedback in real-time","Use loading states during submission","Implement proper focus management"].map((r,i)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(a.Check,{className:"w-4 h-4 text-green-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:r})]},i))})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-linear-to-br from-blue-500 to-cyan-500 rounded-lg shadow-lg",children:e.jsx(a.Code,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Development"})]}),e.jsx("ul",{className:"space-y-2",children:["Define TypeScript interfaces for form data","Use generic types with Form and FormField components","Leverage centralized validation schemas","Always provide labels for accessibility","Maintain logical tab order for keyboard navigation"].map((r,i)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(a.Code,{className:"w-4 h-4 text-blue-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:r})]},i))})]})]})})})})});exports.default=l;

package/documentation/BestPracticesSection-BPJ8cXNQ.js

@@ -1,49 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { C as n, a as c, T as r } from "../index-B919yoKU.js";
-import { Check as t, X as l } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const N = () => /* @__PURE__ */ e("div", { className: "space-y-8", children: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(c, { title: "Best Practices", className: "mt-2 mb-6", children: /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-  /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg", children: /* @__PURE__ */ e(t, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-      /* @__PURE__ */ e(r, { tag: "h4", className: "font-semibold", children: "Do's" })
-    ] }),
-    /* @__PURE__ */ e("ul", { className: "space-y-2", children: [
-      "Use descriptive route names and paths",
-      "Keep route hierarchy logical and shallow (max 2-3 levels)",
-      "Use consistent naming conventions",
-      "Leverage TypeScript for type safety",
-      "Use useMemo for dynamic route generation",
-      "Include icons for better UX",
-      "Test routes with different user roles",
-      "Use basePath for MFE applications"
-    ].map((a, i) => /* @__PURE__ */ s("li", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ e(t, { className: "w-4 h-4 text-green-500 mt-0.5 shrink-0" }),
-      /* @__PURE__ */ e("span", { className: "text-sm", children: a })
-    ] }, i)) })
-  ] }),
-  /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-linear-to-br from-red-500 to-rose-500 shadow-lg", children: /* @__PURE__ */ e(l, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-      /* @__PURE__ */ e(r, { tag: "h4", className: "font-semibold", children: "Don'ts" })
-    ] }),
-    /* @__PURE__ */ e("ul", { className: "space-y-2", children: [
-      "Create overly deep nesting (>3 levels)",
-      'Use generic names like "Page" or "Component"',
-      "Hardcode routes in components",
-      "Forget to handle 404 pages",
-      "Mix routing logic with business logic",
-      "Skip accessibility considerations",
-      "Ignore mobile navigation UX",
-      "Mix StandaloneApp and MFE patterns"
-    ].map((a, i) => /* @__PURE__ */ s("li", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ e(l, { className: "w-4 h-4 text-red-500 mt-0.5 shrink-0" }),
-      /* @__PURE__ */ e("span", { className: "text-sm", children: a })
-    ] }, i)) })
-  ] })
-] }) }) }) }) });
-export {
-  N as default
-};

package/documentation/BestPracticesSection-BV98CcXZ.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Best Practices",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-green-500 to-emerald-500 rounded-lg shadow-lg",children:e.jsx(t.Check,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold text-green-600 dark:text-green-400",children:"Do's"})]}),e.jsx("ul",{className:"space-y-2",children:["Use the useTheme hook to access theme state","Utilize built-in color presets for consistency","Test your application in both light and dark modes","Use the settings panel for user customization","Leverage persistent storage for user preferences"].map((a,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(t.Check,{className:"w-4 h-4 text-green-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:a})]},r))})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-red-500 to-rose-500 rounded-lg shadow-lg",children:e.jsx(t.X,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold text-red-600 dark:text-red-400",children:"Don'ts"})]}),e.jsx("ul",{className:"space-y-2",children:["Directly manipulate CSS custom properties","Hardcode colors that don't adapt to themes","Override theme state without using setters","Ignore RTL support for international apps","Disable all settings without alternatives"].map((a,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(t.X,{className:"w-4 h-4 text-red-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:a})]},r))})]})]})})})});exports.default=i;