@e-burgos/tucu-ui 2.0.8 → 2.0.10

package/documentation/RouteConfigurationSection-Drc5LJiF.js

@@ -1,81 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { C as a, a as r, T as n, c as o } from "../index-D3gBsvbO.js";
-import { Settings as i, Play as s } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const f = () => /* @__PURE__ */ e("div", { className: "space-y-8", children: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(r, { title: "Route Configuration", className: "mt-2 mb-6", children: /* @__PURE__ */ t("div", { className: "space-y-8", children: [
-  /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg", children: /* @__PURE__ */ e(i, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-      /* @__PURE__ */ e(n, { tag: "h4", className: "font-semibold", children: "StandaloneAppRoutesMenuItem Interface" })
-    ] }),
-    /* @__PURE__ */ t(
-      n,
-      {
-        tag: "p",
-        className: "text-sm text-gray-600 dark:text-gray-400",
-        children: [
-          "For single applications, routes are defined using the",
-          " ",
-          /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "StandaloneAppRoutesMenuItem" }),
-          " ",
-          "interface which extends",
-          " ",
-          /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "IMenuItem" }),
-          "."
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(o, { language: "typescript", code: `interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
-  component: JSX.Element;        // The component to render
-  dropdownItems?: StandaloneAppRoutesMenuItem[]; // Optional sub-routes
-}
-
-interface IMenuItem {
-  name: string;                  // Display name for the menu item
-  path: string;                  // URL path for the route
-  icon?: React.ReactNode;        // Optional icon component
-  href?: string;                 // Optional external URL
-  hide?: boolean;                 // Hide from navigation
-  isActive?: boolean;            // Force active state
-  onClick?: () => void;          // Optional click handler
-}` })
-  ] }),
-  /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg", children: /* @__PURE__ */ e(s, { className: "w-5 h-5 text-white filter drop-shadow-sm" }) }),
-      /* @__PURE__ */ e(n, { tag: "h4", className: "font-semibold", children: "Basic Usage" })
-    ] }),
-    /* @__PURE__ */ e(o, { language: "tsx", code: `import { StandaloneAppThemeProvider } from '@e-burgos/tucu-ui';
-import { Introduction } from './pages/Introduction';
-import { ThemingGuide } from './pages/ThemingGuide';
-
-const menuItems = [
-  {
-    name: 'Introduction',
-    path: '/',
-    icon: <LucideIcons.Home />,
-    component: <Introduction />,
-  },
-  {
-    name: 'Theming',
-    path: '/theming-guide',
-    icon: <LucideIcons.Paintbrush />,
-    component: <ThemingGuide />,
-  },
-];
-
-function App() {
-  return (
-    <StandaloneAppThemeProvider
-      menuItems={menuItems}
-      logo={{ name: 'My', secondName: 'App' }}
-    />
-  );
-}` })
-  ] })
-] }) }) }) });
-export {
-  f as default
-};

package/documentation/RouteConfigurationSection-nhWEjPVc.js

