@e-burgos/tucu-ui 2.5.0 → 2.6.0

package/documentation/ThemeProviderRequiredSection-DBZtSffE.js

@@ -1,114 +0,0 @@
-import { jsxs as r, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as a, T as t, aj as d, C as i, a as n } from "../index-DYDFy1df.js";
-import { Shield as s, AlertTriangle as l } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const b = () => /* @__PURE__ */ r(o, { children: [
-  /* @__PURE__ */ e(
-    a,
-    {
-      title: "ThemeProvider Required",
-      description: "Essential prerequisite for using the layout system and theme hooks. All layout components depend on the theme context.",
-      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-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(s, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-    }
-  ),
-  /* @__PURE__ */ r("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(t, { tag: "h2", className: "mb-2", children: "ThemeProvider Required" }),
-    /* @__PURE__ */ e(
-      t,
-      {
-        tag: "p",
-        className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Essential prerequisite for using the layout system and theme hooks"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(d, { variant: "warning", children: /* @__PURE__ */ r("div", { children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-2 font-semibold", children: [
-      /* @__PURE__ */ e(l, { className: "h-4 w-4" }),
-      "ThemeProvider Required"
-    ] }),
-    /* @__PURE__ */ r("div", { children: [
-      "Before using any layout components or theme hooks, you MUST wrap your application with ThemeProvider. All layout components and theme hooks depend on the theme context provided by ThemeProvider. Located in",
-      " ",
-      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border dark:border-border rounded text-xs", children: "ui/tucu-ui/src/themes/components/theme-provider" }),
-      "."
-    ] })
-  ] }) }),
-  /* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Routing System", className: "mt-2 mb-2", children: /* @__PURE__ */ r("div", { className: "w-full space-y-6 p-4 sm:p-6", children: [
-    /* @__PURE__ */ r(t, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: [
-      /* @__PURE__ */ e("strong", { children: "ThemeProvider" }),
-      " includes",
-      " ",
-      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border dark:border-border rounded text-xs", children: "BrowserRouter" }),
-      " ",
-      "from React Router and handles routing automatically. You have two options:"
-    ] }),
-    /* @__PURE__ */ r("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ r("div", { className: "p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800", children: [
-        /* @__PURE__ */ e(t, { tag: "h4", className: "font-semibold mb-2", children: "1. Automatic Routing (Default)" }),
-        /* @__PURE__ */ r(
-          t,
-          {
-            tag: "p",
-            className: "text-sm text-gray-700 dark:text-gray-300 mb-2",
-            children: [
-              "Provide ",
-              /* @__PURE__ */ e("code", { children: "menuItems" }),
-              " with ",
-              /* @__PURE__ */ e("code", { children: "component" }),
-              " ",
-              "prop. ThemeProvider will automatically generate routes from your menu items."
-            ]
-          }
-        ),
-        /* @__PURE__ */ r(
-          t,
-          {
-            tag: "p",
-            className: "text-xs text-gray-600 dark:text-gray-400",
-            children: [
-              /* @__PURE__ */ e("strong", { children: "Use when:" }),
-              " You want routing based on menu items. Each menu item with a ",
-              /* @__PURE__ */ e("code", { children: "component" }),
-              " prop becomes a route."
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r("div", { className: "p-4 bg-green-50 dark:bg-green-900/20 rounded-lg border border-green-200 dark:border-green-800", children: [
-        /* @__PURE__ */ e(t, { tag: "h4", className: "font-semibold mb-2", children: "2. Custom Routing" }),
-        /* @__PURE__ */ r(
-          t,
-          {
-            tag: "p",
-            className: "text-sm text-gray-700 dark:text-gray-300 mb-2",
-            children: [
-              "Provide ",
-              /* @__PURE__ */ e("code", { children: "customRoutes" }),
-              " prop with your own",
-              " ",
-              /* @__PURE__ */ e("code", { children: "<Routes>" }),
-              " component. This gives you full control over routing."
-            ]
-          }
-        ),
-        /* @__PURE__ */ r(
-          t,
-          {
-            tag: "p",
-            className: "text-xs text-gray-600 dark:text-gray-400",
-            children: [
-              /* @__PURE__ */ e("strong", { children: "Use when:" }),
-              " You need custom routing logic, landing pages without navigation, or complex routing scenarios."
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] }) }) })
-] });
-export {
-  b as default
-};

package/documentation/ThemeProviderSection-DSP62663.js

@@ -1,143 +0,0 @@
-import { jsxs as r, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { H as d, T as o, C as p, a as l, y as c } from "../index-DYDFy1df.js";
-import { Component as m } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const b = () => {
-  const s = [
-    { key: "prop", label: "Prop" },
-    { key: "type", label: "Type" },
-    { key: "default", label: "Default" },
-    { key: "description", label: "Description" }
-  ], n = [
-    {
-      prop: "menuItems",
-      type: "IMenuItem[]",
-      default: "Required",
-      description: "Navigation menu items"
-    },
-    {
-      prop: "themeStyle",
-      type: "'default' | 'macos' | 'macos-tahoe'",
-      default: "'default'",
-      description: "Visual theme variant — constrains available layouts"
-    },
-    {
-      prop: "layout",
-      type: "LAYOUT_OPTIONS",
-      default: "HORIZONTAL",
-      description: "Layout type (constrained by themeStyle)"
-    },
-    {
-      prop: "mode",
-      type: "'light' | 'dark'",
-      default: "'dark'",
-      description: "Color mode"
-    },
-    {
-      prop: "showSettings",
-      type: "boolean",
-      default: "false",
-      description: "Show theme settings drawer button"
-    },
-    {
-      prop: "customPaletteColor",
-      type: "object",
-      default: "-",
-      description: "Custom color palette with 24 color slots organized in groups: Brand (primary, accent), Surfaces (secondary, backgrounds), Text (fg, muted, border), and Status (success, warning, error, info) — each with light/dark variants"
-    },
-    {
-      prop: "logo",
-      type: "LogoType",
-      default: "{ path: '/', name: '' }",
-      description: "Logo configuration object with path and name"
-    },
-    {
-      prop: "brandColor",
-      type: "PresetColorType",
-      default: "-",
-      description: "Brand color preset name"
-    },
-    {
-      prop: "headerClassName",
-      type: "string",
-      default: "-",
-      description: "Custom CSS classes for header"
-    },
-    {
-      prop: "contentClassName",
-      type: "string",
-      default: "-",
-      description: "Custom CSS classes for content area"
-    },
-    {
-      prop: "fullWidth",
-      type: "boolean",
-      default: "false",
-      description: "Enable full width layout"
-    },
-    {
-      prop: "rightButton",
-      type: "ReactNode",
-      default: "-",
-      description: "Custom button component for header right area"
-    },
-    {
-      prop: "className",
-      type: "string",
-      default: "-",
-      description: "Custom CSS classes for root layout"
-    },
-    {
-      prop: "setCurrentPathname",
-      type: "(pathname: string) => void",
-      default: "-",
-      description: "Callback invoked on route change with current pathname"
-    }
-  ];
-  return /* @__PURE__ */ r(i, { children: [
-    /* @__PURE__ */ e(
-      d,
-      {
-        title: "ThemeProvider Component",
-        description: "The root component that wraps your application, manages all theme state, handles routing, and applies color configurations.",
-        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-cyan-500 to-teal-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__ */ r("section", { className: "space-y-8", children: [
-      /* @__PURE__ */ r("div", { className: "text-center", children: [
-        /* @__PURE__ */ e(o, { tag: "h2", className: "mb-2", children: "Props Reference" }),
-        /* @__PURE__ */ e(
-          o,
-          {
-            tag: "p",
-            className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-            children: "Complete list of ThemeProvider configuration props"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(l, { title: "ThemeProvider Props", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ r(o, { tag: "p", className: "text-gray-600 dark:text-gray-400", children: [
-          "Located in",
-          " ",
-          /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "ui/tucu-ui/src/themes/components/theme-provider/" })
-        ] }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            columns: s.map((t) => ({
-              ...t,
-              render: (a) => t.key === "prop" ? /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(a ?? "") }) : t.key === "type" || t.key === "default" ? /* @__PURE__ */ e("code", { className: "text-xs text-gray-600 dark:text-gray-400", children: String(a ?? "") }) : t.key === "description" ? /* @__PURE__ */ e("span", { className: "text-xs text-gray-600 dark:text-gray-400", children: String(a ?? "") }) : String(a ?? "")
-            })),
-            data: n,
-            containerClassName: "mb-4"
-          }
-        )
-      ] }) }) })
-    ] })
-  ] });
-};
-export {
-  b as default
-};

