@e-burgos/tucu-ui 2.0.8 → 2.0.9

package/documentation/CarouselSection-Dyv4W4kt.js

@@ -0,0 +1,123 @@
+import { jsxs as l, Fragment as n, jsx as e } from "react/jsx-runtime";
+import { H as c, C as a, a as o, T as s, U as i, P as m, A as u, c as h } from "../index-lfg6LZ1p.js";
+import { GalleryHorizontal as p } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const b = () => {
+  const r = [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "h-64 w-full bg-gradient-to-br from-brand to-sky-500 rounded-lg flex items-center justify-center text-white text-2xl",
+        children: "Slide 1"
+      },
+      "1"
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "h-64 w-full bg-gradient-to-br from-brand to-green-500 rounded-lg flex items-center justify-center text-white text-2xl",
+        children: "Slide 2"
+      },
+      "2"
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "h-64 w-full bg-gradient-to-br from-brand to-purple-500 rounded-lg flex items-center justify-center text-white text-2xl",
+        children: "Slide 3"
+      },
+      "3"
+    )
+  ];
+  return /* @__PURE__ */ l(n, { children: [
+    /* @__PURE__ */ e(
+      c,
+      {
+        title: "Carousel",
+        description: `A powerful carousel component built on Swiper.js with support for
+          navigation, pagination, autoplay, and various effects.`,
+        icon: /* @__PURE__ */ e("div", { className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-pink-500 to-rose-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(p, { className: "w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg" }) })
+      }
+    ),
+    /* @__PURE__ */ e(a, { 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__ */ l("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Basic Carousel" }),
+        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(i, { children: r }) })
+      ] }),
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "With Navigation" }),
+        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(i, { showNavigation: !0, children: r }) })
+      ] }),
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "With Pagination" }),
+        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(i, { showPagination: !0, children: r }) })
+      ] }),
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Multiple Slides" }),
+        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(i, { slidesPerView: 2, spaceBetween: 20, children: r }) })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(
+      m,
+      {
+        componentName: "Carousel",
+        title: "Carousel Playground",
+        defaultValues: {
+          direction: "horizontal",
+          effect: "slide",
+          loop: !0,
+          showNavigation: !0,
+          showPagination: !0,
+          paginationType: "bullets",
+          grabCursor: !0,
+          centeredSlides: !1,
+          freeMode: !1,
+          mousewheel: !1,
+          slidesPerView: 1,
+          spaceBetween: 16
+        },
+        excludeProps: ["onSlideChange", "onSwiper", "breakpoints", "autoplay", "className", "slideClassName", "aria-label"],
+        children: (d) => /* @__PURE__ */ e(i, { ...d, children: [1, 2, 3, 4].map((t) => /* @__PURE__ */ e("div", { className: "h-40 rounded-lg bg-brand/20 flex items-center justify-center", children: /* @__PURE__ */ l(s, { tag: "h4", children: [
+          "Slide ",
+          t
+        ] }) }, t)) })
+      }
+    ),
+    /* @__PURE__ */ e(u, { componentName: "Carousel" }),
+    /* @__PURE__ */ e(a, { 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(
+      h,
+      {
+        language: "tsx",
+        code: `import { Carousel } from '@e-burgos/tucu-ui';
+
+const slides = [
+  <div key="1">Slide 1</div>,
+  <div key="2">Slide 2</div>,
+  <div key="3">Slide 3</div>,
+];
+
+// Basic usage
+<Carousel>{slides}</Carousel>
+
+// With navigation
+<Carousel showNavigation>{slides}</Carousel>
+
+// With pagination
+<Carousel showPagination>{slides}</Carousel>
+
+// Multiple slides per view
+<Carousel slidesPerView={2} spaceBetween={20}>
+  {slides}
+</Carousel>
+
+// With autoplay
+<Carousel autoplay={{ delay: 3000 }}>{slides}</Carousel>`
+      }
+    ) }) }) })
+  ] });
+};
+export {
+  b as default
+};

package/documentation/CheckboxSection-CFyl2-Lg.js