@@ -1,40 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-VrMogvDN.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Route Configuration",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(n.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Interface"})]}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["For single applications, routes are defined using the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"StandaloneAppRoutesMenuItem"})," ","interface which extends"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"IMenuItem"}),"."]}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
-  component: JSX.Element;        // The component to render
-  dropdownItems?: StandaloneAppRoutesMenuItem[]; // Optional sub-routes
-}
-
-interface IMenuItem {
-  name: string;                  // Display name for the menu item
-  path: string;                  // URL path for the route
-  icon?: React.ReactNode;        // Optional icon component
-  href?: string;                 // Optional external URL
-  hide?: boolean;                 // Hide from navigation
-  isActive?: boolean;            // Force active state
-  onClick?: () => void;          // Optional click handler
-}`})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:e.jsx(n.Play,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"Basic Usage"})]}),e.jsx(t.CodeBlock,{language:"tsx",code:`import { StandaloneAppThemeProvider } from '@e-burgos/tucu-ui';
-import { Introduction } from './pages/Introduction';
-import { ThemingGuide } from './pages/ThemingGuide';
-
-const menuItems = [
-  {
-    name: 'Introduction',
-    path: '/',
-    icon: <LucideIcons.Home />,
-    component: <Introduction />,
-  },
-  {
-    name: 'Theming',
-    path: '/theming-guide',
-    icon: <LucideIcons.Paintbrush />,
-    component: <ThemingGuide />,
-  },
-];
-
-function App() {
-  return (
-    <StandaloneAppThemeProvider
-      menuItems={menuItems}
-      logo={{ name: 'My', secondName: 'App' }}
-    />
-  );
-}`})]})]})})})});exports.default=o;

package/documentation/ScrollToTopSection-CD0lf-YM.js

@@ -1,142 +0,0 @@
-import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as o, C as l, a, P as c, as as n, A as i, c as d } from "../index-D3gBsvbO.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const T = () => /* @__PURE__ */ t(s, { children: [
-  /* @__PURE__ */ t("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(o, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "ScrollToTop" }),
-    /* @__PURE__ */ e(
-      o,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "A utility component that displays a floating button to scroll back to the top of the page. It automatically scrolls to top when the route changes and shows a button when the user scrolls down."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(a, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Default Usage" }),
-      /* @__PURE__ */ e(o, { tag: "p", className: "mb-4", children: "Add this component to your router or app component. By default, it displays a button in the bottom-right corner (24px from edges) that appears when you scroll down more than 400px." }),
-      /* @__PURE__ */ e(
-        o,
-        {
-          tag: "p",
-          className: "text-sm text-gray-600 dark:text-gray-400 mb-4",
-          children: "The button automatically scrolls to the top when clicked and also scrolls to top whenever the route changes."
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "bg-gray-100 dark:bg-gray-800 p-4 rounded-lg", children: /* @__PURE__ */ e(o, { tag: "p", className: "text-sm", children: "Scroll down on this page to see the button appear in the bottom-right corner." }) })
-    ] }),
-    /* @__PURE__ */ t(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Custom Position" }),
-      /* @__PURE__ */ e(o, { tag: "p", className: "mb-4", children: "You can customize the button position using the position props." }),
-      /* @__PURE__ */ t("div", { className: "space-y-2 text-sm", children: [
-        /* @__PURE__ */ t(o, { tag: "p", children: [
-          /* @__PURE__ */ e("code", { className: "text-brand", children: "top-left:" }),
-          " ",
-          /* @__PURE__ */ e("code", { children: "<ScrollToTop top={20} left={20} />" })
-        ] }),
-        /* @__PURE__ */ t(o, { tag: "p", children: [
-          /* @__PURE__ */ e("code", { className: "text-brand", children: "top-right:" }),
-          " ",
-          /* @__PURE__ */ e("code", { children: "<ScrollToTop top={20} right={20} />" })
-        ] }),
-        /* @__PURE__ */ t(o, { tag: "p", children: [
-          /* @__PURE__ */ e("code", { className: "text-brand", children: "bottom-left:" }),
-          " ",
-          /* @__PURE__ */ e("code", { children: "<ScrollToTop bottom={20} left={20} />" })
-        ] }),
-        /* @__PURE__ */ t(o, { tag: "p", children: [
-          /* @__PURE__ */ e("code", { className: "text-brand", children: "bottom-right:" }),
-          " ",
-          /* @__PURE__ */ e("code", { children: "<ScrollToTop bottom={20} right={20} />" })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ t(l, { className: "p-4", children: [
-      /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Custom Size and Threshold" }),
-      /* @__PURE__ */ e(o, { tag: "p", className: "mb-4", children: "Control when the button appears and its size." }),
-      /* @__PURE__ */ t("div", { className: "space-y-2 text-sm", children: [
-        /* @__PURE__ */ t(o, { tag: "p", children: [
-          /* @__PURE__ */ e("code", { className: "text-brand", children: "Small button:" }),
-          " ",
-          /* @__PURE__ */ e("code", { children: '<ScrollToTop size="small" />' })
-        ] }),
-        /* @__PURE__ */ t(o, { tag: "p", children: [
-          /* @__PURE__ */ e("code", { className: "text-brand", children: "Large button:" }),
-          " ",
-          /* @__PURE__ */ e("code", { children: '<ScrollToTop size="large" />' })
-        ] }),
-        /* @__PURE__ */ t(o, { tag: "p", children: [
-          /* @__PURE__ */ e("code", { className: "text-brand", children: "Show after 200px:" }),
-          " ",
-          /* @__PURE__ */ e("code", { children: "<ScrollToTop showAfter={200} />" })
-        ] })
-      ] })
-    ] })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(
-    c,
-    {
-      componentName: "ScrollToTop",
-      defaultValues: {
-        size: "large",
-        showAfter: 400,
-        bottom: "45%",
-        right: 50,
-        behavior: "smooth"
-      },
-      excludeProps: ["scrollContainer"],
-      children: (r) => /* @__PURE__ */ e(n, { ...r })
-    }
-  ),
-  /* @__PURE__ */ e(i, { componentName: "ScrollToTop" }),
-  /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(a, { 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 { ScrollToTop } from '@e-burgos/tucu-ui';
-import { BrowserRouter } from 'react-router-dom';
-
-function App() {
-  return (
-    <BrowserRouter>
-      {/* Default: bottom-right, 24px from edges */}
-      <ScrollToTop />
-      
-      {/* Custom position: top-left */}
-      <ScrollToTop top={20} left={20} />
-      
-      {/* Custom size and threshold */}
-      <ScrollToTop size="large" showAfter={200} />
-      
-      {/* Custom position with all props */}
-      <ScrollToTop
-        bottom={32}
-        right={32}
-        size="small"
-        showAfter={300}
-        className="custom-class"
-      />
-      
-      {/* Your routes */}
-    </BrowserRouter>
-  );
-}
-
-// The component:
-// - Displays a floating button when user scrolls down
-// - Automatically scrolls to top when route changes
-// - Uses smooth scrolling behavior
-// - Works with React Router
-// - Button appears after scrolling showAfter pixels (default: 400px)
-// - Position is fixed, customizable via props`
-    }
-  ) }) }) })
-] });
-export {
-  T as default
-};

