@e-burgos/tucu-ui 2.0.2 → 2.0.4

package/AuthorCardSection-CG40iNxW.mjs

@@ -1,110 +0,0 @@
-import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { T as l, C as r, a as o, A as i, B as d, c } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { a as s } from "./1-Df9CGZha.mjs";
-const b = () => /* @__PURE__ */ a(m, { 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: "AuthorCard" }),
-    /* @__PURE__ */ e(
-      l,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A card component for displaying author information with avatar, name, and role."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Name and Role" }),
-      /* @__PURE__ */ e(
-        i,
-        {
-          image: s,
-          name: "John Doe",
-          authorRole: "Senior Developer"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "With Name Only" }),
-      /* @__PURE__ */ e(i, { image: s, name: "Jane Smith" })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(l, { tag: "h5", className: "mb-3", children: "Avatar Only" }),
-      /* @__PURE__ */ e(i, { image: s })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(d, { columns: [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (t) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(t) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (t) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(t) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (t) => {
-        const n = String(t);
-        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: "image",
-      type: "string",
-      default: "required",
-      description: "URL or path to the author avatar image"
-    },
-    {
-      prop: "name",
-      type: "string",
-      default: "-",
-      description: "Author name"
-    },
-    {
-      prop: "authorRole",
-      type: "string",
-      default: "-",
-      description: "Author role or title"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    c,
-    {
-      language: "tsx",
-      code: `import { AuthorCard } from '@e-burgos/tucu-ui';
-
-// With name and role
-<AuthorCard
-  image="/path/to/avatar.jpg"
-  name="John Doe"
-  authorRole="Senior Developer"
-/>
-
-// With name only
-<AuthorCard
-  image="/path/to/avatar.jpg"
-  name="Jane Smith"
-/>
-
-// Avatar only
-<AuthorCard image="/path/to/avatar.jpg" />`
-    }
-  ) }) }) })
-] });
-export {
-  b as default
-};

package/AvatarSection-BTMM6CPN.mjs