@@ -0,0 +1,175 @@
+import { jsxs as l, Fragment as g, jsx as e } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { H as u, C as a, a as d, T as r, p as c, P as k, A as C, c as N } from "../index-lfg6LZ1p.js";
+import { CheckSquare as x } from "lucide-react";
+import "react-router-dom";
+import "react-dom";
+const z = () => {
+  const [i, h] = n(!1), [t, m] = n(!0), b = [
+    { label: "Primary", color: "primary" },
+    { label: "Secondary", color: "secondary" },
+    { label: "Danger", color: "danger" },
+    { label: "Info", color: "info" },
+    { label: "Success", color: "success" },
+    { label: "Warning", color: "warning" }
+  ], p = [
+    { label: "Small", size: "sm" },
+    { label: "Medium", size: "md" },
+    { label: "Large", size: "lg" }
+  ];
+  return /* @__PURE__ */ l(g, { children: [
+    /* @__PURE__ */ e(
+      u,
+      {
+        title: "Checkbox",
+        description: "A checkbox component for binary selections.",
+        icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-green-500/50", children: /* @__PURE__ */ e(x, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
+      }
+    ),
+    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Basic Checkbox" }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            label: "I accept the terms and conditions",
+            checked: i,
+            onChange: (s) => h(s.target.checked)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Helper Text" }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            label: "Subscribe to newsletter",
+            helperText: "Receive updates via email",
+            checked: i,
+            onChange: (s) => h(s.target.checked)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Error" }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            label: "Required checkbox",
+            error: "This field is required"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Disabled" }),
+        /* @__PURE__ */ e(c, { label: "Disabled option", disabled: !0 })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(a, { 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__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Ghost (default)" }),
+        /* @__PURE__ */ e(c, { label: "Ghost Variant", variant: "ghost" })
+      ] }),
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Solid" }),
+        /* @__PURE__ */ e(c, { label: "Solid Variant", variant: "solid" })
+      ] }),
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Transparent" }),
+        /* @__PURE__ */ e(c, { label: "Transparent Variant", variant: "transparent" })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3", children: b.map(({ label: s, color: o }) => /* @__PURE__ */ l(a, { className: "p-4", children: [
+      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: s }),
+      /* @__PURE__ */ e(c, { label: `${s} Checkbox`, color: o })
+    ] }, o)) }) }) }) }),
+    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: p.map(({ label: s, size: o }) => /* @__PURE__ */ l(a, { className: "p-4", children: [
+      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: s }),
+      /* @__PURE__ */ e(c, { label: `${s} Checkbox`, size: o })
+    ] }, o)) }) }) }) }),
+    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(d, { title: "Shapes", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Rounded" }),
+        /* @__PURE__ */ e(c, { label: "Rounded Shape", shape: "rounded" })
+      ] }),
+      /* @__PURE__ */ l(a, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Square (default)" }),
+        /* @__PURE__ */ e(c, { label: "Square Shape", shape: "square" })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(
+      k,
+      {
+        componentName: "Checkbox",
+        defaultValues: {
+          label: "Preview Checkbox",
+          variant: "ghost",
+          color: "primary",
+          size: "md",
+          shape: "square",
+          helperText: "",
+          error: "",
+          disabled: !1
+        },
+        includeProps: [
+          "label",
+          "variant",
+          "color",
+          "size",
+          "shape",
+          "helperText",
+          "error",
+          "disabled"
+        ],
+        excludeProps: ["checked", "onChange"],
+        children: (s) => /* @__PURE__ */ e(
+          c,
+          {
+            ...s,
+            checked: t,
+            onChange: (o) => m(o.target.checked)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(C, { componentName: "Checkbox" }),
+    /* @__PURE__ */ e(a, { 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 { Checkbox } from '@e-burgos/tucu-ui';
+
+<Checkbox
+  label="I accept the terms and conditions"
+  checked={checked}
+  onChange={(e) => setChecked(e.target.checked)}
+/>
+
+// Variants
+<Checkbox label="Ghost" variant="ghost" />
+<Checkbox label="Solid" variant="solid" />
+<Checkbox label="Transparent" variant="transparent" />
+
+// Shapes
+<Checkbox label="Rounded" shape="rounded" />
+<Checkbox label="Square" shape="square" />
+
+// Colors
+<Checkbox label="Primary" color="primary" />
+<Checkbox label="Secondary" color="secondary" />
+<Checkbox label="Danger" color="danger" />
+<Checkbox label="Info" color="info" />
+<Checkbox label="Success" color="success" />
+<Checkbox label="Warning" color="warning" />
+
+// Sizes
+<Checkbox label="Small" size="sm" />
+<Checkbox label="Medium" size="md" />
+<Checkbox label="Large" size="lg" />`
+      }
+    ) }) }) })
+  ] });
+};
+export {
+  z as default
+};

package/documentation/CheckboxSection-Cm9sabKa.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");const m=()=>{const[r,c]=o.useState(!1),[i,d]=o.useState(!0),n=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],h=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Checkbox",description:"A checkbox component for binary selections.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-green-500/50",children:e.jsx(t.CheckSquare,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Checkbox"}),e.jsx(a.Checkbox,{label:"I accept the terms and conditions",checked:r,onChange:s=>c(s.target.checked)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Checkbox,{label:"Subscribe to newsletter",helperText:"Receive updates via email",checked:r,onChange:s=>c(s.target.checked)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Checkbox,{label:"Required checkbox",error:"This field is required"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Checkbox,{label:"Disabled option",disabled:!0})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Checkbox,{label:"Ghost Variant",variant:"ghost"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Checkbox,{label:"Solid Variant",variant:"solid"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Checkbox,{label:"Transparent Variant",variant:"transparent"})]})]})})})}),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.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:n.map(({label:s,color:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:s}),e.jsx(a.Checkbox,{label:`${s} Checkbox`,color:l})]},l))})})})}),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.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-3",children:h.map(({label:s,size:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:s}),e.jsx(a.Checkbox,{label:`${s} Checkbox`,size:l})]},l))})})})}),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:"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:"Rounded"}),e.jsx(a.Checkbox,{label:"Rounded Shape",shape:"rounded"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Square (default)"}),e.jsx(a.Checkbox,{label:"Square Shape",shape:"square"})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"Checkbox",defaultValues:{label:"Preview Checkbox",variant:"ghost",color:"primary",size:"md",shape:"square",helperText:"",error:"",disabled:!1},includeProps:["label","variant","color","size","shape","helperText","error","disabled"],excludeProps:["checked","onChange"],children:s=>e.jsx(a.Checkbox,{...s,checked:i,onChange:l=>d(l.target.checked)})}),e.jsx(a.AutoPropsTable,{componentName:"Checkbox"}),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 { Checkbox } from '@e-burgos/tucu-ui';
+
+<Checkbox
+  label="I accept the terms and conditions"
+  checked={checked}
+  onChange={(e) => setChecked(e.target.checked)}
+/>
+
+// Variants
+<Checkbox label="Ghost" variant="ghost" />
+<Checkbox label="Solid" variant="solid" />
+<Checkbox label="Transparent" variant="transparent" />
+
+// Shapes
+<Checkbox label="Rounded" shape="rounded" />
+<Checkbox label="Square" shape="square" />
+
+// Colors
+<Checkbox label="Primary" color="primary" />
+<Checkbox label="Secondary" color="secondary" />
+<Checkbox label="Danger" color="danger" />
+<Checkbox label="Info" color="info" />
+<Checkbox label="Success" color="success" />
+<Checkbox label="Warning" color="warning" />
+
+// Sizes
+<Checkbox label="Small" size="sm" />
+<Checkbox label="Medium" size="md" />
+<Checkbox label="Large" size="lg" />`})})})})]})};exports.default=m;

package/documentation/CodeExamplesSection-D4BjomLZ.js