package/documentation/ScrollToTopSection-Dg1DqNQU.js

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ScrollToTop"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A utility component that displays a floating button to scroll back to the top of the page. It automatically scrolls to top when the route changes and shows a button when the user scrolls down."})]}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.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(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Default Usage"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Add this component to your router or app component. By default, it displays a button in the bottom-right corner (24px from edges) that appears when you scroll down more than 400px."}),e.jsx(o.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"The button automatically scrolls to the top when clicked and also scrolls to top whenever the route changes."}),e.jsx("div",{className:"bg-gray-100 dark:bg-gray-800 p-4 rounded-lg",children:e.jsx(o.Typography,{tag:"p",className:"text-sm",children:"Scroll down on this page to see the button appear in the bottom-right corner."})})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Position"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"You can customize the button position using the position props."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-left:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-right:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} right={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-left:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-right:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} right={20} />"})]})]})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Size and Threshold"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Control when the button appears and its size."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Small button:"})," ",e.jsx("code",{children:'<ScrollToTop size="small" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Large button:"})," ",e.jsx("code",{children:'<ScrollToTop size="large" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Show after 200px:"})," ",e.jsx("code",{children:"<ScrollToTop showAfter={200} />"})]})]})]})]})})})}),e.jsx(o.PropPlayground,{componentName:"ScrollToTop",defaultValues:{size:"large",showAfter:400,bottom:"45%",right:50,behavior:"smooth"},excludeProps:["scrollContainer"],children:t=>e.jsx(o.ScrollToTop,{...t})}),e.jsx(o.AutoPropsTable,{componentName:"ScrollToTop"}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(o.CodeBlock,{language:"tsx",code:`import { ScrollToTop } from '@e-burgos/tucu-ui';
-import { BrowserRouter } from 'react-router-dom';
-
-function App() {
-  return (
-    <BrowserRouter>
-      {/* Default: bottom-right, 24px from edges */}
-      <ScrollToTop />
-      
-      {/* Custom position: top-left */}
-      <ScrollToTop top={20} left={20} />
-      
-      {/* Custom size and threshold */}
-      <ScrollToTop size="large" showAfter={200} />
-      
-      {/* Custom position with all props */}
-      <ScrollToTop
-        bottom={32}
-        right={32}
-        size="small"
-        showAfter={300}
-        className="custom-class"
-      />
-      
-      {/* Your routes */}
-    </BrowserRouter>
-  );
-}
-
-// The component:
-// - Displays a floating button when user scrolls down
-// - Automatically scrolls to top when route changes
-// - Uses smooth scrolling behavior
-// - Works with React Router
-// - Button appears after scrolling showAfter pixels (default: 400px)
-// - Position is fixed, customizable via props`})})})})]});exports.default=s;

package/documentation/ScrollbarSection-DcH7wKa4.js

@@ -1,29 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-VrMogvDN.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const l=Array.from({length:20},(a,s)=>e.jsx("div",{className:"p-4 border-b",children:e.jsxs(r.Typography,{tag:"p",children:["Content item ",s+1]})},s));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:"Scrollbar"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A customizable scrollbar component with auto-hide functionality and custom styling options."})]}),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:"Vertical Scrollbar"}),e.jsx(r.Scrollbar,{className:"h-48",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Auto Hide on Leave"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"leave",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Never Hide"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"never",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Custom Styled"}),e.jsx(r.Scrollbar,{className:"h-48",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"8px"}},children:e.jsx("div",{children:l.slice(0,10)})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Scrollbar",defaultValues:{autoHide:"scroll",direction:"vertical"},excludeProps:["scrollbarStyle","style"],children:a=>e.jsx(r.Scrollbar,{...a,style:{height:200},children:e.jsxs("div",{style:{height:600,padding:16},children:[e.jsx("p",{children:"Scroll down to see more content..."}),e.jsx("p",{style:{marginTop:200},children:"Middle content"}),e.jsx("p",{style:{marginTop:200},children:"End of content"})]})})}),e.jsx(r.AutoPropsTable,{componentName:"Scrollbar"}),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 { Scrollbar } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<Scrollbar className="h-48">
-  <div>
-    {/* Your content here */}
-  </div>
-</Scrollbar>
-
-// Auto hide on leave
-<Scrollbar className="h-48" autoHide="leave">
-  <div>{content}</div>
-</Scrollbar>
-
-// Never hide
-<Scrollbar className="h-48" autoHide="never">
-  <div>{content}</div>
-</Scrollbar>
-
-// Custom styled
-<Scrollbar
-  className="h-48"
-  scrollbarStyle={{
-    track: { backgroundColor: 'transparent' },
-    thumb: { borderRadius: '8px', width: '8px' },
-  }}
->
-  <div>{content}</div>
-</Scrollbar>`})})})})]})};exports.default=c;

package/documentation/SelectSection-BsqXWvqu.js

@@ -1,39 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("../index-VrMogvDN.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const c=()=>{const[t,r]=o.useState(void 0),l=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"},{name:"Perú",value:"pe"},{name:"Uruguay",value:"uy"},{name:"Venezuela",value:"ve"}],n=[{name:"Free",value:"free",description:"Basic features, 1 user",icon:e.jsx(s.Star,{className:"h-4 w-4 text-gray-400"})},{name:"Pro",value:"pro",description:"Advanced features, 5 users",icon:e.jsx(s.Zap,{className:"h-4 w-4 text-brand"})},{name:"Enterprise",value:"enterprise",description:"Custom features, unlimited",icon:e.jsx(s.Shield,{className:"h-4 w-4 text-green-500"})},{name:"Legacy",value:"legacy",description:"No longer available",disabled:!0}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Select"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A dropdown select component with search, descriptions, disabled options, and check indicators."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Select"}),e.jsx(a.Select,{label:"Country",placeholder:"Select a country",options:l,selectedOption:t,onChange:r})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Searchable"}),e.jsx(a.Select,{label:"Country",placeholder:"Search and select...",options:l,searchable:!0,searchPlaceholder:"Type to filter...",showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Descriptions & Icons"}),e.jsx(a.Select,{label:"Plan",placeholder:"Choose a plan",options:n,showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Select,{label:"Language",placeholder:"Select a language",helperText:"Choose your preferred language",options:[{name:"English",value:"en",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"Spanish",value:"es",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"French",value:"fr",icon:e.jsx(s.Globe,{className:"h-4 w-4"})}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Select,{label:"Category",placeholder:"Select a category",errorMessage:"Category is required",options:[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Select,{label:"Status",placeholder:"Select status",disabled:!0,options:[{name:"Active",value:"active"},{name:"Inactive",value:"inactive"}]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Select,{label:"Ghost Variant",placeholder:"Select option",variant:"ghost",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Select,{label:"Solid Variant",placeholder:"Select option",variant:"solid",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Select,{label:"Transparent Variant",placeholder:"Select option",variant:"transparent",options:l})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Select"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Select } from '@e-burgos/tucu-ui';
-
-const options = [
-  { name: 'Argentina', value: 'ar' },
-  { name: 'Brasil', value: 'br' },
-  { name: 'Chile', value: 'cl' },
-];
-
-// Basic
-<Select
-  label="Country"
-  placeholder="Select a country"
-  options={options}
-  selectedOption={selectedOption}
-  onChange={setSelectedOption}
-/>
-
-// Searchable with check
-<Select
-  label="Country"
-  placeholder="Search..."
-  options={options}
-  searchable
-  searchPlaceholder="Type to filter..."
-  showCheck
-/>
-
-// With descriptions, icons, and disabled options
-const plans = [
-  { name: 'Free', value: 'free', description: 'Basic features' },
-  { name: 'Pro', value: 'pro', description: 'Advanced', icon: <Zap /> },
-  { name: 'Legacy', value: 'legacy', disabled: true },
-];
-<Select label="Plan" options={plans} showCheck />
-
-// Variants
-<Select variant="ghost" options={options} />
-<Select variant="solid" options={options} />
-<Select variant="transparent" options={options} />`})})})})]})};exports.default=c;

