@e-burgos/tucu-ui 1.1.1 → 2.0.0

package/AdvancedFeaturesSection-CsHt-5rZ.mjs

@@ -0,0 +1,100 @@
+import { jsxs as i, Fragment as o, jsx as e } from "react/jsx-runtime";
+import { T as r, C as s } from "./index-Hq6IUBmn.mjs";
+import { GitBranch as l, Plus as d, ArrowRight as n, Zap as c, Eye as m, AlertTriangle as h } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const u = () => /* @__PURE__ */ i(o, { children: [
+  /* @__PURE__ */ i("div", { className: "text-center", children: [
+    /* @__PURE__ */ e(
+      r,
+      {
+        tag: "h2",
+        className: "mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",
+        children: "Advanced Features"
+      }
+    ),
+    /* @__PURE__ */ e(
+      r,
+      {
+        tag: "p",
+        className: "text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",
+        children: "Powerful features for complex form scenarios"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+    {
+      icon: /* @__PURE__ */ e(l, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
+      title: "Conditional Fields",
+      description: "Show/hide fields based on other field values with dynamic validation",
+      color: "from-blue-500 via-indigo-500 to-purple-500"
+    },
+    {
+      icon: /* @__PURE__ */ e(d, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
+      title: "Dynamic Arrays",
+      description: "Handle dynamic lists of fields with add/remove functionality",
+      color: "from-green-500 via-emerald-500 to-teal-500"
+    },
+    {
+      icon: /* @__PURE__ */ e(n, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
+      title: "Multi-Step Forms",
+      description: "Wizard-style forms with step validation and progress tracking",
+      color: "from-orange-500 via-red-500 to-pink-500"
+    },
+    {
+      icon: /* @__PURE__ */ e(c, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
+      title: "Async Validation",
+      description: "Server-side validation with debouncing and loading states",
+      color: "from-purple-500 via-violet-500 to-indigo-500"
+    },
+    {
+      icon: /* @__PURE__ */ e(m, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
+      title: "Form State Management",
+      description: "Real-time access to form state, values, and validation status",
+      color: "from-pink-500 via-rose-500 to-red-500"
+    },
+    {
+      icon: /* @__PURE__ */ e(h, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
+      title: "Error Handling",
+      description: "Comprehensive error handling with custom error display options",
+      color: "from-yellow-500 via-orange-500 to-red-500"
+    }
+  ].map((t, a) => /* @__PURE__ */ e(
+    s,
+    {
+      className: "group hover:shadow-large transition-all duration-300 hover:-translate-y-1",
+      children: /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: `p-3 rounded-xl bg-linear-to-br ${t.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,
+              children: t.icon
+            }
+          ),
+          /* @__PURE__ */ e(
+            r,
+            {
+              tag: "h3",
+              className: "font-semibold text-lg group-hover:text-primary transition-colors duration-300",
+              children: t.title
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          r,
+          {
+            tag: "p",
+            className: "text-gray-600 dark:text-gray-400 leading-relaxed",
+            children: t.description
+          }
+        )
+      ] })
+    },
+    a
+  )) })
+] });
+export {
+  u as default
+};

package/AdvancedFeaturesSection-UC1uVDPQ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-CjRk4ezu.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(i.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Advanced Features"}),e.jsx(i.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful features for complex form scenarios"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:[{icon:e.jsx(t.GitBranch,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Conditional Fields",description:"Show/hide fields based on other field values with dynamic validation",color:"from-blue-500 via-indigo-500 to-purple-500"},{icon:e.jsx(t.Plus,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Dynamic Arrays",description:"Handle dynamic lists of fields with add/remove functionality",color:"from-green-500 via-emerald-500 to-teal-500"},{icon:e.jsx(t.ArrowRight,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Multi-Step Forms",description:"Wizard-style forms with step validation and progress tracking",color:"from-orange-500 via-red-500 to-pink-500"},{icon:e.jsx(t.Zap,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Async Validation",description:"Server-side validation with debouncing and loading states",color:"from-purple-500 via-violet-500 to-indigo-500"},{icon:e.jsx(t.Eye,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Form State Management",description:"Real-time access to form state, values, and validation status",color:"from-pink-500 via-rose-500 to-red-500"},{icon:e.jsx(t.AlertTriangle,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Error Handling",description:"Comprehensive error handling with custom error display options",color:"from-yellow-500 via-orange-500 to-red-500"}].map((r,a)=>e.jsx(i.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${r.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:r.icon}),e.jsx(i.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:r.title})]}),e.jsx(i.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:r.description})]})},a))})]});exports.default=o;

package/AdvancedFeaturesSection-o4D1pf9b.mjs

@@ -0,0 +1,82 @@
+import { jsxs as r, Fragment as i, jsx as e } from "react/jsx-runtime";
+import { T as a, C as s } from "./index-Hq6IUBmn.mjs";
+import { Globe as l, Save as n, Layers as c } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const x = () => /* @__PURE__ */ r(i, { children: [
+  /* @__PURE__ */ r("div", { className: "text-center", children: [
+    /* @__PURE__ */ e(
+      a,
+      {
+        tag: "h2",
+        className: "mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",
+        children: "Advanced Features"
+      }
+    ),
+    /* @__PURE__ */ e(
+      a,
+      {
+        tag: "p",
+        className: "text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",
+        children: "Powerful features for complex theming scenarios"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+    {
+      icon: /* @__PURE__ */ e(l, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
+      title: "RTL/LTR Support",
+      description: "Full right-to-left language support with automatic layout adjustments",
+      color: "from-blue-500 via-indigo-500 to-purple-500"
+    },
+    {
+      icon: /* @__PURE__ */ e(n, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
+      title: "Persistent Settings",
+      description: "Automatic localStorage integration for user preference persistence",
+      color: "from-green-500 via-emerald-500 to-teal-500"
+    },
+    {
+      icon: /* @__PURE__ */ e(c, { className: "w-8 h-8 text-white filter drop-shadow-sm" }),
+      title: "Custom Routes",
+      description: "Advanced routing scenarios with custom route configuration",
+      color: "from-orange-500 via-red-500 to-pink-500"
+    }
+  ].map((t, o) => /* @__PURE__ */ e(
+    s,
+    {
+      className: "group hover:shadow-large transition-all duration-300 hover:-translate-y-1",
+      children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: `p-3 rounded-xl bg-gradient-to-br ${t.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,
+              children: t.icon
+            }
+          ),
+          /* @__PURE__ */ e(
+            a,
+            {
+              tag: "h3",
+              className: "font-semibold text-lg group-hover:text-primary transition-colors duration-300",
+              children: t.title
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          a,
+          {
+            tag: "p",
+            className: "text-gray-600 dark:text-gray-400 leading-relaxed",
+            children: t.description
+          }
+        )
+      ] })
+    },
+    o
+  )) })
+] });
+export {
+  x as default
+};

package/AlertSection-DPxTJhXM.mjs

@@ -0,0 +1,143 @@
+import { jsxs as s, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { T as a, C as r, a as t, a4 as i, B as d, c as o } from "./index-Hq6IUBmn.mjs";
+import "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const b = () => /* @__PURE__ */ s(c, { children: [
+  /* @__PURE__ */ s("div", { className: "text-center space-y-4", children: [
+    /* @__PURE__ */ e(a, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Alert" }),
+    /* @__PURE__ */ e(
+      a,
+      {
+        tag: "p",
+        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
+        children: "An alert component for displaying important messages and notifications with different variants and dismissible functionality."
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ s(r, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Info Alert" }),
+      /* @__PURE__ */ e(i, { variant: "info", children: /* @__PURE__ */ e(a, { tag: "p", children: "This is an informational message." }) })
+    ] }),
+    /* @__PURE__ */ s(r, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Success Alert" }),
+      /* @__PURE__ */ e(i, { variant: "success", children: /* @__PURE__ */ e(a, { tag: "p", children: "Operation completed successfully!" }) })
+    ] }),
+    /* @__PURE__ */ s(r, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Warning Alert" }),
+      /* @__PURE__ */ e(i, { variant: "warning", children: /* @__PURE__ */ e(a, { tag: "p", children: "Please review this information carefully." }) })
+    ] }),
+    /* @__PURE__ */ s(r, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Error Alert" }),
+      /* @__PURE__ */ e(i, { variant: "error", children: /* @__PURE__ */ e(a, { tag: "p", children: "An error occurred. Please try again." }) })
+    ] })
+  ] }) }) }) }),
+  /* @__PURE__ */ e(r, { 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__ */ s("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ s(r, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "Non-dismissible Alert" }),
+      /* @__PURE__ */ e(i, { variant: "info", dismissible: !1, children: /* @__PURE__ */ e(a, { tag: "p", children: "This alert cannot be dismissed." }) })
+    ] }),
+    /* @__PURE__ */ s(r, { className: "p-4", children: [
+      /* @__PURE__ */ e(a, { tag: "h5", className: "mb-3", children: "With Custom onDismiss" }),
+      /* @__PURE__ */ e(
+        i,
+        {
+          variant: "success",
+          onDismiss: () => console.log("Alert dismissed"),
+          children: /* @__PURE__ */ e(a, { tag: "p", children: "This alert has a custom dismiss handler." })
+        }
+      )
+    ] })
+  ] }) }) }) }),
+  /* @__PURE__ */ e(r, { 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(d, { columns: [
+    {
+      key: "prop",
+      label: "Prop",
+      render: (l) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(l) })
+    },
+    {
+      key: "type",
+      label: "Type",
+      render: (l) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(l) })
+    },
+    {
+      key: "default",
+      label: "Default",
+      render: (l) => {
+        const n = String(l);
+        return n === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: n });
+      }
+    },
+    {
+      key: "description",
+      label: "Description"
+    }
+  ], data: [
+    {
+      prop: "children",
+      type: "React.ReactNode",
+      default: "required",
+      description: "Content to display in the alert"
+    },
+    {
+      prop: "variant",
+      type: "'info' | 'warning' | 'error' | 'success'",
+      default: "'info'",
+      description: "Visual variant of the alert"
+    },
+    {
+      prop: "dismissible",
+      type: "boolean",
+      default: "true",
+      description: "Whether the alert can be dismissed"
+    },
+    {
+      prop: "onDismiss",
+      type: "() => void",
+      default: "-",
+      description: "Callback when alert is dismissed"
+    },
+    {
+      prop: "aria-label",
+      type: "string",
+      default: "-",
+      description: "Accessibility label"
+    }
+  ] }) }) }) }),
+  /* @__PURE__ */ e(r, { 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(
+    o,
+    {
+      language: "tsx",
+      code: `import { Alert, Typography } from '@e-burgos/tucu-ui';
+
+// Basic usage
+<Alert variant="info">
+  <Typography tag="p">This is an informational message.</Typography>
+</Alert>
+
+// Different variants
+<Alert variant="info">Info message</Alert>
+<Alert variant="success">Success message</Alert>
+<Alert variant="warning">Warning message</Alert>
+<Alert variant="error">Error message</Alert>
+
+// Non-dismissible
+<Alert variant="info" dismissible={false}>
+  <Typography tag="p">Cannot be dismissed</Typography>
+</Alert>
+
+// With custom dismiss handler
+<Alert
+  variant="success"
+  onDismiss={() => handleDismiss()}
+>
+  <Typography tag="p">Custom dismiss handler</Typography>
+</Alert>`
+    }
+  ) }) }) })
+] });
+export {
+  b as default
+};