package/documentation/ThemeProviderSection-DTJSAXbf.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COp_AWCS.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const o=[{key:"prop",label:"Prop"},{key:"type",label:"Type"},{key:"default",label:"Default"},{key:"description",label:"Description"}],s=[{prop:"menuItems",type:"IMenuItem[]",default:"Required",description:"Navigation menu items"},{prop:"themeStyle",type:"'default' | 'macos' | 'macos-tahoe'",default:"'default'",description:"Visual theme variant — constrains available layouts"},{prop:"layout",type:"LAYOUT_OPTIONS",default:"HORIZONTAL",description:"Layout type (constrained by themeStyle)"},{prop:"mode",type:"'light' | 'dark'",default:"'dark'",description:"Color mode"},{prop:"showSettings",type:"boolean",default:"false",description:"Show theme settings drawer button"},{prop:"customPaletteColor",type:"object",default:"-",description:"Custom color palette with 24 color slots organized in groups: Brand (primary, accent), Surfaces (secondary, backgrounds), Text (fg, muted, border), and Status (success, warning, error, info) — each with light/dark variants"},{prop:"logo",type:"LogoType",default:"{ path: '/', name: '' }",description:"Logo configuration object with path and name"},{prop:"brandColor",type:"PresetColorType",default:"-",description:"Brand color preset name"},{prop:"headerClassName",type:"string",default:"-",description:"Custom CSS classes for header"},{prop:"contentClassName",type:"string",default:"-",description:"Custom CSS classes for content area"},{prop:"fullWidth",type:"boolean",default:"false",description:"Enable full width layout"},{prop:"rightButton",type:"ReactNode",default:"-",description:"Custom button component for header right area"},{prop:"className",type:"string",default:"-",description:"Custom CSS classes for root layout"},{prop:"setCurrentPathname",type:"(pathname: string) => void",default:"-",description:"Callback invoked on route change with current pathname"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"ThemeProvider Component",description:"The root component that wraps your application, manages all theme state, handles routing, and applies color configurations.",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-blue-500 via-cyan-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.Component,{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:"Props Reference"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Complete list of ThemeProvider configuration props"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider Props",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Located in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"ui/tucu-ui/src/themes/components/theme-provider/"})]}),e.jsx(t.BasicTable,{columns:o.map(r=>({...r,render:a=>r.key==="prop"?e.jsx("code",{className:"text-xs text-brand",children:String(a??"")}):r.key==="type"||r.key==="default"?e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(a??"")}):r.key==="description"?e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(a??"")}):String(a??"")})),data:s,containerClassName:"mb-4"})]})})})]})]})};exports.default=i;