package/documentation/SelectSection-Bw7z6boY.js

@@ -1,242 +0,0 @@
-import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { T as t, C as l, a as o, S as s, A as m, c as h } from "../index-D3gBsvbO.js";
-import { Globe as c, Star as u, Zap as g, Shield as v } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const w = () => {
-  const [r, i] = p(void 0), n = [
-    { name: "Argentina", value: "ar" },
-    { name: "Brasil", value: "br" },
-    { name: "Chile", value: "cl" },
-    { name: "Colombia", value: "co" },
-    { name: "México", value: "mx" },
-    { name: "Perú", value: "pe" },
-    { name: "Uruguay", value: "uy" },
-    { name: "Venezuela", value: "ve" }
-  ];
-  return /* @__PURE__ */ a(d, { children: [
-    /* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ e(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Select" }),
-      /* @__PURE__ */ e(
-        t,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "A dropdown select component with search, descriptions, disabled options, and check indicators."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ a(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Basic Select" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            label: "Country",
-            placeholder: "Select a country",
-            options: n,
-            selectedOption: r,
-            onChange: i
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Searchable" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            label: "Country",
-            placeholder: "Search and select...",
-            options: n,
-            searchable: !0,
-            searchPlaceholder: "Type to filter...",
-            showCheck: !0
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "With Descriptions & Icons" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            label: "Plan",
-            placeholder: "Choose a plan",
-            options: [
-              {
-                name: "Free",
-                value: "free",
-                description: "Basic features, 1 user",
-                icon: /* @__PURE__ */ e(u, { className: "h-4 w-4 text-gray-400" })
-              },
-              {
-                name: "Pro",
-                value: "pro",
-                description: "Advanced features, 5 users",
-                icon: /* @__PURE__ */ e(g, { className: "h-4 w-4 text-brand" })
-              },
-              {
-                name: "Enterprise",
-                value: "enterprise",
-                description: "Custom features, unlimited",
-                icon: /* @__PURE__ */ e(v, { className: "h-4 w-4 text-green-500" })
-              },
-              {
-                name: "Legacy",
-                value: "legacy",
-                description: "No longer available",
-                disabled: !0
-              }
-            ],
-            showCheck: !0
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "With Helper Text" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            label: "Language",
-            placeholder: "Select a language",
-            helperText: "Choose your preferred language",
-            options: [
-              {
-                name: "English",
-                value: "en",
-                icon: /* @__PURE__ */ e(c, { className: "h-4 w-4" })
-              },
-              {
-                name: "Spanish",
-                value: "es",
-                icon: /* @__PURE__ */ e(c, { className: "h-4 w-4" })
-              },
-              {
-                name: "French",
-                value: "fr",
-                icon: /* @__PURE__ */ e(c, { className: "h-4 w-4" })
-              }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "With Error" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            label: "Category",
-            placeholder: "Select a category",
-            errorMessage: "Category is required",
-            options: [
-              { name: "Option 1", value: "opt1" },
-              { name: "Option 2", value: "opt2" }
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            label: "Status",
-            placeholder: "Select status",
-            disabled: !0,
-            options: [
-              { name: "Active", value: "active" },
-              { name: "Inactive", value: "inactive" }
-            ]
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ a(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Ghost (default)" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            label: "Ghost Variant",
-            placeholder: "Select option",
-            variant: "ghost",
-            options: n
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Solid" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            label: "Solid Variant",
-            placeholder: "Select option",
-            variant: "solid",
-            options: n
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(l, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Transparent" }),
-        /* @__PURE__ */ e(
-          s,
-          {
-            label: "Transparent Variant",
-            placeholder: "Select option",
-            variant: "transparent",
-            options: n
-          }
-        )
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(m, { componentName: "Select" }),
-    /* @__PURE__ */ e(l, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      h,
-      {
-        language: "tsx",
-        code: `import { Select } from '@e-burgos/tucu-ui';
-
-const options = [
-  { name: 'Argentina', value: 'ar' },
-  { name: 'Brasil', value: 'br' },
-  { name: 'Chile', value: 'cl' },
-];
-
-// Basic
-<Select
-  label="Country"
-  placeholder="Select a country"
-  options={options}
-  selectedOption={selectedOption}
-  onChange={setSelectedOption}
-/>
-
-// Searchable with check
-<Select
-  label="Country"
-  placeholder="Search..."
-  options={options}
-  searchable
-  searchPlaceholder="Type to filter..."
-  showCheck
-/>
-
-// With descriptions, icons, and disabled options
-const plans = [
-  { name: 'Free', value: 'free', description: 'Basic features' },
-  { name: 'Pro', value: 'pro', description: 'Advanced', icon: <Zap /> },
-  { name: 'Legacy', value: 'legacy', disabled: true },
-];
-<Select label="Plan" options={plans} showCheck />
-
-// Variants
-<Select variant="ghost" options={options} />
-<Select variant="solid" options={options} />
-<Select variant="transparent" options={options} />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  w as default
-};