package/AlertSection-Di1Vmdlp.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-CjRk4ezu.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const i=[{key:"prop",label:"Prop",render:a=>e.jsx("code",{className:"text-xs text-brand",children:String(a)})},{key:"type",label:"Type",render:a=>e.jsx("code",{className:"text-xs",children:String(a)})},{key:"default",label:"Default",render:a=>{const r=String(a);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{key:"description",label:"Description"}],t=[{prop:"children",type:"React.ReactNode",default:"required",description:"Content to display in the alert"},{prop:"variant",type:"'info' | 'warning' | 'error' | 'success'",default:"'info'",description:"Visual variant of the alert"},{prop:"dismissible",type:"boolean",default:"true",description:"Whether the alert can be dismissed"},{prop:"onDismiss",type:"() => void",default:"-",description:"Callback when alert is dismissed"},{prop:"aria-label",type:"string",default:"-",description:"Accessibility label"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Alert"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An alert component for displaying important messages and notifications with different variants and dismissible functionality."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Info Alert"}),e.jsx(s.Alert,{variant:"info",children:e.jsx(s.Typography,{tag:"p",children:"This is an informational message."})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Success Alert"}),e.jsx(s.Alert,{variant:"success",children:e.jsx(s.Typography,{tag:"p",children:"Operation completed successfully!"})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Warning Alert"}),e.jsx(s.Alert,{variant:"warning",children:e.jsx(s.Typography,{tag:"p",children:"Please review this information carefully."})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Error Alert"}),e.jsx(s.Alert,{variant:"error",children:e.jsx(s.Typography,{tag:"p",children:"An error occurred. Please try again."})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Non-dismissible Alert"}),e.jsx(s.Alert,{variant:"info",dismissible:!1,children:e.jsx(s.Typography,{tag:"p",children:"This alert cannot be dismissed."})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom onDismiss"}),e.jsx(s.Alert,{variant:"success",onDismiss:()=>console.log("Alert dismissed"),children:e.jsx(s.Typography,{tag:"p",children:"This alert has a custom dismiss handler."})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:i,data:t})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { Alert, Typography } from '@e-burgos/tucu-ui';
+
+// Basic usage
+<Alert variant="info">
+  <Typography tag="p">This is an informational message.</Typography>
+</Alert>
+
+// Different variants
+<Alert variant="info">Info message</Alert>
+<Alert variant="success">Success message</Alert>
+<Alert variant="warning">Warning message</Alert>
+<Alert variant="error">Error message</Alert>
+
+// Non-dismissible
+<Alert variant="info" dismissible={false}>
+  <Typography tag="p">Cannot be dismissed</Typography>
+</Alert>
+
+// With custom dismiss handler
+<Alert
+  variant="success"
+  onDismiss={() => handleDismiss()}
+>
+  <Typography tag="p">Custom dismiss handler</Typography>
+</Alert>`})})})})]})};exports.default=l;

package/AnchorLinkSection-Ce1TtPg5.mjs

@@ -0,0 +1,94 @@
+import { jsxs as a, Fragment as i, jsx as e } from "react/jsx-runtime";
+import { T as r, C as n, a as l, W as o, X as c, B as d, c as p } from "./index-Hq6IUBmn.mjs";
+import "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const b = () => /* @__PURE__ */ a(i, { 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: "AnchorLink" }),
+    /* @__PURE__ */ e(
+      r,
+      {
+        tag: "p",
+        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
+        children: "A smart link component that automatically handles both internal routes and external URLs."
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ a(n, { className: "p-4", children: [
+      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Internal Link" }),
+      /* @__PURE__ */ e(o, { to: "/components", children: "Go to Components" })
+    ] }),
+    /* @__PURE__ */ a(n, { className: "p-4", children: [
+      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "External Link" }),
+      /* @__PURE__ */ e(o, { to: c, target: "_blank", children: "External Link" })
+    ] })
+  ] }) }) }) }),
+  /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(d, { columns: [
+    {
+      key: "prop",
+      label: "Prop",
+      render: (t) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(t) })
+    },
+    {
+      key: "type",
+      label: "Type",
+      render: (t) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(t) })
+    },
+    {
+      key: "default",
+      label: "Default",
+      render: (t) => {
+        const s = String(t);
+        return s === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: s });
+      }
+    },
+    {
+      key: "description",
+      label: "Description"
+    }
+  ], data: [
+    {
+      prop: "to",
+      type: "string",
+      default: "required",
+      description: "Link destination (internal or external URL)"
+    },
+    {
+      prop: "...LinkProps",
+      type: "LinkProps",
+      default: "-",
+      description: "All React Router Link props are supported"
+    }
+  ] }) }) }) }),
+  /* @__PURE__ */ e(n, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+    p,
+    {
+      language: "tsx",
+      code: `import { AnchorLink } from '@e-burgos/tucu-ui';
+
+// Internal link (uses React Router Link)
+<AnchorLink to="/components">
+  Go to Components
+</AnchorLink>
+
+// External link (uses native <a> tag)
+<AnchorLink to="https://example.com" target="_blank">
+  External Link
+</AnchorLink>
+
+// With all Link props
+<AnchorLink
+  to="/about"
+  className="text-blue-500 hover:underline"
+>
+  About Us
+</AnchorLink>`
+    }
+  ) }) }) })
+] });
+export {
+  b as default
+};

package/AnchorLinkSection-dexXCWm0.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index-CjRk4ezu.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[{key:"prop",label:"Prop",render:n=>e.jsx("code",{className:"text-xs text-brand",children:String(n)})},{key:"type",label:"Type",render:n=>e.jsx("code",{className:"text-xs",children:String(n)})},{key:"default",label:"Default",render:n=>{const t=String(n);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],s=[{prop:"to",type:"string",default:"required",description:"Link destination (internal or external URL)"},{prop:"...LinkProps",type:"LinkProps",default:"-",description:"All React Router Link props are supported"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"AnchorLink"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A smart link component that automatically handles both internal routes and external URLs."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Internal Link"}),e.jsx(r.AnchorLink,{to:"/components",children:"Go to Components"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"External Link"}),e.jsx(r.AnchorLink,{to:r.GITHUB_URL,target:"_blank",children:"External Link"})]})]})})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.BasicTable,{columns:a,data:s})})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { AnchorLink } from '@e-burgos/tucu-ui';
+
+// Internal link (uses React Router Link)
+<AnchorLink to="/components">
+  Go to Components
+</AnchorLink>
+
+// External link (uses native <a> tag)
+<AnchorLink to="https://example.com" target="_blank">
+  External Link
+</AnchorLink>
+
+// With all Link props
+<AnchorLink
+  to="/about"
+  className="text-blue-500 hover:underline"
+>
+  About Us
+</AnchorLink>`})})})})]})};exports.default=l;