@e-burgos/tucu-ui 1.1.1 → 1.5.0

package/CheckboxSection-Dwy_YlRw.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("./index-BoEJRnmP.js");require("lucide-react");require("react-router-dom");require("react-dom");const d=()=>{const[r,l]=i.useState(!1),t=[{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 c=String(s);return c==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:c})}},{key:"description",label:"Description"}],o=[{prop:"label",type:"React.ReactNode",default:"-",description:"Checkbox label"},{prop:"checked",type:"boolean",default:"false",description:"Whether the checkbox is checked"},{prop:"variant",type:"'ghost' | 'solid' | 'transparent'",default:"'ghost'",description:"Visual variant of the checkbox"},{prop:"shape",type:"'rounded' | 'square'",default:"'square'",description:"Shape of the checkbox"},{prop:"size",type:"'sm' | 'md' | 'lg'",default:"'md'",description:"Size of the checkbox"},{prop:"color",type:"'primary' | 'secondary' | 'danger' | 'info' | 'success' | 'warning'",default:"'primary'",description:"Color theme of the checkbox"},{prop:"disabled",type:"boolean",default:"false",description:"Disables the checkbox"},{prop:"labelPlacement",type:"'start' | 'end'",default:"'end'",description:"Position of the label relative to the checkbox"},{prop:"error",type:"string",default:"-",description:"Error message to display"},{prop:"helperText",type:"React.ReactNode",default:"-",description:"Helper text displayed below the checkbox"}];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:"Checkbox"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A checkbox component for binary selections."})]}),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=>l(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=>l(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.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Checkbox,{label:"Primary",color:"primary"}),e.jsx(a.Checkbox,{label:"Danger",color:"danger"}),e.jsx(a.Checkbox,{label:"Success",color:"success"})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Checkbox,{label:"Small",size:"sm"}),e.jsx(a.Checkbox,{label:"Medium",size:"md"}),e.jsx(a.Checkbox,{label:"Large",size:"lg"})]})]})]})})})}),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:"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.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:t,data:o})})})}),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="Danger" color="danger" />
+<Checkbox label="Success" color="success" />
+
+// Sizes
+<Checkbox label="Small" size="sm" />
+<Checkbox label="Medium" size="md" />
+<Checkbox label="Large" size="lg" />`})})})})]})};exports.default=d;

package/CheckboxSection-hX15QRdY.mjs

@@ -0,0 +1,221 @@
+import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { T as r, C as l, a as t, m as s, B as p, c as m } from "./index-DCf83AyI.mjs";
+import "lucide-react";
+import "react-router-dom";
+import "react-dom";
+const y = () => {
+  const [i, d] = h(!1);
+  return /* @__PURE__ */ a(n, { 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: "Checkbox" }),
+      /* @__PURE__ */ e(
+        r,
+        {
+          tag: "p",
+          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
+          children: "A checkbox component for binary selections."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "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(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Basic Checkbox" }),
+        /* @__PURE__ */ e(
+          s,
+          {
+            label: "I accept the terms and conditions",
+            checked: i,
+            onChange: (c) => d(c.target.checked)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Helper Text" }),
+        /* @__PURE__ */ e(
+          s,
+          {
+            label: "Subscribe to newsletter",
+            helperText: "Receive updates via email",
+            checked: i,
+            onChange: (c) => d(c.target.checked)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Error" }),
+        /* @__PURE__ */ e(
+          s,
+          {
+            label: "Required checkbox",
+            error: "This field is required"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Disabled" }),
+        /* @__PURE__ */ e(s, { label: "Disabled option", disabled: !0 })
+      ] }),
+      /* @__PURE__ */ a(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Different Colors" }),
+        /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ e(s, { label: "Primary", color: "primary" }),
+          /* @__PURE__ */ e(s, { label: "Danger", color: "danger" }),
+          /* @__PURE__ */ e(s, { label: "Success", color: "success" })
+        ] })
+      ] }),
+      /* @__PURE__ */ a(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Different Sizes" }),
+        /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ e(s, { label: "Small", size: "sm" }),
+          /* @__PURE__ */ e(s, { label: "Medium", size: "md" }),
+          /* @__PURE__ */ e(s, { label: "Large", size: "lg" })
+        ] })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ a(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Ghost (default)" }),
+        /* @__PURE__ */ e(s, { label: "Ghost Variant", variant: "ghost" })
+      ] }),
+      /* @__PURE__ */ a(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Solid" }),
+        /* @__PURE__ */ e(s, { label: "Solid Variant", variant: "solid" })
+      ] }),
+      /* @__PURE__ */ a(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Transparent" }),
+        /* @__PURE__ */ e(s, { label: "Transparent Variant", variant: "transparent" })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Shapes", 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(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Rounded" }),
+        /* @__PURE__ */ e(s, { label: "Rounded Shape", shape: "rounded" })
+      ] }),
+      /* @__PURE__ */ a(l, { className: "p-4", children: [
+        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Square (default)" }),
+        /* @__PURE__ */ e(s, { label: "Square Shape", shape: "square" })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(p, { columns: [
+      {
+        key: "prop",
+        label: "Prop",
+        render: (c) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(c) })
+      },
+      {
+        key: "type",
+        label: "Type",
+        render: (c) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(c) })
+      },
+      {
+        key: "default",
+        label: "Default",
+        render: (c) => {
+          const o = String(c);
+          return o === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: o });
+        }
+      },
+      {
+        key: "description",
+        label: "Description"
+      }
+    ], data: [
+      {
+        prop: "label",
+        type: "React.ReactNode",
+        default: "-",
+        description: "Checkbox label"
+      },
+      {
+        prop: "checked",
+        type: "boolean",
+        default: "false",
+        description: "Whether the checkbox is checked"
+      },
+      {
+        prop: "variant",
+        type: "'ghost' | 'solid' | 'transparent'",
+        default: "'ghost'",
+        description: "Visual variant of the checkbox"
+      },
+      {
+        prop: "shape",
+        type: "'rounded' | 'square'",
+        default: "'square'",
+        description: "Shape of the checkbox"
+      },
+      {
+        prop: "size",
+        type: "'sm' | 'md' | 'lg'",
+        default: "'md'",
+        description: "Size of the checkbox"
+      },
+      {
+        prop: "color",
+        type: "'primary' | 'secondary' | 'danger' | 'info' | 'success' | 'warning'",
+        default: "'primary'",
+        description: "Color theme of the checkbox"
+      },
+      {
+        prop: "disabled",
+        type: "boolean",
+        default: "false",
+        description: "Disables the checkbox"
+      },
+      {
+        prop: "labelPlacement",
+        type: "'start' | 'end'",
+        default: "'end'",
+        description: "Position of the label relative to the checkbox"
+      },
+      {
+        prop: "error",
+        type: "string",
+        default: "-",
+        description: "Error message to display"
+      },
+      {
+        prop: "helperText",
+        type: "React.ReactNode",
+        default: "-",
+        description: "Helper text displayed below the checkbox"
+      }
+    ] }) }) }) }),
+    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+      m,
+      {
+        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="Danger" color="danger" />
+<Checkbox label="Success" color="success" />
+
+// Sizes
+<Checkbox label="Small" size="sm" />
+<Checkbox label="Medium" size="md" />
+<Checkbox label="Large" size="lg" />`
+      }
+    ) }) }) })
+  ] });
+};
+export {
+  y as default
+};