package/documentation/ToastSection-B8c3PKzz.js

@@ -1,168 +0,0 @@
-import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { al as d, H as m, C as s, a as n, T as r, x as i, am as h, y as p, c as u } from "../index-DYDFy1df.js";
-import { BellRing as g } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const x = () => {
-  const { addToast: o } = d();
-  return /* @__PURE__ */ t(c, { children: [
-    /* @__PURE__ */ e(
-      m,
-      {
-        title: "Toast",
-        description: `A toast notification system for displaying temporary messages with
-          multiple variants and auto-dismiss 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-600 to-orange-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(g, { 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(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "w-full p-4 sm:p-6", children: [
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ t(s, { className: "p-4", children: [
-          /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Success Toast" }),
-          /* @__PURE__ */ e(
-            i,
-            {
-              onClick: () => o({
-                id: Date.now().toString(),
-                title: "Success!",
-                message: "Operation completed successfully.",
-                variant: "success"
-              }),
-              children: "Show Success Toast"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t(s, { className: "p-4", children: [
-          /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Error Toast" }),
-          /* @__PURE__ */ e(
-            i,
-            {
-              onClick: () => o({
-                id: Date.now().toString(),
-                title: "Error!",
-                message: "Something went wrong.",
-                variant: "destructive"
-              }),
-              children: "Show Error Toast"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t(s, { className: "p-4", children: [
-          /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Warning Toast" }),
-          /* @__PURE__ */ e(
-            i,
-            {
-              onClick: () => o({
-                id: Date.now().toString(),
-                title: "Warning!",
-                message: "Please review this information.",
-                variant: "warning"
-              }),
-              children: "Show Warning Toast"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t(s, { className: "p-4", children: [
-          /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Info Toast" }),
-          /* @__PURE__ */ e(
-            i,
-            {
-              onClick: () => o({
-                id: Date.now().toString(),
-                title: "Info",
-                message: "Here is some information.",
-                variant: "info"
-              }),
-              children: "Show Info Toast"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e(h, {})
-    ] }) }) }),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { 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: (a) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(a) })
-      },
-      {
-        key: "type",
-        label: "Type",
-        render: (a) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(a) })
-      },
-      {
-        key: "default",
-        label: "Default",
-        render: (a) => {
-          const l = String(a);
-          return l === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: l });
-        }
-      },
-      {
-        key: "description",
-        label: "Description"
-      }
-    ], data: [
-      {
-        prop: "Toast Component",
-        type: "React.FC",
-        default: "-",
-        description: "The Toast component renders automatically from the toast store"
-      },
-      {
-        prop: "useToastStore",
-        type: "Hook",
-        default: "-",
-        description: "Hook to manage toast notifications"
-      }
-    ] }) }) }) }),
-    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(n, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      u,
-      {
-        language: "tsx",
-        code: `import { Toast, useToastStore } from '@e-burgos/tucu-ui';
-
-function MyComponent() {
-  const { addToast } = useToastStore();
-
-  const showSuccess = () => {
-    addToast({
-      id: Date.now().toString(),
-      title: 'Success!',
-      message: 'Operation completed successfully.',
-      variant: 'success',
-    });
-  };
-
-  const showError = () => {
-    addToast({
-      id: Date.now().toString(),
-      title: 'Error!',
-      message: 'Something went wrong.',
-      variant: 'destructive',
-    });
-  };
-
-  return (
-    <>
-      <button onClick={showSuccess}>Show Success</button>
-      <button onClick={showError}>Show Error</button>
-      <Toast />
-    </>
-  );
-}
-
-// Toast variants
-addToast({ id: Date.now().toString(), variant: 'success', title: 'Success', message: '...' });
-addToast({ id: Date.now().toString(), variant: 'destructive', title: 'Error', message: '...' });
-addToast({ id: Date.now().toString(), variant: 'warning', title: 'Warning', message: '...' });
-addToast({ id: Date.now().toString(), variant: 'info', title: 'Info', message: '...' });`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  x as default
-};

package/documentation/ToastSection-JtNX8amB.js

@@ -1,38 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COp_AWCS.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const{addToast:a}=t.useToastStore(),r=[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:String(s)})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:String(s)})},{key:"default",label:"Default",render:s=>{const o=String(s);return o==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:o})}},{key:"description",label:"Description"}],n=[{prop:"Toast Component",type:"React.FC",default:"-",description:"The Toast component renders automatically from the toast store"},{prop:"useToastStore",type:"Hook",default:"-",description:"Hook to manage toast notifications"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Toast",description:`A toast notification system for displaying temporary messages with
-          multiple variants and auto-dismiss 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-600 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(i.BellRing,{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(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsxs("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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Success Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Success!",message:"Operation completed successfully.",variant:"success"}),children:"Show Success Toast"})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Error Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Error!",message:"Something went wrong.",variant:"destructive"}),children:"Show Error Toast"})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Warning Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Warning!",message:"Please review this information.",variant:"warning"}),children:"Show Warning Toast"})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Info Toast"}),e.jsx(t.Button,{onClick:()=>a({id:Date.now().toString(),title:"Info",message:"Here is some information.",variant:"info"}),children:"Show Info Toast"})]})]}),e.jsx(t.Toast,{})]})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.BasicTable,{columns:r,data:n})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { Toast, useToastStore } from '@e-burgos/tucu-ui';
-
-function MyComponent() {
-  const { addToast } = useToastStore();
-
-  const showSuccess = () => {
-    addToast({
-      id: Date.now().toString(),
-      title: 'Success!',
-      message: 'Operation completed successfully.',
-      variant: 'success',
-    });
-  };
-
-  const showError = () => {
-    addToast({
-      id: Date.now().toString(),
-      title: 'Error!',
-      message: 'Something went wrong.',
-      variant: 'destructive',
-    });
-  };
-
-  return (
-    <>
-      <button onClick={showSuccess}>Show Success</button>
-      <button onClick={showError}>Show Error</button>
-      <Toast />
-    </>
-  );
-}
-
-// Toast variants
-addToast({ id: Date.now().toString(), variant: 'success', title: 'Success', message: '...' });
-addToast({ id: Date.now().toString(), variant: 'destructive', title: 'Error', message: '...' });
-addToast({ id: Date.now().toString(), variant: 'warning', title: 'Warning', message: '...' });
-addToast({ id: Date.now().toString(), variant: 'info', title: 'Info', message: '...' });`})})})})]})};exports.default=l;

package/documentation/ToggleBarSection-CDIah9a9.js

@@ -1,186 +0,0 @@
-import { jsxs as t, Fragment as T, jsx as e } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { H as b, C as l, a as i, T as r, w as s, P as w, A as N, c as f } from "../index-DYDFy1df.js";
-import { ToggleRight as B, Save as h } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const W = () => {
-  const [a, n] = d(!1), [g, m] = d(!0), k = [
-    { label: "Primary", color: "primary" },
-    { label: "Secondary", color: "secondary" },
-    { label: "Danger", color: "danger" },
-    { label: "Info", color: "info" },
-    { label: "Success", color: "success" },
-    { label: "Warning", color: "warning" }
-  ], [u, p] = d({
-    primary: !0,
-    secondary: !0,
-    danger: !0,
-    info: !0,
-    success: !0,
-    warning: !0
-  }), C = (o) => () => {
-    p((c) => ({
-      ...c,
-      [o]: !c[o]
-    }));
-  };
-  return /* @__PURE__ */ t(T, { children: [
-    /* @__PURE__ */ e(
-      b,
-      {
-        title: "ToggleBar",
-        description: "A toggle bar component with title, subtitle, icon, and optional content. Perfect for settings panels and feature toggles.",
-        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-orange-500 via-amber-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-orange-500/50", children: /* @__PURE__ */ e(B, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ t(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "Basic ToggleBar" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            title: "Enable Notifications",
-            checked: a,
-            onChange: () => n(!a)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Subtitle" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            title: "Dark Mode",
-            subTitle: "Switch between light and dark themes",
-            checked: a,
-            onChange: () => n(!a)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Icon" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            title: "Auto Save",
-            subTitle: "Automatically save your work",
-            icon: /* @__PURE__ */ e(h, { className: "w-5 h-5" }),
-            checked: a,
-            onChange: () => n(!a)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: "With Children" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            title: "Advanced Settings",
-            subTitle: "Show advanced configuration options",
-            checked: a,
-            onChange: () => n(!a),
-            children: /* @__PURE__ */ e("div", { className: "mt-4 space-y-2", children: /* @__PURE__ */ e(
-              r,
-              {
-                tag: "p",
-                className: "text-sm text-gray-600 dark:text-gray-400",
-                children: "Additional content appears here when toggle is enabled."
-              }
-            ) })
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3", children: k.map(({ label: o, color: c }) => /* @__PURE__ */ t(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(r, { tag: "h5", className: "mb-3", children: o }),
-      /* @__PURE__ */ e(
-        s,
-        {
-          title: `${o} Toggle`,
-          subTitle: "Toggle with inherited Switch color",
-          color: c,
-          checked: u[c],
-          onChange: C(c)
-        }
-      )
-    ] }, c)) }) }) }) }),
-    /* @__PURE__ */ e(
-      w,
-      {
-        componentName: "ToggleBar",
-        defaultValues: {
-          title: "Preview ToggleBar",
-          subTitle: "Use the controls to adjust the component",
-          color: "primary"
-        },
-        includeProps: ["title", "subTitle", "color"],
-        excludeProps: ["checked", "onChange", "icon", "children"],
-        children: (o) => /* @__PURE__ */ e("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ e(
-          s,
-          {
-            ...o,
-            icon: /* @__PURE__ */ e(h, { className: "w-5 h-5" }),
-            checked: g,
-            onChange: () => m((c) => !c)
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ e(N, { componentName: "ToggleBar" }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      f,
-      {
-        language: "tsx",
-        code: `import { ToggleBar, LucideIcons } from '@e-burgos/tucu-ui';
-
-const [checked, setChecked] = useState(false);
-
-// Basic usage
-<ToggleBar
-  title="Enable Notifications"
-  checked={checked}
-  onChange={() => setChecked(!checked)}
-/>
-
-// With subtitle
-<ToggleBar
-  title="Dark Mode"
-  subTitle="Switch between light and dark themes"
-  checked={checked}
-  onChange={() => setChecked(!checked)}
-/>
-
-// With icon
-<ToggleBar
-  title="Auto Save"
-  icon={<LucideIcons.Save className="w-5 h-5" />}
-  checked={checked}
-  onChange={() => setChecked(!checked)}
-/>
-
-// Colors
-<ToggleBar title="Primary" color="primary" checked={checked} onChange={() => setChecked(!checked)} />
-<ToggleBar title="Secondary" color="secondary" checked={checked} onChange={() => setChecked(!checked)} />
-<ToggleBar title="Danger" color="danger" checked={checked} onChange={() => setChecked(!checked)} />
-<ToggleBar title="Info" color="info" checked={checked} onChange={() => setChecked(!checked)} />
-<ToggleBar title="Success" color="success" checked={checked} onChange={() => setChecked(!checked)} />
-<ToggleBar title="Warning" color="warning" checked={checked} onChange={() => setChecked(!checked)} />
-
-// With children
-<ToggleBar
-  title="Advanced Settings"
-  checked={checked}
-  onChange={() => setChecked(!checked)}
->
-  <div className="mt-4">
-    <p>Additional content here</p>
-  </div>
-</ToggleBar>`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  W as default
-};