@e-burgos/tucu-ui 2.5.0 → 2.7.0

package/documentation/AdvancedFeaturesSection-Bh-WxfFY.js

@@ -1,117 +0,0 @@
-import { jsxs as a, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { H as s, T as o, ax as n, C as l, c as d } from "../index-DYDFy1df.js";
-import { Sparkles as m, GitBranch as c, Zap as h, Eye as u, Settings as p, Clock as g, AlertTriangle as y } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const S = () => /* @__PURE__ */ a(r, { children: [
-  /* @__PURE__ */ e(
-    s,
-    {
-      title: "Advanced Features",
-      description: "Patterns for complex form scenarios: conditional fields, async validation, programmatic control, and custom error handling — all powered by react-hook-form via tucu-ui.",
-      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-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(m, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-    }
-  ),
-  /* @__PURE__ */ a("section", { className: "space-y-8", children: [
-    /* @__PURE__ */ a("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(o, { tag: "h2", className: "mb-2", children: "Capabilities" }),
-      /* @__PURE__ */ e(
-        o,
-        {
-          tag: "p",
-          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "Advanced patterns available through the form system"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6", children: [
-      {
-        title: "Conditional Fields",
-        description: "Show/hide fields based on other values using watch(). Validation adapts dynamically when fields appear or disappear.",
-        icon: /* @__PURE__ */ e(c, { className: "w-6 h-6" })
-      },
-      {
-        title: "Custom Validation",
-        description: "Use the validate option for async server-side checks, cross-field validation, or complex business rules.",
-        icon: /* @__PURE__ */ e(h, { className: "w-6 h-6" })
-      },
-      {
-        title: "Form State Access",
-        description: "Real-time access to isDirty, isValid, errors, touchedFields via useFormContext from any child component.",
-        icon: /* @__PURE__ */ e(u, { className: "w-6 h-6" })
-      },
-      {
-        title: "Programmatic Control",
-        description: "Set values, trigger validation, reset forms, and clear errors programmatically from anywhere in the tree.",
-        icon: /* @__PURE__ */ e(p, { className: "w-6 h-6" })
-      },
-      {
-        title: "Validation Modes",
-        description: "Choose when validation triggers: onChange (real-time), onBlur (on field exit), onSubmit (only on submit), or all.",
-        icon: /* @__PURE__ */ e(g, { className: "w-6 h-6" })
-      },
-      {
-        title: "Error Customization",
-        description: "FormField auto-displays errors, but you can hide them with hideError and render custom error UI using formState.errors.",
-        icon: /* @__PURE__ */ e(y, { className: "w-6 h-6" })
-      }
-    ].map((t, i) => /* @__PURE__ */ e(
-      n,
-      {
-        title: t.title,
-        description: t.description,
-        icon: t.icon
-      },
-      i
-    )) })
-  ] }),
-  /* @__PURE__ */ a("section", { className: "space-y-8", children: [
-    /* @__PURE__ */ a("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(o, { tag: "h2", className: "mb-2", children: "Conditional Fields Example" }),
-      /* @__PURE__ */ e(
-        o,
-        {
-          tag: "p",
-          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "Show/hide fields based on form values using watch + useFormContext"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(d, { language: "tsx", code: `import { Form, FormField, Input, Select, useFormContext } from '@e-burgos/tucu-ui';
-
-function ConditionalForm() {
-  return (
-    <Form<FormValues> onSubmit={handleSubmit} useFormProps={{ defaultValues }}>
-      <FormField name="hasCompany" label="Do you have a company?">
-        <Select options={[
-          { name: 'Yes', value: 'yes' },
-          { name: 'No', value: 'no' },
-        ]} />
-      </FormField>
-      
-      {/* Conditional field rendered via watch */}
-      <CompanyField />
-      
-      <Button type="submit">Submit</Button>
-    </Form>
-  );
-}
-
-function CompanyField() {
-  const { watch } = useFormContext<FormValues>();
-  const hasCompany = watch('hasCompany');
-
-  if (hasCompany !== 'yes') return null;
-
-  return (
-    <FormField name="companyName" label="Company Name" rules={{ required: 'Required' }}>
-      <Input placeholder="Enter company name" />
-    </FormField>
-  );
-}` }) }) })
-  ] })
-] });
-export {
-  S as default
-};

package/documentation/AdvancedFeaturesSection-DExCw62I.js

@@ -1,70 +0,0 @@
-import { jsxs as t, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { H as s, T as a, ax as r } from "../index-DYDFy1df.js";
-import { Sparkles as l, Globe as m, Save as n, Route as c, Monitor as d, LayoutGrid as h, Palette as p } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const v = () => /* @__PURE__ */ t(i, { children: [
-  /* @__PURE__ */ e(
-    s,
-    {
-      title: "Advanced Features",
-      description: "Powerful capabilities for complex theming scenarios — from RTL support to constrained layout systems.",
-      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-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(l, { 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(a, { tag: "h2", className: "mb-2", children: "Feature Overview" }),
-      /* @__PURE__ */ e(
-        a,
-        {
-          tag: "p",
-          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "Additional theme system capabilities beyond basic configuration"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6", children: [
-      {
-        icon: /* @__PURE__ */ e(m, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "RTL/LTR Support",
-        description: "Full right-to-left language support with automatic layout mirroring via the useDirection hook.",
-        iconBgClassName: "from-blue-500 to-indigo-500"
-      },
-      {
-        icon: /* @__PURE__ */ e(n, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "Persistent Settings",
-        description: "Automatic localStorage integration using Zustand persist middleware (key: theme-storage).",
-        iconBgClassName: "from-green-500 to-emerald-500"
-      },
-      {
-        icon: /* @__PURE__ */ e(c, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "Custom Routes",
-        description: "Advanced routing via customRoutes prop or setCurrentPathname for dynamic navigation.",
-        iconBgClassName: "from-orange-500 to-red-500"
-      },
-      {
-        icon: /* @__PURE__ */ e(d, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "Theme Styles",
-        description: "Switch between default, macOS Sonoma, and macOS Tahoe visual styles at runtime.",
-        iconBgClassName: "from-purple-500 to-violet-500"
-      },
-      {
-        icon: /* @__PURE__ */ e(h, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "Layout Constraints",
-        description: "THEME_STYLE_LAYOUTS enforces valid layout combinations per theme style automatically.",
-        iconBgClassName: "from-cyan-500 to-teal-500"
-      },
-      {
-        icon: /* @__PURE__ */ e(p, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "Color Scheme Presets",
-        description: "The colorScheme state exposes the active palette for conditional styling logic.",
-        iconBgClassName: "from-pink-500 to-rose-500"
-      }
-    ].map((o) => /* @__PURE__ */ e(r, { layout: "vertical", ...o }, o.title)) })
-  ] })
-] });
-export {
-  v as default
-};

package/documentation/AdvancedFeaturesSection-rwcki92F.js

@@ -1,32 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COp_AWCS.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>{const i=[{title:"Conditional Fields",description:"Show/hide fields based on other values using watch(). Validation adapts dynamically when fields appear or disappear.",icon:e.jsx(o.GitBranch,{className:"w-6 h-6"})},{title:"Custom Validation",description:"Use the validate option for async server-side checks, cross-field validation, or complex business rules.",icon:e.jsx(o.Zap,{className:"w-6 h-6"})},{title:"Form State Access",description:"Real-time access to isDirty, isValid, errors, touchedFields via useFormContext from any child component.",icon:e.jsx(o.Eye,{className:"w-6 h-6"})},{title:"Programmatic Control",description:"Set values, trigger validation, reset forms, and clear errors programmatically from anywhere in the tree.",icon:e.jsx(o.Settings,{className:"w-6 h-6"})},{title:"Validation Modes",description:"Choose when validation triggers: onChange (real-time), onBlur (on field exit), onSubmit (only on submit), or all.",icon:e.jsx(o.Clock,{className:"w-6 h-6"})},{title:"Error Customization",description:"FormField auto-displays errors, but you can hide them with hideError and render custom error UI using formState.errors.",icon:e.jsx(o.AlertTriangle,{className:"w-6 h-6"})}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Advanced Features",description:"Patterns for complex form scenarios: conditional fields, async validation, programmatic control, and custom error handling — all powered by react-hook-form via tucu-ui.",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-pink-500 via-rose-500 to-red-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(o.Sparkles,{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(a.Typography,{tag:"h2",className:"mb-2",children:"Capabilities"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Advanced patterns available through the form system"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:i.map((s,r)=>e.jsx(a.FeatureCard,{title:s.title,description:s.description,icon:s.icon},r))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Conditional Fields Example"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Show/hide fields based on form values using watch + useFormContext"})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Form, FormField, Input, Select, useFormContext } from '@e-burgos/tucu-ui';
-
-function ConditionalForm() {
-  return (
-    <Form<FormValues> onSubmit={handleSubmit} useFormProps={{ defaultValues }}>
-      <FormField name="hasCompany" label="Do you have a company?">
-        <Select options={[
-          { name: 'Yes', value: 'yes' },
-          { name: 'No', value: 'no' },
-        ]} />
-      </FormField>
-      
-      {/* Conditional field rendered via watch */}
-      <CompanyField />
-      
-      <Button type="submit">Submit</Button>
-    </Form>
-  );
-}
-
-function CompanyField() {
-  const { watch } = useFormContext<FormValues>();
-  const hasCompany = watch('hasCompany');
-
-  if (hasCompany !== 'yes') return null;
-
-  return (
-    <FormField name="companyName" label="Company Name" rules={{ required: 'Required' }}>
-      <Input placeholder="Enter company name" />
-    </FormField>
-  );
-}`})})})]})]})};exports.default=t;

package/documentation/AlertSection-D9eDywN3.js

@@ -1,96 +0,0 @@
-import { jsxs as a, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { H as c, C as r, a as l, T as s, aj as i, P as m, A as o, c as d } from "../index-DYDFy1df.js";
-import { AlertCircle as h } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const v = () => /* @__PURE__ */ a(t, { children: [
-  /* @__PURE__ */ e(
-    c,
-    {
-      title: "Alert",
-      description: `An alert component for displaying important messages and notifications
-          with different variants and dismissible functionality.`,
-      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-red-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(h, { 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(r, { 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: "space-y-4", children: [
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Info Alert" }),
-      /* @__PURE__ */ e(i, { variant: "info", children: /* @__PURE__ */ e(s, { tag: "p", children: "This is an informational message." }) })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Success Alert" }),
-      /* @__PURE__ */ e(i, { variant: "success", children: /* @__PURE__ */ e(s, { tag: "p", children: "Operation completed successfully!" }) })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Warning Alert" }),
-      /* @__PURE__ */ e(i, { variant: "warning", children: /* @__PURE__ */ e(s, { tag: "p", children: "Please review this information carefully." }) })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Error Alert" }),
-      /* @__PURE__ */ e(i, { variant: "error", children: /* @__PURE__ */ e(s, { tag: "p", children: "An error occurred. Please try again." }) })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(l, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "Dismissible Alert" }),
-      /* @__PURE__ */ e(i, { variant: "info", dismissible: !0, children: /* @__PURE__ */ e(s, { tag: "p", children: "This alert can be dismissed." }) })
-    ] }),
-    /* @__PURE__ */ a(r, { className: "p-4", children: [
-      /* @__PURE__ */ e(s, { tag: "h5", className: "mb-3", children: "With Custom onDismiss" }),
-      /* @__PURE__ */ e(
-        i,
-        {
-          variant: "success",
-          onDismiss: () => console.log("Alert dismissed"),
-          children: /* @__PURE__ */ e(s, { tag: "p", children: "This alert has a custom dismiss handler." })
-        }
-      )
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(
-    m,
-    {
-      componentName: "Alert",
-      defaultValues: { variant: "info", dismissible: !0 },
-      excludeProps: ["onDismiss", "aria-label"],
-      children: (n) => /* @__PURE__ */ e(i, { ...n, children: "This is an alert message for the playground preview." })
-    }
-  ),
-  /* @__PURE__ */ e(o, { componentName: "Alert" }),
-  /* @__PURE__ */ e(r, { 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(
-    d,
-    {
-      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 {
-  v as default
-};

package/documentation/AlertSection-wm1TI70h.js

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COp_AWCS.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Alert",description:`An alert component for displaying important messages and notifications
-          with different variants and dismissible functionality.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-red-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.AlertCircle,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),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:"Dismissible Alert"}),e.jsx(s.Alert,{variant:"info",dismissible:!0,children:e.jsx(s.Typography,{tag:"p",children:"This alert can 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.PropPlayground,{componentName:"Alert",defaultValues:{variant:"info",dismissible:!0},excludeProps:["onDismiss","aria-label"],children:r=>e.jsx(s.Alert,{...r,children:"This is an alert message for the playground preview."})}),e.jsx(s.AutoPropsTable,{componentName:"Alert"}),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=i;

package/documentation/AnchorLinkSection-CCVHnu-V.js

@@ -1,65 +0,0 @@
-import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { H as i, C as a, a as t, T as r, a9 as o, aa as c, P as m, A as d, c as h } from "../index-DYDFy1df.js";
-import { ExternalLink as p } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const N = () => /* @__PURE__ */ n(s, { children: [
-  /* @__PURE__ */ e(
-    i,
-    {
-      title: "AnchorLink",
-      description: `A smart link component that automatically handles both internal routes
-          and external URLs.`,
-      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-blue-500 to-cyan-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(t, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ n("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-    /* @__PURE__ */ n(a, { 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__ */ n(a, { 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(
-    m,
-    {
-      componentName: "AnchorLink",
-      defaultValues: {},
-      excludeProps: ["state", "to"],
-      children: (l) => /* @__PURE__ */ e(o, { ...l, to: "#", children: "Anchor Link Example" })
-    }
-  ),
-  /* @__PURE__ */ e(d, { componentName: "AnchorLink" }),
-  /* @__PURE__ */ e(a, { 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(
-    h,
-    {
-      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 {
-  N as default
-};

package/documentation/AnchorLinkSection-CXA1DwCn.js

@@ -1,20 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../index-COp_AWCS.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsx(n.HeroCard,{title:"AnchorLink",description:`A smart link component that automatically handles both internal routes
-          and external URLs.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.ExternalLink,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(n.CardContainer,{className:"overflow-hidden",children:e.jsx(n.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(n.CardContainer,{className:"p-4",children:[e.jsx(n.Typography,{tag:"h5",className:"mb-3",children:"Internal Link"}),e.jsx(n.AnchorLink,{to:"/components",children:"Go to Components"})]}),e.jsxs(n.CardContainer,{className:"p-4",children:[e.jsx(n.Typography,{tag:"h5",className:"mb-3",children:"External Link"}),e.jsx(n.AnchorLink,{to:n.GITHUB_URL,target:"_blank",children:"External Link"})]})]})})})}),e.jsx(n.PropPlayground,{componentName:"AnchorLink",defaultValues:{},excludeProps:["state","to"],children:r=>e.jsx(n.AnchorLink,{...r,to:"#",children:"Anchor Link Example"})}),e.jsx(n.AutoPropsTable,{componentName:"AnchorLink"}),e.jsx(n.CardContainer,{className:"overflow-hidden",children:e.jsx(n.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(n.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=s;

package/documentation/ArchitecturalPatternsComparisonSection-D59jbCG8.js

@@ -1,34 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COp_AWCS.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const s=[{key:"feature",label:"Feature",render:i=>e.jsx(t.Typography,{tag:"span",className:"font-medium",children:String(i)})},{key:"standalone",label:"Standalone"},{key:"mfe",label:"MFE"}],r=[{feature:"Route Configuration",standalone:"menuItems (automatic)",mfe:"appRoutesConfig (explicit)"},{feature:"Base Path",standalone:"Not required (root /)",mfe:"Required (e.g., /my-app)"},{feature:"Authentication",standalone:"Basic via isPublic",mfe:"isAuthenticated + loginUrl (required)"},{feature:"Nested Routes",standalone:"dropdownItems + enableNestedRoutes",mfe:"Via nested route config"},{feature:"Custom Routes",standalone:"Optional customRoutes prop",mfe:"Not available"},{feature:"Route Disabling",standalone:"Not supported",mfe:"Supported via disabled prop"},{feature:"Deployment",standalone:"Single deployment",mfe:"Independent per app"},{feature:"Use Case",standalone:"Traditional SPAs",mfe:"Distributed architectures"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Architectural Patterns",description:"Compare Standalone and MFE patterns to choose the right architecture. Both use the same ThemeProvider with TypeScript-enforced discriminated unions.",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-indigo-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.GitCompare,{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(t.Typography,{tag:"h2",className:"mb-2",children:"Feature Comparison"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Side-by-side comparison of routing capabilities"})]}),e.jsx(t.CardContainer,{children:e.jsx("div",{className:"p-4",children:e.jsx(t.BasicTable,{columns:s,data:r})})}),e.jsx(t.Alert,{variant:"info",dismissible:!1,children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx(a.Lightbulb,{className:"w-4 h-4 inline mr-2"}),"Both patterns use TypeScript discriminated unions. The"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"architecturalPatterns"})," ","prop determines which props are available, preventing configuration errors at compile time."]})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Pattern Selection"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Choose the right architecture for your project"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Standalone App",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { ThemeProvider } from '@e-burgos/tucu-ui';
-
-// Use Standalone when:
-// ✅ Building a traditional SPA
-// ✅ All routes in one codebase
-// ✅ Want automatic route generation
-// ✅ Simple deployment model
-
-function MyApp() {
-  return (
-    <ThemeProvider
-      menuItems={menuItems}
-      logo={{ name: 'My', secondName: 'App' }}
-    />
-  );
-}`})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Micro Frontends (MFE)",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { ThemeProvider } from '@e-burgos/tucu-ui';
-
-// Use MFE when:
-// ✅ Multiple teams working independently
-// ✅ Need independent deployments
-// ✅ Require route isolation
-// ✅ Need explicit route control
-
-function MyMfeApp() {
-  return (
-    <ThemeProvider
-      architecturalPatterns="mfe"
-      basePath="/my-app"
-      appRoutesConfig={routes}
-      isAuthenticated={isLoggedIn}
-      loginUrl="/login"
-    />
-  );
-}`})})})]})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Decision Guide"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Quick guidance for choosing your architecture"})]}),e.jsx(t.CardContainer,{children:e.jsxs("div",{className:"p-6 space-y-4",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(a.ArrowRight,{className:"w-5 h-5 text-blue-500 shrink-0 mt-0.5"}),e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx("strong",{children:"Start with Standalone"})," if you're unsure — it's simpler and can be migrated to MFE later."]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(a.ArrowRight,{className:"w-5 h-5 text-purple-500 shrink-0 mt-0.5"}),e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx("strong",{children:"Use MFE from the start"})," if you know you'll need independent deployments or route isolation."]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(a.ArrowRight,{className:"w-5 h-5 text-green-500 shrink-0 mt-0.5"}),e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx("strong",{children:"Both patterns share"})," the same ThemeProvider, theming, and layout system — only routing differs."]})]})]})})]})]})};exports.default=n;