package/CodeExamplesSection-BNqHspuA.js

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BoEJRnmP.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Implementation Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 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-orange-500 via-amber-500 to-yellow-500 shadow-lg",children:e.jsx(a.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Accessible Component Examples"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"h4",className:"font-semibold flex items-center gap-2",children:[e.jsx(a.CheckCircle,{className:"w-5 h-5 text-green-500"}),"Input Fields - Fully Accessible"]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("div",{className:"mb-4",children:e.jsx(s.Input,{label:"Email Address",type:"email",placeholder:"Enter your email",helperText:"We'll never share your email with anyone else.",required:!0})}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Features: Label association, ARIA attributes, error handling, helper text"}),e.jsx(s.CodeBlock,{code:`<FormField
+  name="email"
+  label="Email Address"
+  helperText="We'll never share your email"
+  required={true}
+  error="Please enter a valid email"
+>
+  <Input
+    type="email"
+    placeholder="Enter your email"
+    // Automatically includes:
+    // - aria-describedby for helper text and errors
+    // - aria-required="true" when required
+    // - aria-invalid when there's an error
+    // - proper label association with htmlFor
+  />
+</FormField>`,language:"tsx"})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"h4",className:"font-semibold flex items-center gap-2",children:[e.jsx(a.CheckCircle,{className:"w-5 h-5 text-green-500"}),"Modal Dialogs - Fully Accessible"]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Features: Focus trapping, keyboard navigation, proper ARIA roles"}),e.jsx(s.CodeBlock,{code:`<Modal
+  isOpen={isOpen}
+  onClose={onClose}
+  text={{
+    title: 'Confirm Action',
+    content: 'Are you sure you want to delete this item?',
+  }}
+>
+  {/* Modal content */}
+</Modal>`,language:"tsx"})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"h4",className:"font-semibold flex items-center gap-2",children:[e.jsx(a.CheckCircle,{className:"w-5 h-5 text-green-500"}),"Alerts and Notifications - Fully Accessible"]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx(s.Alert,{variant:"warning",children:e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(a.AlertTriangle,{className:"h-4 w-4"}),e.jsx(s.Typography,{tag:"span",className:"font-semibold",children:"Your session will expire in 5 minutes."})]})}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3 mt-3",children:"Features: Live regions, proper roles, keyboard dismissal"}),e.jsx(s.CodeBlock,{noExpand:!0,code:`<Alert variant="warning" dismissible={true} aria-label="Session expiry warning">
+  Your session will expire in 5 minutes.
+</Alert>`,language:"tsx"})]})]})]})]})})})});exports.default=l;

package/CodeExamplesSection-BUH5OyaH.mjs

@@ -0,0 +1,137 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { C as i, a as t, T as l, I as n, c as r, a4 as o } from "./index-DCf83AyI.mjs";
+import { Code as d, CheckCircle as s, AlertTriangle as c } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const v = () => /* @__PURE__ */ e("div", { className: "space-y-8", children: /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Implementation Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full space-y-8 p-4 sm:p-6", children: [
+  /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 shadow-lg", children: /* @__PURE__ */ e(d, { className: "w-6 h-6 text-white filter drop-shadow-sm" }) }),
+    /* @__PURE__ */ e(l, { tag: "h3", className: "text-xl font-semibold", children: "Accessible Component Examples" })
+  ] }),
+  /* @__PURE__ */ a("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ a(
+        l,
+        {
+          tag: "h4",
+          className: "font-semibold flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ e(s, { className: "w-5 h-5 text-green-500" }),
+            "Input Fields - Fully Accessible"
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "p-4 border rounded-lg", children: [
+        /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(
+          n,
+          {
+            label: "Email Address",
+            type: "email",
+            placeholder: "Enter your email",
+            helperText: "We'll never share your email with anyone else.",
+            required: !0
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          l,
+          {
+            tag: "p",
+            className: "text-sm text-gray-600 dark:text-gray-400 mb-3",
+            children: "Features: Label association, ARIA attributes, error handling, helper text"
+          }
+        ),
+        /* @__PURE__ */ e(r, { code: `<FormField
+  name="email"
+  label="Email Address"
+  helperText="We'll never share your email"
+  required={true}
+  error="Please enter a valid email"
+>
+  <Input
+    type="email"
+    placeholder="Enter your email"
+    // Automatically includes:
+    // - aria-describedby for helper text and errors
+    // - aria-required="true" when required
+    // - aria-invalid when there's an error
+    // - proper label association with htmlFor
+  />
+</FormField>`, language: "tsx" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ a(
+        l,
+        {
+          tag: "h4",
+          className: "font-semibold flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ e(s, { className: "w-5 h-5 text-green-500" }),
+            "Modal Dialogs - Fully Accessible"
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "p-4 border rounded-lg", children: [
+        /* @__PURE__ */ e(
+          l,
+          {
+            tag: "p",
+            className: "text-sm text-gray-600 dark:text-gray-400 mb-3",
+            children: "Features: Focus trapping, keyboard navigation, proper ARIA roles"
+          }
+        ),
+        /* @__PURE__ */ e(r, { code: `<Modal
+  isOpen={isOpen}
+  onClose={onClose}
+  text={{
+    title: 'Confirm Action',
+    content: 'Are you sure you want to delete this item?',
+  }}
+>
+  {/* Modal content */}
+</Modal>`, language: "tsx" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ a(
+        l,
+        {
+          tag: "h4",
+          className: "font-semibold flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ e(s, { className: "w-5 h-5 text-green-500" }),
+            "Alerts and Notifications - Fully Accessible"
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "p-4 border rounded-lg", children: [
+        /* @__PURE__ */ e(o, { variant: "warning", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ e(c, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e(l, { tag: "span", className: "font-semibold", children: "Your session will expire in 5 minutes." })
+        ] }) }),
+        /* @__PURE__ */ e(
+          l,
+          {
+            tag: "p",
+            className: "text-sm text-gray-600 dark:text-gray-400 mb-3 mt-3",
+            children: "Features: Live regions, proper roles, keyboard dismissal"
+          }
+        ),
+        /* @__PURE__ */ e(
+          r,
+          {
+            noExpand: !0,
+            code: `<Alert variant="warning" dismissible={true} aria-label="Session expiry warning">
+  Your session will expire in 5 minutes.
+</Alert>`,
+            language: "tsx"
+          }
+        )
+      ] })
+    ] })
+  ] })
+] }) }) }) });
+export {
+  v as default
+};

package/CoinCardSection-BTdqO4no.mjs

@@ -0,0 +1,174 @@
+import { jsxs as e, Fragment as n, jsx as C } from "react/jsx-runtime";
+import { T as i, C as a, a as t, b as o, B as c, c as s } from "./index-DCf83AyI.mjs";
+import "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+import { b as d, e as p } from "./tether-DaYvmdAU.mjs";
+const m = "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", v = () => /* @__PURE__ */ e(n, { children: [
+  /* @__PURE__ */ e("div", { className: "text-center space-y-4", children: [
+    /* @__PURE__ */ C(i, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CoinCard" }),
+    /* @__PURE__ */ C(
+      i,
+      {
+        tag: "p",
+        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
+        children: "Display cryptocurrency information in a clean, card format with customizable background colors, price changes, and balance information."
+      }
+    )
+  ] }),
+  /* @__PURE__ */ C(a, { className: "overflow-hidden", children: /* @__PURE__ */ C(t, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ C("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [
+    /* @__PURE__ */ e(a, { className: "p-4", children: [
+      /* @__PURE__ */ C(i, { tag: "h5", className: "mb-3", children: "Bitcoin" }),
+      /* @__PURE__ */ C(
+        o,
+        {
+          id: "bitcoin",
+          name: "Bitcoin",
+          symbol: "BTC",
+          logo: d,
+          balance: "1.25",
+          usdBalance: "45,000",
+          change: "+2.5%",
+          isChangePositive: !0,
+          color: "#FDEDD4"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(a, { className: "p-4", children: [
+      /* @__PURE__ */ C(i, { tag: "h5", className: "mb-3", children: "Tether" }),
+      /* @__PURE__ */ C(
+        o,
+        {
+          id: "tether",
+          name: "Tether",
+          symbol: "USDT",
+          logo: p,
+          balance: "10.5",
+          usdBalance: "33,600",
+          change: "-1.2%",
+          isChangePositive: !1,
+          color: "#E1F5FE"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(a, { className: "p-4", children: [
+      /* @__PURE__ */ C(i, { tag: "h5", className: "mb-3", children: "Cardano" }),
+      /* @__PURE__ */ C(
+        o,
+        {
+          id: "cardano",
+          name: "Cardano",
+          symbol: "ADA",
+          logo: m,
+          balance: "1,500",
+          usdBalance: "975",
+          change: "+5.8%",
+          isChangePositive: !0,
+          color: "#E8F5E8"
+        }
+      )
+    ] })
+  ] }) }) }) }),
+  /* @__PURE__ */ C(a, { className: "overflow-hidden", children: /* @__PURE__ */ C(t, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ C("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ C(c, { columns: [
+    {
+      key: "prop",
+      label: "Prop",
+      render: (r) => /* @__PURE__ */ C("code", { className: "text-xs text-brand", children: String(r) })
+    },
+    {
+      key: "type",
+      label: "Type",
+      render: (r) => /* @__PURE__ */ C("code", { className: "text-xs", children: String(r) })
+    },
+    {
+      key: "default",
+      label: "Default",
+      render: (r) => {
+        const l = String(r);
+        return l === "required" ? /* @__PURE__ */ C("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ C("code", { className: "text-xs", children: l });
+      }
+    },
+    {
+      key: "description",
+      label: "Description"
+    }
+  ], data: [
+    {
+      prop: "id",
+      type: "string",
+      default: "required",
+      description: "Unique identifier for the coin"
+    },
+    {
+      prop: "name",
+      type: "string",
+      default: "required",
+      description: "Full name of the cryptocurrency"
+    },
+    {
+      prop: "symbol",
+      type: "string",
+      default: "required",
+      description: "Cryptocurrency symbol (e.g., BTC, ETH)"
+    },
+    {
+      prop: "logo",
+      type: "string",
+      default: "required",
+      description: "URL or path to the coin logo image"
+    },
+    {
+      prop: "balance",
+      type: "string",
+      default: "required",
+      description: "Coin balance amount"
+    },
+    {
+      prop: "usdBalance",
+      type: "string",
+      default: "required",
+      description: "USD equivalent balance"
+    },
+    {
+      prop: "change",
+      type: "string",
+      default: "required",
+      description: 'Price change percentage (e.g., "+2.5%")'
+    },
+    {
+      prop: "isChangePositive",
+      type: "boolean",
+      default: "required",
+      description: "Whether the price change is positive"
+    },
+    {
+      prop: "color",
+      type: "string",
+      default: "'#FDEDD4'",
+      description: "Background color for the card"
+    }
+  ] }) }) }) }),
+  /* @__PURE__ */ C(a, { className: "overflow-hidden", children: /* @__PURE__ */ C(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ C("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ C(
+    s,
+    {
+      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"
+/>`
+    }
+  ) }) }) })
+] });
+export {
+  v as default
+};