@@ -0,0 +1,68 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const i=[{title:"Accessible Input with Error",description:"Input automatically connects label, error, and helper text via aria attributes.",code:`import { Input } from '@e-burgos/tucu-ui';
+
+// Input auto-generates IDs with useId()
+// label uses htmlFor → input id
+// helperText → aria-describedby
+// error → aria-invalid="true"
+// required → aria-required="true"
+<Input
+  label="Email Address"
+  placeholder="you@example.com"
+  required
+  error="Please enter a valid email"
+  helperText="We'll never share your email"
+  variant="ghost"
+/>`},{title:"Accessible Modal",description:"Modal provides dialog semantics, Escape key, and focus restoration. Note: lacks focus trapping.",code:`import { Modal } from '@e-burgos/tucu-ui';
+
+// role="dialog" + aria-modal="true"
+// aria-labelledby → title text
+// aria-describedby → content text
+// Escape key closes
+// Focus restores to trigger on close
+// ⚠️ Tab can escape modal (no focus trap)
+<Modal
+  isOpen={isOpen}
+  setIsOpen={setIsOpen}
+  onClose={() => console.log('closed')}
+  text={{
+    title: 'Confirm Action',
+    content: 'Are you sure you want to proceed?',
+    button: 'Confirm',
+    backButton: 'Cancel',
+  }}
+/>`},{title:"Accessible Alert",description:"Alert uses live regions so screen readers announce content changes immediately.",code:`import { Alert } from '@e-burgos/tucu-ui';
+
+// role="alert" → immediate announcement
+// aria-live="assertive" + aria-atomic="true"
+// Dismiss button has aria-label="Dismiss alert"
+// Supports custom aria-label
+<Alert
+  variant="warning"
+  dismissible={true}
+  aria-label="Important notification"
+>
+  Your session will expire in 5 minutes.
+</Alert>`},{title:"Form with FormField",description:"FormField wraps react-hook-form Controller and auto-wires errors to child components.",code:`import { Form, FormField, Input, Select } from '@e-burgos/tucu-ui';
+
+<Form onSubmit={handleSubmit}>
+  {/* FormField auto-injects error prop from form state */}
+  <FormField
+    name="email"
+    label="Email"
+    rules={{ required: 'Email is required' }}
+  >
+    <Input variant="ghost" placeholder="Enter email" />
+  </FormField>
+
+  <FormField
+    name="role"
+    label="Role"
+    rules={{ required: 'Role is required' }}
+  >
+    <Select
+      options={roleOptions}
+      variant="ghost"
+      placeholder="Select role"
+    />
+  </FormField>
+</Form>`}];return e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Code Examples",description:"Practical code examples showing how to use accessibility features in tucu-ui components. Each example includes comments explaining the ARIA behavior.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-cyan-500 via-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Code,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"Accessible Component Patterns"}),e.jsx(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Copy-paste examples with built-in accessibility"})]}),e.jsx("div",{className:"space-y-6",children:i.map((t,a)=>e.jsx(r.CardContainer,{children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-4",children:[e.jsxs("div",{children:[e.jsx(r.Typography,{tag:"h3",className:"font-semibold text-lg mb-1",children:t.title}),e.jsx(r.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400",children:t.description})]}),e.jsx(r.CodeBlock,{language:"tsx",code:t.code})]})},a))})]})]})};exports.default=o;

package/documentation/CodeExamplesSection-ZevLOjfL.js

@@ -0,0 +1,134 @@
+import { jsxs as t, Fragment as o, jsx as e } from "react/jsx-runtime";
+import { H as s, T as r, C as l, c as n } from "../index-lfg6LZ1p.js";
+import { Code as c } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const x = () => /* @__PURE__ */ t(o, { children: [
+  /* @__PURE__ */ e(
+    s,
+    {
+      title: "Code Examples",
+      description: "Practical code examples showing how to use accessibility features in tucu-ui components. Each example includes comments explaining the ARIA behavior.",
+      icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-cyan-500 via-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(c, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
+    }
+  ),
+  /* @__PURE__ */ t("section", { className: "space-y-8", children: [
+    /* @__PURE__ */ t("div", { className: "text-center", children: [
+      /* @__PURE__ */ e(r, { tag: "h2", className: "mb-2", children: "Accessible Component Patterns" }),
+      /* @__PURE__ */ e(
+        r,
+        {
+          tag: "p",
+          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
+          children: "Copy-paste examples with built-in accessibility"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: "space-y-6", children: [
+      {
+        title: "Accessible Input with Error",
+        description: "Input automatically connects label, error, and helper text via aria attributes.",
+        code: `import { Input } from '@e-burgos/tucu-ui';
+
+// Input auto-generates IDs with useId()
+// label uses htmlFor → input id
+// helperText → aria-describedby
+// error → aria-invalid="true"
+// required → aria-required="true"
+<Input
+  label="Email Address"
+  placeholder="you@example.com"
+  required
+  error="Please enter a valid email"
+  helperText="We'll never share your email"
+  variant="ghost"
+/>`
+      },
+      {
+        title: "Accessible Modal",
+        description: "Modal provides dialog semantics, Escape key, and focus restoration. Note: lacks focus trapping.",
+        code: `import { Modal } from '@e-burgos/tucu-ui';
+
+// role="dialog" + aria-modal="true"
+// aria-labelledby → title text
+// aria-describedby → content text
+// Escape key closes
+// Focus restores to trigger on close
+// ⚠️ Tab can escape modal (no focus trap)
+<Modal
+  isOpen={isOpen}
+  setIsOpen={setIsOpen}
+  onClose={() => console.log('closed')}
+  text={{
+    title: 'Confirm Action',
+    content: 'Are you sure you want to proceed?',
+    button: 'Confirm',
+    backButton: 'Cancel',
+  }}
+/>`
+      },
+      {
+        title: "Accessible Alert",
+        description: "Alert uses live regions so screen readers announce content changes immediately.",
+        code: `import { Alert } from '@e-burgos/tucu-ui';
+
+// role="alert" → immediate announcement
+// aria-live="assertive" + aria-atomic="true"
+// Dismiss button has aria-label="Dismiss alert"
+// Supports custom aria-label
+<Alert
+  variant="warning"
+  dismissible={true}
+  aria-label="Important notification"
+>
+  Your session will expire in 5 minutes.
+</Alert>`
+      },
+      {
+        title: "Form with FormField",
+        description: "FormField wraps react-hook-form Controller and auto-wires errors to child components.",
+        code: `import { Form, FormField, Input, Select } from '@e-burgos/tucu-ui';
+
+<Form onSubmit={handleSubmit}>
+  {/* FormField auto-injects error prop from form state */}
+  <FormField
+    name="email"
+    label="Email"
+    rules={{ required: 'Email is required' }}
+  >
+    <Input variant="ghost" placeholder="Enter email" />
+  </FormField>
+
+  <FormField
+    name="role"
+    label="Role"
+    rules={{ required: 'Role is required' }}
+  >
+    <Select
+      options={roleOptions}
+      variant="ghost"
+      placeholder="Select role"
+    />
+  </FormField>
+</Form>`
+      }
+    ].map((i, a) => /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t("div", { className: "w-full p-4 sm:p-6 space-y-4", children: [
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(r, { tag: "h3", className: "font-semibold text-lg mb-1", children: i.title }),
+        /* @__PURE__ */ e(
+          r,
+          {
+            tag: "p",
+            className: "text-sm text-gray-500 dark:text-gray-400",
+            children: i.description
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(n, { language: "tsx", code: i.code })
+    ] }) }, a)) })
+  ] })
+] });
+export {
+  x as default
+};

package/documentation/CoinCardSection-BP75BKln.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),e=require("../index-BaGqriuz.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=require("../tether-EofDinu3.js"),n="data:image/svg+xml,%3csvg%20width='148'%20height='137'%20viewBox='0%200%20148%20137'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M62.3497%2038.2791C64.2756%2038.2794%2066.1582%2038.8508%2067.7593%2039.921C69.3605%2040.9912%2070.6084%2042.5121%2071.3452%2044.2915C72.082%2046.0709%2072.2746%2048.0288%2071.8987%2049.9176C71.5228%2051.8064%2070.5952%2053.5414%2069.2333%2054.9031C67.8714%2056.2648%2066.1363%2057.1921%2064.2474%2057.5677C62.3585%2057.9433%2060.4006%2057.7504%2058.6214%2057.0133C56.8421%2056.2762%2055.3214%2055.0281%2054.2515%2053.4268C53.1815%2051.8254%2052.6105%2049.9428%2052.6105%2048.0169C52.6109%2045.4342%2053.6371%2042.9573%2055.4636%2041.1312C57.29%2039.305%2059.767%2038.2791%2062.3497%2038.2791ZM85.8599%2038.2791C87.7857%2038.2796%2089.6682%2038.8511%2091.2692%2039.9214C92.8703%2040.9917%2094.118%2042.5126%2094.8547%2044.292C95.5914%2046.0714%2095.7839%2048.0293%2095.4079%2049.9181C95.0319%2051.8069%2094.1043%2053.5417%2092.7424%2054.9033C91.3804%2056.265%2089.6453%2057.1922%2087.7564%2057.5678C85.8676%2057.9433%2083.9097%2057.7503%2082.1305%2057.0132C80.3513%2056.2761%2078.8306%2055.028%2077.7607%2053.4267C76.6908%2051.8254%2076.1198%2049.9428%2076.1198%2048.0169C76.1202%2045.434%2077.1466%2042.957%2078.9732%2041.1309C80.7998%2039.3047%2083.277%2038.2789%2085.8599%2038.2791ZM85.8599%2079.2452C87.7857%2079.2456%2089.6682%2079.8171%2091.2692%2080.8874C92.8703%2081.9577%2094.118%2083.4787%2094.8547%2085.2581C95.5914%2087.0375%2095.7839%2088.9953%2095.4079%2090.8841C95.0319%2092.7729%2094.1043%2094.5078%2092.7424%2095.8694C91.3804%2097.231%2089.6453%2098.1582%2087.7564%2098.5338C85.8676%2098.9093%2083.9097%2098.7163%2082.1305%2097.9792C80.3513%2097.2421%2078.8306%2095.994%2077.7607%2094.3927C76.6908%2092.7914%2076.1198%2090.9088%2076.1198%2088.9829C76.1199%2087.704%2076.3719%2086.4376%2076.8615%2085.2561C77.351%2084.0745%2078.0685%2083.0009%2078.9729%2082.0967C79.8774%2081.1925%2080.9511%2080.4752%2082.1328%2079.9859C83.3144%2079.4967%2084.5809%2079.245%2085.8599%2079.2452ZM62.3497%2079.2452C64.2756%2079.2455%2066.1582%2079.8169%2067.7593%2080.887C69.3605%2081.9572%2070.6084%2083.4782%2071.3452%2085.2576C72.082%2087.0369%2072.2746%2088.9948%2071.8987%2090.8836C71.5228%2092.7725%2070.5952%2094.5074%2069.2333%2095.8691C67.8714%2097.2308%2066.1363%2098.1581%2064.2474%2098.5337C62.3585%2098.9093%2060.4006%2098.7164%2058.6214%2097.9793C56.8421%2097.2423%2055.3214%2095.9941%2054.2515%2094.3928C53.1815%2092.7914%2052.6105%2090.9088%2052.6105%2088.9829C52.6106%2087.704%2052.8625%2086.4377%2053.352%2085.2562C53.8415%2084.0747%2054.559%2083.0012%2055.4634%2082.097C56.3677%2081.1927%2057.4413%2080.4755%2058.6229%2079.9862C59.8045%2079.4969%2061.0709%2079.2451%2062.3497%2079.2452ZM50.2591%2059.0977C52.185%2059.098%2054.0676%2059.6694%2055.6687%2060.7396C57.2699%2061.8098%2058.5178%2063.3307%2059.2546%2065.1101C59.9914%2066.8895%2060.184%2068.8474%2059.8081%2070.7362C59.4322%2072.625%2058.5046%2074.36%2057.1427%2075.7217C55.7808%2077.0834%2054.0457%2078.0107%2052.1568%2078.3863C50.2679%2078.7619%2048.31%2078.569%2046.5308%2077.8319C44.7515%2077.0948%2043.2308%2075.8467%2042.1608%2074.2453C41.0909%2072.644%2040.5198%2070.7614%2040.5198%2068.8355C40.5202%2066.2527%2041.5465%2063.7759%2043.373%2061.9498C45.1994%2060.1236%2047.6764%2059.0977%2050.2591%2059.0977ZM97.9505%2059.0977C99.8763%2059.0982%20101.759%2059.6697%20103.36%2060.74C104.961%2061.8103%20106.209%2063.3312%20106.945%2065.1106C107.682%2066.89%20107.875%2068.8479%20107.499%2070.7367C107.123%2072.6255%20106.195%2074.3603%20104.833%2075.7219C103.471%2077.0836%20101.736%2078.0108%2099.847%2078.3863C97.9582%2078.7619%2096.0004%2078.5689%2094.2211%2077.8318C92.4419%2077.0947%2090.9212%2075.8466%2089.8513%2074.2453C88.7815%2072.644%2088.2104%2070.7613%2088.2104%2068.8355C88.2105%2067.5565%2088.4625%2066.2901%2088.9521%2065.1086C89.4416%2063.9271%2090.1591%2062.8535%2091.0636%2061.9492C91.968%2061.045%2093.0417%2060.3278%2094.2234%2059.8385C95.4051%2059.3492%2096.6715%2059.0975%2097.9505%2059.0977ZM109.034%2042.3091C110.229%2042.3094%20111.397%2042.6642%20112.391%2043.3285C113.385%2043.9928%20114.159%2044.9369%20114.617%2046.0413C115.074%2047.1458%20115.193%2048.361%20114.96%2049.5334C114.726%2050.7057%20114.151%2051.7825%20113.305%2052.6277C112.46%2053.4728%20111.383%2054.0483%20110.211%2054.2814C109.038%2054.5145%20107.823%2054.3947%20106.719%2053.9372C105.614%2053.4797%20104.671%2052.705%20104.006%2051.7111C103.342%2050.7171%20102.988%2049.5486%20102.988%2048.3532C102.988%2047.5594%20103.144%2046.7733%20103.448%2046.0399C103.752%2045.3065%20104.197%2044.6401%20104.759%2044.0788C105.32%2043.5176%20105.987%2043.0724%20106.72%2042.7687C107.454%2042.4651%20108.24%2042.3089%20109.034%2042.3091ZM109.034%2082.6024C110.229%2082.6027%20111.397%2082.9575%20112.391%2083.6218C113.385%2084.2862%20114.159%2085.2302%20114.617%2086.3347C115.074%2087.4391%20115.193%2088.6544%20114.96%2089.8267C114.726%2090.9991%20114.151%2092.0759%20113.305%2092.921C112.46%2093.7661%20111.383%2094.3416%20110.211%2094.5747C109.038%2094.8078%20107.823%2094.688%20106.719%2094.2305C105.614%2093.773%20104.671%2092.9983%20104.006%2092.0044C103.342%2091.0105%20102.988%2089.842%20102.988%2088.6466C102.988%2087.8528%20103.144%2087.0667%20103.448%2086.3333C103.752%2085.5999%20104.197%2084.9335%20104.759%2084.3722C105.32%2083.8109%20105.987%2083.3658%20106.72%2083.0621C107.454%2082.7585%20108.24%2082.6022%20109.034%2082.6024ZM39.176%2082.6024C40.3714%2082.6026%2041.5399%2082.9572%2042.5337%2083.6215C43.5276%2084.2857%2044.3022%2085.2297%2044.7595%2086.3342C45.2169%2087.4386%2045.3365%2088.6538%2045.1032%2089.8262C44.8699%2090.9986%2044.2941%2092.0755%2043.4488%2092.9207C42.6035%2093.7659%2041.5265%2094.3415%2040.3541%2094.5747C39.1817%2094.8078%2037.9664%2094.6881%2036.8621%2094.2306C35.7577%2093.7731%2034.8138%2092.9984%2034.1497%2092.0045C33.4855%2091.0106%2033.1311%2089.842%2033.1311%2088.6466C33.1313%2087.0435%2033.7683%2085.5062%2034.9019%2084.3727C36.0355%2083.2392%2037.5729%2082.6024%2039.176%2082.6024ZM39.176%2042.3091C40.3714%2042.3093%2041.5399%2042.6639%2042.5337%2043.3281C43.5276%2043.9923%2044.3022%2044.9363%2044.7595%2046.0408C45.2169%2047.1452%2045.3365%2048.3605%2045.1032%2049.5329C44.8699%2050.7053%2044.2941%2051.7822%2043.4488%2052.6274C42.6035%2053.4726%2041.5265%2054.0482%2040.3541%2054.2813C39.1817%2054.5145%2037.9664%2054.3947%2036.8621%2053.9372C35.7577%2053.4797%2034.8138%2052.705%2034.1497%2051.7111C33.4855%2050.7172%2033.1311%2049.5486%2033.1311%2048.3532C33.1313%2046.7501%2033.7683%2045.2128%2034.9019%2044.0794C36.0355%2042.9459%2037.5729%2042.3091%2039.176%2042.3091ZM74.1048%2022.1617C75.3002%2022.162%2076.4686%2022.5167%2077.4623%2023.181C78.4561%2023.8454%2079.2306%2024.7894%2079.6878%2025.8939C80.145%2026.9983%2080.2645%2028.2136%2080.0311%2029.3859C79.7977%2030.5583%2079.2219%2031.6351%2078.3766%2032.4802C77.5312%2033.3254%2076.4543%2033.9008%2075.2818%2034.1339C74.1094%2034.367%2072.8943%2034.2472%2071.7899%2033.7897C70.6856%2033.3322%2069.7417%2032.5575%2069.0776%2031.5636C68.4135%2030.5697%2068.0591%2029.4011%2068.0591%2028.2058C68.0591%2027.4119%2068.2155%2026.6258%2068.5193%2025.8924C68.8232%2025.159%2069.2685%2024.4927%2069.8299%2023.9314C70.3914%2023.3701%2071.0578%2022.9249%2071.7913%2022.6213C72.5248%2022.3176%2073.3109%2022.1615%2074.1048%2022.1617ZM74.1048%20102.75C75.3002%20102.75%2076.4686%20103.105%2077.4623%20103.769C78.4561%20104.434%2079.2306%20105.378%2079.6878%20106.482C80.145%20107.587%2080.2645%20108.802%2080.0311%20109.974C79.7977%20111.147%2079.2219%20112.223%2078.3766%20113.068C77.5312%20113.914%2076.4543%20114.489%2075.2818%20114.722C74.1094%20114.955%2072.8943%20114.835%2071.7899%20114.378C70.6856%20113.92%2069.7417%20113.146%2069.0776%20112.152C68.4135%20111.158%2068.0591%20109.989%2068.0591%20108.794C68.0591%20108%2068.2155%20107.214%2068.5193%20106.481C68.8232%20105.747%2069.2685%20105.081%2069.8299%20104.52C70.3914%20103.958%2071.0578%20103.513%2071.7913%20103.21C72.5248%20102.906%2073.3109%20102.75%2074.1048%20102.75ZM99.9654%20108.794C100.962%20108.794%20101.935%20109.09%20102.763%20109.644C103.591%20110.197%20104.237%20110.984%20104.618%20111.904C104.999%20112.825%20105.098%20113.837%20104.904%20114.814C104.709%20115.791%20104.229%20116.688%20103.525%20117.393C102.82%20118.097%20101.923%20118.577%20100.946%20118.771C99.969%20118.965%2098.9563%20118.865%2098.0361%20118.484C97.1159%20118.103%2096.3293%20117.457%2095.776%20116.629C95.2226%20115.801%2094.9272%20114.827%2094.9272%20113.831C94.9272%20113.169%2095.0576%20112.514%2095.3108%20111.903C95.564%20111.292%2095.9351%20110.736%2096.403%20110.269C96.8708%20109.801%2097.4263%20109.43%2098.0375%20109.177C98.6488%20108.924%2099.3039%20108.794%2099.9654%20108.794ZM48.2442%20108.794C49.2402%20108.794%2050.2139%20109.09%2051.042%20109.644C51.87%20110.197%2052.5154%20110.984%2052.8963%20111.904C53.2773%20112.825%2053.3768%20113.837%2053.1823%20114.814C52.9878%20115.791%2052.508%20116.688%2051.8035%20117.393C51.0991%20118.097%2050.2016%20118.577%2049.2247%20118.771C48.2477%20118.965%2047.2351%20118.865%2046.3148%20118.484C45.3946%20118.103%2044.608%20117.457%2044.0547%20116.629C43.5013%20115.801%2043.206%20114.827%2043.206%20113.831C43.206%20113.169%2043.3363%20112.514%2043.5895%20111.903C43.8427%20111.292%2044.2138%20110.736%2044.6817%20110.269C45.1496%20109.801%2045.705%20109.43%2046.3162%20109.177C46.9275%20108.924%2047.5826%20108.794%2048.2442%20108.794ZM48.2442%2018.1325C49.2402%2018.1328%2050.2139%2018.4284%2051.042%2018.9821C51.87%2019.5357%2052.5154%2020.3224%2052.8963%2021.2427C53.2773%2022.1631%2053.3768%2023.1758%2053.1823%2024.1527C52.9878%2025.1296%2052.508%2026.0269%2051.8035%2026.7311C51.0991%2027.4354%2050.2016%2027.9149%2049.2247%2028.1092C48.2477%2028.3034%2047.2351%2028.2035%2046.3148%2027.8223C45.3946%2027.441%2044.608%2026.7955%2044.0547%2025.9672C43.5013%2025.139%2043.206%2024.1653%2043.206%2023.1692C43.206%2022.5076%2043.3363%2021.8525%2043.5895%2021.2413C43.8427%2020.6302%2044.2138%2020.0748%2044.6817%2019.6071C45.1496%2019.1394%2045.705%2018.7685%2046.3162%2018.5154C46.9275%2018.2624%2047.5826%2018.1323%2048.2442%2018.1325ZM99.9654%2018.1325C100.962%2018.1328%20101.935%2018.4284%20102.763%2018.9821C103.591%2019.5357%20104.237%2020.3224%20104.618%2021.2427C104.999%2022.1631%20105.098%2023.1758%20104.904%2024.1527C104.709%2025.1296%20104.229%2026.0269%20103.525%2026.7311C102.82%2027.4354%20101.923%2027.9149%20100.946%2028.1092C99.969%2028.3034%2098.9563%2028.2035%2098.0361%2027.8223C97.1159%2027.441%2096.3293%2026.7955%2095.776%2025.9672C95.2226%2025.139%2094.9272%2024.1653%2094.9272%2023.1692C94.9272%2022.5076%2095.0576%2021.8525%2095.3108%2021.2413C95.564%2020.6302%2095.9351%2020.0748%2096.403%2019.6071C96.8708%2019.1394%2097.4263%2018.7685%2098.0375%2018.5154C98.6488%2018.2624%2099.3039%2018.1323%2099.9654%2018.1325ZM126.162%2063.1277C127.158%2063.1278%20128.132%2063.4234%20128.96%2063.9769C129.788%2064.5304%20130.433%2065.3171%20130.814%2066.2374C131.195%2067.1578%20131.295%2068.1705%20131.101%2069.1474C130.906%2070.1244%20130.427%2071.0218%20129.722%2071.7261C129.018%2072.4304%20128.12%2072.91%20127.143%2073.1043C126.166%2073.2986%20125.154%2073.1988%20124.233%2072.8176C123.313%2072.4363%20122.526%2071.7907%20121.973%2070.9625C121.42%2070.1342%20121.124%2069.1605%20121.124%2068.1644C121.124%2066.8285%20121.655%2065.5474%20122.6%2064.6029C123.545%2063.6583%20124.826%2063.1277%20126.162%2063.1277ZM22.0472%2063.1277C23.0433%2063.1278%2024.017%2063.4234%2024.8452%2063.9769C25.6734%2064.5304%2026.3188%2065.3171%2026.6999%2066.2374C27.081%2067.1578%2027.1806%2068.1705%2026.9862%2069.1474C26.7918%2070.1244%2026.312%2071.0218%2025.6076%2071.7261C24.9032%2072.4304%2024.0057%2072.91%2023.0287%2073.1043C22.0517%2073.2986%2021.0391%2073.1988%2020.1188%2072.8176C19.1985%2072.4363%2018.4119%2071.7907%2017.8585%2070.9625C17.3051%2070.1342%2017.0097%2069.1605%2017.0097%2068.1644C17.0097%2067.5029%2017.14%2066.8479%2017.3932%2066.2367C17.6464%2065.6256%2018.0174%2065.0703%2018.4852%2064.6026C18.953%2064.1349%2019.5083%2063.7639%2020.1195%2063.5108C20.7307%2063.2578%2021.3857%2063.1276%2022.0472%2063.1277ZM18.3528%2032.235C19.1499%2032.235%2019.9291%2032.4713%2020.5918%2032.9142C21.2545%2033.357%2021.7711%2033.9865%2022.0761%2034.7229C22.3811%2035.4593%2022.4608%2036.2696%2022.3053%2037.0514C22.1497%2037.8332%2021.7658%2038.5512%2021.2021%2039.1148C20.6385%2039.6784%2019.9203%2040.0622%2019.1385%2040.2176C18.3567%2040.373%2017.5464%2040.293%2016.8101%2039.9879C16.0737%2039.6828%2015.4444%2039.1661%2015.0016%2038.5033C14.5589%2037.8405%2014.3227%2037.0613%2014.3228%2036.2642C14.3231%2035.1955%2014.7477%2034.1706%2015.5035%2033.4151C16.2592%2032.6595%2017.2841%2032.235%2018.3528%2032.235ZM18.3528%2096.7057C19.1499%2096.7057%2019.9291%2096.9421%2020.5918%2097.3849C21.2545%2097.8278%2021.7711%2098.4573%2022.0761%2099.1937C22.3811%2099.9301%2022.4608%20100.74%2022.3053%20101.522C22.1497%20102.304%2021.7658%20103.022%2021.2021%20103.586C20.6385%20104.149%2019.9203%20104.533%2019.1385%20104.688C18.3567%20104.844%2017.5464%20104.764%2016.8101%20104.459C16.0737%20104.154%2015.4444%20103.637%2015.0016%20102.974C14.5589%20102.311%2014.3227%20101.532%2014.3228%20100.735C14.3231%2099.6663%2014.7477%2098.6414%2015.5035%2097.8858C16.2592%2097.1302%2017.2841%2096.7057%2018.3528%2096.7057ZM129.856%2096.7057C130.653%2096.7057%20131.432%2096.9421%20132.095%2097.3849C132.758%2097.8278%20133.274%2098.4573%20133.579%2099.1937C133.884%2099.9301%20133.964%20100.74%20133.809%20101.522C133.653%20102.304%20133.269%20103.022%20132.705%20103.586C132.142%20104.149%20131.424%20104.533%20130.642%20104.688C129.86%20104.844%20129.05%20104.764%20128.313%20104.459C127.577%20104.154%20126.948%20103.637%20126.505%20102.974C126.062%20102.311%20125.826%20101.532%20125.826%20100.735C125.826%2099.6663%20126.251%2098.6414%20127.007%2097.8858C127.762%2097.1302%20128.787%2096.7057%20129.856%2096.7057ZM129.856%2032.235C130.653%2032.235%20131.432%2032.4713%20132.095%2032.9142C132.758%2033.357%20133.274%2033.9865%20133.579%2034.7229C133.884%2035.4593%20133.964%2036.2696%20133.809%2037.0514C133.653%2037.8332%20133.269%2038.5512%20132.705%2039.1148C132.142%2039.6784%20131.424%2040.0622%20130.642%2040.2176C129.86%2040.373%20129.05%2040.293%20128.313%2039.9879C127.577%2039.6828%20126.948%2039.1661%20126.505%2038.5033C126.062%2037.8405%20125.826%2037.0613%20125.826%2036.2642C125.826%2035.1955%20126.251%2034.1706%20127.007%2033.4151C127.762%2032.6595%20128.787%2032.235%20129.856%2032.235ZM74.1048%202.94133e-07C74.9019%200.000152533%2075.6809%200.236665%2076.3436%200.679609C77.0062%201.12255%2077.5226%201.75205%2077.8275%202.48848C78.1324%203.22492%2078.212%204.03521%2078.0564%204.81692C77.9007%205.59862%2077.5168%206.31663%2076.9531%206.88012C76.3894%207.44361%2075.6712%207.82727%2074.8895%207.98261C74.1077%208.13796%2073.2975%208.05801%2072.5611%207.75285C71.8248%207.44769%2071.1955%206.93101%2070.7528%206.26821C70.3101%205.6054%2070.0739%204.82622%2070.0741%204.02917C70.0741%203.49992%2070.1784%202.97588%2070.3809%202.48693C70.5835%201.99799%2070.8804%201.55374%2071.2547%201.17958C71.6291%200.805415%2072.0734%200.508635%2072.5624%200.30624C73.0514%200.103845%2073.5756%20-0.000201902%2074.1048%202.94133e-07ZM74.1048%20128.941C74.9018%20128.941%2075.6809%20129.177%2076.3435%20129.62C77.0061%20130.063%2077.5226%20130.693%2077.8275%20131.429C78.1323%20132.165%2078.212%20132.976%2078.0565%20133.757C77.9009%20134.539%2077.517%20135.257%2076.9534%20135.821C76.3897%20136.384%2075.6717%20136.768%2074.8899%20136.923C74.1082%20137.079%2073.298%20136.999%2072.5617%20136.694C71.8253%20136.389%2071.196%20135.872%2070.7532%20135.21C70.3104%20134.547%2070.0741%20133.768%2070.0741%20132.971C70.0741%20132.441%2070.1783%20131.917%2070.3809%20131.428C70.5835%20130.939%2070.8804%20130.495%2071.2547%20130.121C71.629%20129.747%2072.0734%20129.45%2072.5624%20129.247C73.0514%20129.045%2073.5755%20128.941%2074.1048%20128.941ZM109.705%20126.255C110.369%20126.255%20111.018%20126.452%20111.57%20126.821C112.123%20127.19%20112.553%20127.714%20112.807%20128.328C113.061%20128.941%20113.128%20129.616%20112.998%20130.268C112.869%20130.919%20112.549%20131.518%20112.079%20131.987C111.61%20132.457%20111.011%20132.777%20110.36%20132.906C109.708%20133.036%20109.033%20132.969%20108.42%20132.715C107.806%20132.461%20107.282%20132.03%20106.913%20131.478C106.544%20130.926%20106.347%20130.277%20106.347%20129.613C106.347%20129.172%20106.434%20128.735%20106.602%20128.328C106.771%20127.92%20107.018%20127.55%20107.33%20127.238C107.642%20126.926%20108.012%20126.679%20108.42%20126.51C108.827%20126.341%20109.264%20126.255%20109.705%20126.255ZM38.5041%20126.255C39.1682%20126.255%2039.8175%20126.452%2040.3697%20126.821C40.9219%20127.19%2041.3523%20127.714%2041.6065%20128.328C41.8607%20128.941%2041.9272%20129.616%2041.7976%20130.268C41.668%20130.919%2041.3482%20131.518%2040.8786%20131.987C40.409%20132.457%2039.8106%20132.777%2039.1592%20132.906C38.5078%20133.036%2037.8326%20132.969%2037.219%20132.715C36.6054%20132.461%2036.081%20132.03%2035.712%20131.478C35.343%20130.926%2035.1461%20130.277%2035.1461%20129.613C35.1461%20129.172%2035.2329%20128.735%2035.4017%20128.328C35.5704%20127.92%2035.8178%20127.55%2036.1296%20127.238C36.4414%20126.926%2036.8116%20126.679%2037.219%20126.51C37.6264%20126.341%2038.0631%20126.255%2038.5041%20126.255ZM38.5041%204.03227C39.1682%204.03227%2039.8175%204.22921%2040.3697%204.5982C40.9219%204.96718%2041.3523%205.49165%2041.6065%206.10525C41.8607%206.71885%2041.9272%207.39403%2041.7976%208.04542C41.668%208.69682%2041.3482%209.29518%2040.8786%209.76481C40.409%2010.2344%2039.8106%2010.5542%2039.1592%2010.6838C38.5078%2010.8134%2037.8326%2010.7469%2037.219%2010.4927C36.6054%2010.2385%2036.081%209.80814%2035.712%209.25591C35.343%208.70368%2035.1461%208.05444%2035.1461%207.39029C35.1457%206.94904%2035.2322%206.51208%2035.4008%206.10431C35.5694%205.69654%2035.8166%205.32594%2036.1285%205.0138C36.4404%204.70165%2036.8107%204.45405%2037.2183%204.2851C37.6259%204.11615%2038.0628%204.02917%2038.5041%204.02917V4.03227ZM109.705%204.03227C110.369%204.03227%20111.018%204.22921%20111.57%204.5982C112.123%204.96718%20112.553%205.49165%20112.807%206.10525C113.061%206.71885%20113.128%207.39403%20112.998%208.04542C112.869%208.69682%20112.549%209.29518%20112.079%209.76481C111.61%2010.2344%20111.011%2010.5542%20110.36%2010.6838C109.708%2010.8134%20109.033%2010.7469%20108.42%2010.4927C107.806%2010.2385%20107.282%209.80814%20106.913%209.25591C106.544%208.70368%20106.347%208.05444%20106.347%207.39029C106.346%206.94904%20106.433%206.51208%20106.601%206.10431C106.77%205.69654%20107.017%205.32594%20107.329%205.0138C107.641%204.70165%20108.011%204.45405%20108.419%204.2851C108.827%204.11615%20109.264%204.02917%20109.705%204.02917V4.03227ZM144.634%2065.1434C145.298%2065.1434%20145.947%2065.3404%20146.499%2065.7095C147.052%2066.0785%20147.482%2066.6031%20147.736%2067.2168C147.99%2067.8305%20148.057%2068.5057%20147.927%2069.1572C147.797%2069.8086%20147.477%2070.4069%20147.007%2070.8765C146.538%2071.3461%20145.939%2071.6658%20145.288%2071.7952C144.636%2071.9246%20143.961%2071.8578%20143.347%2071.6034C142.734%2071.349%20142.209%2070.9184%20141.841%2070.366C141.472%2069.8135%20141.275%2069.1641%20141.276%2068.4999C141.276%2068.0589%20141.362%2067.6223%20141.531%2067.2148C141.7%2066.8074%20141.947%2066.4373%20142.259%2066.1255C142.571%2065.8136%20142.941%2065.5663%20143.348%2065.3975C143.756%2065.2288%20144.193%2065.1419%20144.634%2065.1419V65.1434ZM3.5753%2065.1434C4.23952%2065.1434%204.88881%2065.3404%205.44107%2065.7095C5.99333%2066.0785%206.42374%2066.6031%206.67785%2067.2168C6.93197%2067.8305%206.99838%2068.5057%206.86868%2069.1572C6.73899%2069.8086%206.41902%2070.4069%205.94924%2070.8765C5.47945%2071.3461%204.88096%2071.6658%204.22947%2071.7952C3.57797%2071.9246%202.90274%2071.8578%202.28916%2071.6034C1.67559%2071.349%201.15124%2070.9184%200.78244%2070.366C0.41364%2069.8135%200.216951%2069.1641%200.217255%2068.4999C0.217255%2068.0589%200.304108%2067.6223%200.472866%2067.2148C0.641623%2066.8074%200.888978%2066.4373%201.2008%2066.1255C1.51262%2065.8136%201.88282%2065.5663%202.29023%2065.3975C2.69765%2065.2288%203.13431%2065.1419%203.5753%2065.1419V65.1434Z'%20fill='white'/%3e%3c/svg%3e",r=()=>C.jsxs(C.Fragment,{children:[C.jsx(e.HeroCard,{title:"CoinCard",description:"Display cryptocurrency information in a clean, card format with customizable background colors, price changes, and balance information.",icon:C.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-amber-500 via-orange-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:C.jsx(o.Coins,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),C.jsx(e.CardContainer,{className:"overflow-hidden",children:C.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:C.jsx("div",{className:"w-full p-4 sm:p-6",children:C.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Bitcoin"}),C.jsx(e.CoinCard,{id:"bitcoin",name:"Bitcoin",symbol:"BTC",logo:a.bitcoinImg,balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,color:"#FDEDD4"})]}),C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Tether"}),C.jsx(e.CoinCard,{id:"tether",name:"Tether",symbol:"USDT",logo:a.ethereumImg,balance:"10.5",usdBalance:"33,600",change:"-1.2%",isChangePositive:!1,color:"#E1F5FE"})]}),C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Cardano"}),C.jsx(e.CoinCard,{id:"cardano",name:"Cardano",symbol:"ADA",logo:n,balance:"1,500",usdBalance:"975",change:"+5.8%",isChangePositive:!0,color:"#E8F5E8"})]})]})})})}),C.jsx(e.PropPlayground,{componentName:"CoinCard",defaultValues:{id:"bitcoin",name:"Bitcoin",symbol:"BTC",balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,color:"#FDEDD4"},controlOverrides:[{name:"isChangePositive",type:"boolean",description:"Whether the price change is positive"},{name:"color",type:"text",description:"Background color of the card (hex)"}],includeProps:["id","name","symbol","balance","usdBalance","change","isChangePositive","color"],children:i=>C.jsx("div",{className:"w-full max-w-sm",children:C.jsx(e.CoinCard,{...i,logo:a.bitcoinImg})})}),C.jsx(e.AutoPropsTable,{componentName:"CoinCard"}),C.jsx(e.CardContainer,{className:"overflow-hidden",children:C.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:C.jsx("div",{className:"w-full p-4 sm:p-6",children:C.jsx(e.CodeBlock,{language:"tsx",code:`import { CoinCard } from '@e-burgos/tucu-ui';
+
+<CoinCard
+  id="bitcoin"
+  name="Bitcoin"
+  symbol="BTC"
+  logo="/icons/bitcoin.svg"
+  balance="1.25"
+  usdBalance="45,000"
+  change="+2.5%"
+  isChangePositive={true}
+  color="#FDEDD4"
+/>`})})})})]});exports.default=r;