@@ -1,137 +0,0 @@
-import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { T as s, C as i, a as d, z as r, B as o, c as n } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { a as t } from "./1-Df9CGZha.mjs";
-const y = () => /* @__PURE__ */ a(c, { children: [
-  /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(s, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Avatar" }),
-    /* @__PURE__ */ e(
-      s,
-      {
-        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__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { 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(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Default Avatar" }),
-      /* @__PURE__ */ e(r, { image: t, alt: "User avatar" })
-    ] }),
-    /* @__PURE__ */ a(i, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Without Border" }),
-      /* @__PURE__ */ e(r, { image: t, alt: "User avatar", border: !1 })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ a("div", { children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Sizes" }),
-      /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ e(r, { image: t, alt: "XS", size: "xs" }),
-        /* @__PURE__ */ e(r, { image: t, alt: "SM", size: "sm" }),
-        /* @__PURE__ */ e(r, { image: t, alt: "MD", size: "md" }),
-        /* @__PURE__ */ e(r, { image: t, alt: "LG", size: "lg" }),
-        /* @__PURE__ */ e(r, { image: t, alt: "XL", size: "xl" })
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Shapes" }),
-      /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ e(r, { image: t, alt: "Circle", shape: "circle" }),
-        /* @__PURE__ */ e(r, { image: t, alt: "Rounded", shape: "rounded" })
-      ] })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(o, { columns: [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (l) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(l) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (l) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(l) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (l) => {
-        const m = String(l);
-        return m === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: m });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], data: [
-    {
-      prop: "image",
-      type: "string",
-      default: "required",
-      description: "URL or path to the avatar image"
-    },
-    {
-      prop: "alt",
-      type: "string",
-      default: "required",
-      description: "Alt text for the image"
-    },
-    {
-      prop: "size",
-      type: "'xl' | 'lg' | 'md' | 'sm' | 'xs'",
-      default: "'md'",
-      description: "Size of the avatar"
-    },
-    {
-      prop: "shape",
-      type: "'rounded' | 'circle'",
-      default: "'circle'",
-      description: "Shape of the avatar"
-    },
-    {
-      prop: "border",
-      type: "boolean",
-      default: "true",
-      description: "Whether to show border"
-    },
-    {
-      prop: "className",
-      type: "string",
-      default: "-",
-      description: "Additional CSS classes"
-    }
-  ] }) }) }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    n,
-    {
-      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 {
-  y as default
-};

package/AvatarSection-MnUb7ZXH.js

@@ -1,18 +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 r=require("./1-CArqgiQa.js"),d=()=>{const i=[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:String(s)})},{key:"default",label:"Default",render:s=>{const t=String(s);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],l=[{prop:"image",type:"string",default:"required",description:"URL or path to the avatar image"},{prop:"alt",type:"string",default:"required",description:"Alt text for the image"},{prop:"size",type:"'xl' | 'lg' | 'md' | 'sm' | 'xs'",default:"'md'",description:"Size of the avatar"},{prop:"shape",type:"'rounded' | 'circle'",default:"'circle'",description:"Shape of the avatar"},{prop:"border",type:"boolean",default:"true",description:"Whether to show border"},{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:"Avatar"}),e.jsx(a.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."})]}),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 Avatar"}),e.jsx(a.Avatar,{image:r.avatar1Img,alt:"User avatar"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Without Border"}),e.jsx(a.Avatar,{image:r.avatar1Img,alt:"User avatar",border:!1})]})]})})})}),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-6",children:[e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Sizes"}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(a.Avatar,{image:r.avatar1Img,alt:"XS",size:"xs"}),e.jsx(a.Avatar,{image:r.avatar1Img,alt:"SM",size:"sm"}),e.jsx(a.Avatar,{image:r.avatar1Img,alt:"MD",size:"md"}),e.jsx(a.Avatar,{image:r.avatar1Img,alt:"LG",size:"lg"}),e.jsx(a.Avatar,{image:r.avatar1Img,alt:"XL",size:"xl"})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Shapes"}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(a.Avatar,{image:r.avatar1Img,alt:"Circle",shape:"circle"}),e.jsx(a.Avatar,{image:r.avatar1Img,alt:"Rounded",shape:"rounded"})]})]})]})})})}),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:i,data:l})})})}),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 { 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=d;

package/BadgeSection-5feW_z0m.js

@@ -1,48 +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 t=()=>{const r=[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:String(s)})},{key:"default",label:"Default",render:s=>{const i=String(s);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"}],l=[{prop:"children",type:"ReactNode",default:"-",description:"Content to display inside the badge"},{prop:"status",type:"'active' | 'inactive' | 'pending' | 'default'",default:"-",description:"Status indicator (overrides color prop)"},{prop:"color",type:"'primary' | 'success' | 'info' | 'warning' | 'danger' | 'gray' | 'white'",default:"'gray'",description:"Color of the badge"},{prop:"size",type:"'tiny' | 'small' | 'medium' | 'large'",default:"'small'",description:"Size of the badge"},{prop:"variant",type:"'solid' | 'ghost' | 'outline' | 'soft'",default:"'solid'",description:"Visual variant of the badge"},{prop:"shape",type:"'rounded' | 'pill' | 'circle'",default:"'pill'",description:"Shape of the badge"},{prop:"withDot",type:"boolean",default:"false",description:"Show a dot indicator (without children shows only dot)"},{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:"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.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:r,data:l})})})}),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=t;

package/BasicTableSection-ej1eiWQz.mjs

@@ -1,169 +0,0 @@
-import { jsxs as a, Fragment as p, jsx as e } from "react/jsx-runtime";
-import { T as r, C as t, a as c, B as s, c as h } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const N = () => {
-  const d = [
-    {
-      key: "prop",
-      label: "Prop",
-      render: (l) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(l) })
-    },
-    {
-      key: "type",
-      label: "Type",
-      render: (l) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(l) })
-    },
-    {
-      key: "default",
-      label: "Default",
-      render: (l) => {
-        const i = String(l);
-        return i === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: i });
-      }
-    },
-    {
-      key: "description",
-      label: "Description"
-    }
-  ], m = [
-    {
-      prop: "columns",
-      type: "TableColumn<T>[]",
-      default: "required",
-      description: "Array of column definitions"
-    },
-    {
-      prop: "data",
-      type: "T[]",
-      default: "required",
-      description: "Array of data rows"
-    },
-    {
-      prop: "rounded",
-      type: "boolean",
-      default: "true",
-      description: "Whether to round table corners"
-    },
-    {
-      prop: "border",
-      type: "boolean",
-      default: "true",
-      description: "Whether to show borders"
-    },
-    {
-      prop: "hoverable",
-      type: "boolean",
-      default: "true",
-      description: "Whether rows are hoverable"
-    },
-    {
-      prop: "striped",
-      type: "boolean",
-      default: "false",
-      description: "Whether to show striped rows"
-    },
-    {
-      prop: "showHeader",
-      type: "boolean",
-      default: "true",
-      description: "Whether to show table header"
-    }
-  ], o = [
-    { key: "name", label: "Name" },
-    { key: "age", label: "Age" },
-    { key: "city", label: "City" }
-  ], n = [
-    { 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(p, { children: [
-    /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "BasicTable" }),
-      /* @__PURE__ */ e(
-        r,
-        {
-          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(t, { 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__ */ a("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ a(t, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Basic Table" }),
-        /* @__PURE__ */ e(s, { columns: o, data: n })
-      ] }),
-      /* @__PURE__ */ a(t, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Striped Table" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            columns: o,
-            data: n,
-            striped: !0
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(t, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Without Border" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            columns: o,
-            data: n,
-            border: !1
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(t, { 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(s, { columns: d, data: m }) }) }) }),
-    /* @__PURE__ */ e(t, { 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(
-      h,
-      {
-        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 {
-  N as default
-};

package/BasicTableSection-xPn-5tii.js

@@ -1,35 +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 i=()=>{const o=[{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 l=String(s);return l==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:l})}},{key:"description",label:"Description"}],n=[{prop:"columns",type:"TableColumn<T>[]",default:"required",description:"Array of column definitions"},{prop:"data",type:"T[]",default:"required",description:"Array of data rows"},{prop:"rounded",type:"boolean",default:"true",description:"Whether to round table corners"},{prop:"border",type:"boolean",default:"true",description:"Whether to show borders"},{prop:"hoverable",type:"boolean",default:"true",description:"Whether rows are hoverable"},{prop:"striped",type:"boolean",default:"false",description:"Whether to show striped rows"},{prop:"showHeader",type:"boolean",default:"true",description:"Whether to show table header"}],t=[{key:"name",label:"Name"},{key:"age",label:"Age"},{key:"city",label:"City"}],r=[{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:t,data:r})]}),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:t,data:r,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:t,data:r,border:!1})]})]})})})}),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:o,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 { 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=i;

package/BestPracticesSection-BHWoZvr5.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BOfUOCHe.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(t.Alert,{children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Lightbulb,{className:"w-5 h-5 text-yellow-500"}),e.jsx(t.Typography,{tag:"h6",className:"font-semibold",children:"Accessibility Best Practices"})]}),e.jsxs("ul",{className:"space-y-2 text-sm",children:[e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 mt-0.5"}),e.jsx("span",{children:"Use semantic HTML elements whenever possible"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 mt-0.5"}),e.jsx("span",{children:"Provide alternative text for all images"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 mt-0.5"}),e.jsx("span",{children:"Ensure sufficient color contrast (4.5:1 for normal text)"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 mt-0.5"}),e.jsx("span",{children:"Make all functionality keyboard accessible"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 mt-0.5"}),e.jsx("span",{children:"Use ARIA labels and descriptions appropriately"})]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 mt-0.5"}),e.jsx("span",{children:"Test with real users who use assistive technologies"})]})]})]})})});exports.default=a;

package/BestPracticesSection-BT37TMGe.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BOfUOCHe.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const i=[{category:"Layout Selection",items:["Admin: Use for complex applications with many navigation items and sidebar menus","Horizontal: Use for content-focused sites and simple applications with top navigation","Clean: Use for authentication flows, landing pages, and standalone content"]},{category:"ThemeProvider Setup",items:["Always wrap your application with ThemeProvider before using layouts","Provide menuItems prop for Admin and Horizontal layouts","Use layout prop to control which layout is rendered","Theme settings are automatically persisted to localStorage"]},{category:"Responsive Design",items:["Always test layouts on mobile devices","Use provided breakpoint system for responsive behavior","Consider touch interactions for mobile navigation","Admin layout automatically shows drawer on mobile"]},{category:"Accessibility",items:["Provide meaningful menu item names","Use semantic HTML structure","Test keyboard navigation","Ensure proper color contrast in all themes","Support RTL/LTR for international users"]}];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:"Best Practices"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Guidelines for optimal layout system implementation"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:i.map((a,r)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-gradient-to-br from-green-500 via-emerald-500 to-teal-500 shadow-md",children:e.jsx(s.CheckCircle,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg",children:a.category})]}),e.jsx("ul",{className:"space-y-2",children:a.items.map((o,n)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.ArrowRight,{className:"w-4 h-4 text-primary mt-0.5 shrink-0"}),e.jsx(t.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:o})]},n))})]})},r))})]})};exports.default=l;

package/BestPracticesSection-BuqjVn61.js

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

package/BestPracticesSection-BwQfJOxT.js

@@ -1 +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 t=()=>e.jsx("div",{className:"space-y-8",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 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:e.jsx(a.Check,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Do's"})]}),e.jsx("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((i,r)=>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:i})]},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 rounded-lg bg-linear-to-br from-red-500 to-rose-500 shadow-lg",children:e.jsx(a.X,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Don'ts"})]}),e.jsx("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((i,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(a.X,{className:"w-4 h-4 text-red-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:i})]},r))})]})]})})})})});exports.default=t;

package/BestPracticesSection-CqQDeICs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BOfUOCHe.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const a=[{category:"Icon Sizing",items:["Use consistent sizing patterns (xs: 12px, sm: 16px, md: 24px, lg: 32px, xl: 48px)","Follow responsive design principles with size variants","Maintain visual hierarchy with appropriate icon sizes","Use Tailwind utility classes for sizing (w-4 h-4, w-6 h-6, etc.)"]},{category:"Accessibility",items:["Always provide aria-label for interactive icons",'Use aria-hidden="true" for decorative icons',"Ensure sufficient color contrast in all themes","Test with screen readers and keyboard navigation","Provide text alternatives when icons convey meaning"]},{category:"Performance",items:["Use the LucideIcons namespace for automatic tree-shaking","Import custom icons directly when needed","Leverage the unified import pattern for better bundling","Avoid importing entire icon libraries"]},{category:"Theme Integration",items:["Use theme-aware custom icons when available","Apply brand colors using text-brand utility class","Ensure icons work well in both light and dark themes","Use currentColor for flexible theming"]}];return e.jsxs("div",{className:"space-y-8",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:"Best Practices"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Guidelines for optimal icon system implementation"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:a.map((i,r)=>e.jsx(s.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 shadow-lg",children:e.jsx(t.CheckCircle,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg",children:i.category})]}),e.jsx("ul",{className:"space-y-2",children:i.items.map((n,l)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(t.ArrowRight,{className:"w-4 h-4 text-brand mt-0.5 shrink-0"}),e.jsx(s.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:n})]},l))})]})},r))})]})};exports.default=c;

package/BestPracticesSection-DWslPqP2.js

@@ -1 +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 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/BestPracticesSection-Dq3ZfFtY.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BOfUOCHe.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const r=[{category:"Performance",items:["Use useCallback and useMemo with hooks that trigger frequent updates","Prefer useElementSize over useMeasure for simple dimension tracking","Debounce rapid state changes with toast notifications","Leverage tree-shaking by importing only needed hooks"]},{category:"TypeScript",items:["Leverage generic types in useElementSize<HTMLCanvasElement>()","Use proper event types with useEventListener","Define custom interfaces for toast variants","Take advantage of full IntelliSense support"]},{category:"Accessibility",items:["Combine useLockBodyScroll with focus management for modals","Use useEventListener for keyboard navigation","Implement proper ARIA attributes with responsive hooks","Test with screen readers and keyboard navigation"]},{category:"Error Handling",items:["Use useIsMounted to prevent memory leaks in async operations","Handle edge cases in measurement hooks","Provide fallbacks for unsupported features","Always validate external data sources"]}];return e.jsxs("div",{className:"space-y-8",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:"Best Practices"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Guidelines for optimal hook implementation and usage"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:r.map((a,i)=>e.jsx(s.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-lg",children:e.jsx(t.CheckCircle,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg",children:a.category})]}),e.jsx("ul",{className:"space-y-2",children:a.items.map((n,o)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(t.ArrowRight,{className:"w-4 h-4 text-primary mt-0.5 shrink-0"}),e.jsx(s.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:n})]},o))})]})},i))})]})};exports.default=l;

package/BorderRadiusSection-D4aIov-Q.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=t=>{if(typeof window>"u")return"";const d=document.documentElement;return getComputedStyle(d).getPropertyValue(t).trim()||""},l=()=>{const t={0:"rounded-0",100:"rounded-100",200:"rounded-200",300:"rounded-300",400:"rounded-400",500:"rounded-500",600:"rounded-600",700:"rounded-700",800:"rounded-800",900:"rounded-900",1e3:"rounded-1000"};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Border Radius"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Border radius values from Tucu UI Design Tokens"})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Border Radius Scale",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:Object.entries(t).map(([d,s])=>{const n=`--radius-tucu-ui-${d}`,a=o(n);return e.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(r.Typography,{tag:"h4",className:"font-semibold",children:d}),a&&e.jsx(r.Typography,{tag:"h4",className:"text-muted text-[10px]",children:a})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:`w-20 h-20 bg-primary ${s}`})}),e.jsx(r.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1 text-center",children:s})]},d)})})})})})]})};exports.default=l;