@e-burgos/tucu-ui 2.0.3 → 2.0.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@e-burgos/tucu-ui",
   "description": "Tucu UI Library",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -44,7 +44,6 @@
     "pack:lib": "cd ../../ui/tucu-ui && pnpm npm pack"
   },
   "dependencies": {
-    "@headlessui/react": "2.2.9",
     "@tailwindcss/typography": "0.0.0-insiders.0339c42",
     "classnames": "^2.5.1",
     "framer-motion": "12.23.3",
@@ -53,7 +52,7 @@
     "react-router-dom": "7.9.1",
     "react-router": "7.9.1",
     "react-use": "^17.6.0",
-    "recharts": "3.0.0",
+    "recharts": "3.8.1",
     "swiper": "11.2.8",
     "zustand": "^5.0.8"
   },

package/themes/components/theme-provider/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { MfeAppThemeProviderProps } from './mfe-app-theme-provider';
 import { StandaloneAppProviderProps } from './standalone-app-theme-provider';
 type ArchitecturalPatterns = 'standalone' | 'mfe';
@@ -43,7 +44,7 @@ type ThemeProviderProps = StandaloneAppThemeProviderProps | MfeThemeProviderProp
  *   menuItems={[...]}
  * />
  */
-export declare function ThemeProvider(props: StandaloneAppThemeProviderProps): JSX.Element;
-export declare function ThemeProvider(props: MfeThemeProviderProps): JSX.Element;
+export declare function ThemeProvider(props: StandaloneAppThemeProviderProps): React.JSX.Element;
+export declare function ThemeProvider(props: MfeThemeProviderProps): React.JSX.Element;
 export default ThemeProvider;
 export type { ThemeProviderProps, StandaloneAppThemeProviderProps, MfeThemeProviderProps, MfeAppThemeProviderProps, StandaloneAppProviderProps, ArchitecturalPatterns, };

package/themes/router/components/standalone-app-routes-provider.d.ts

@@ -3,10 +3,10 @@ import { IMenuItem } from '../../../components/layouts/menus/menu-item';
 type StandaloneAppRouteType = {
     key: string;
     path: string;
-    element: JSX.Element;
+    element: React.JSX.Element;
 };
 interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
-    component: JSX.Element;
+    component: React.JSX.Element;
     isPublic?: boolean;
     /** When true, appends /* to the route path so the page can handle internal sub-routes */
     enableNestedRoutes?: boolean;

package/collection-1-BIsLOX9N.js

@@ -1 +0,0 @@
-"use strict";const A="data:image/jpeg;base64,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";exports.collection1Img=A;

package/documentation/CollectionCardSection-BPILGSjR.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=require("../collection-1-BIsLOX9N.js"),l=require("../1-CArqgiQa.js"),o=()=>{const t={id:"collection-1",name:"Crypto Punks",slug:"crypto-punks",title:"Crypto Punks Collection",cover_image:r.collection1Img,number_of_artwork:42,user:{avatar:l.avatar1Img,name:"CryptoPunk Studio",slug:"cryptopunk-studio"}};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:"CollectionCard"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"NFT collection preview with statistics, cover image, and creator information for marketplace interfaces."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:e.jsx(a.CollectionCard,{item:t})})})})}),e.jsx(a.AutoPropsTable,{componentName:"CollectionCard"}),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 { CollectionCard } from '@e-burgos/tucu-ui';
-
-const collectionData = {
-  id: 'bayc',
-  name: 'BAYC',
-  slug: 'bored-ape-yacht-club',
-  title: 'Bored Ape Yacht Club',
-  cover_image: '/collections/bayc-banner.jpg',
-  number_of_artwork: 10000,
-   user: {
-    avatar: '/avatars/bayc-creator.jpg',
-    name: 'Yuga Labs',
-    slug: 'yuga-labs',
-  },
-};
-
-<CollectionCard item={collectionData} className="w-full max-w-sm" />`})})})})]})};exports.default=o;

package/documentation/CollectionCardSection-Cowt-8gl.js

@@ -1,61 +0,0 @@
-import { jsxs as e, Fragment as r, jsx as a } from "react/jsx-runtime";
-import { T as t, C as o, a as l, h as c, A as i, c as s } from "../index-DsiBIFwo.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { c as n } from "../collection-1-NeFANkbk.js";
-import { a as m } from "../1-Df9CGZha.js";
-const y = () => /* @__PURE__ */ e(r, { children: [
-  /* @__PURE__ */ e("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ a(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CollectionCard" }),
-    /* @__PURE__ */ a(
-      t,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "NFT collection preview with statistics, cover image, and creator information for marketplace interfaces."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ a(o, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("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(c, { item: {
-    id: "collection-1",
-    name: "Crypto Punks",
-    slug: "crypto-punks",
-    title: "Crypto Punks Collection",
-    cover_image: n,
-    number_of_artwork: 42,
-    user: {
-      avatar: m,
-      name: "CryptoPunk Studio",
-      slug: "cryptopunk-studio"
-    }
-  } }) }) }) }) }),
-  /* @__PURE__ */ a(i, { componentName: "CollectionCard" }),
-  /* @__PURE__ */ a(o, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    s,
-    {
-      language: "tsx",
-      code: `import { CollectionCard } from '@e-burgos/tucu-ui';
-
-const collectionData = {
-  id: 'bayc',
-  name: 'BAYC',
-  slug: 'bored-ape-yacht-club',
-  title: 'Bored Ape Yacht Club',
-  cover_image: '/collections/bayc-banner.jpg',
-  number_of_artwork: 10000,
-   user: {
-    avatar: '/avatars/bayc-creator.jpg',
-    name: 'Yuga Labs',
-    slug: 'yuga-labs',
-  },
-};
-
-<CollectionCard item={collectionData} className="w-full max-w-sm" />`
-    }
-  ) }) }) })
-] });
-export {
-  y as default
-};

package/documentation/CollectionSelectListSection-BUyInNdh.js

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=require("../1-CArqgiQa.js"),c=()=>{const a=[{icon:t.avatar1Img,name:"Crypto Punks",value:"crypto-punks"},{icon:t.avatar1Img,name:"Bored Ape",value:"bored-ape"},{icon:t.avatar1Img,name:"Azuki",value:"azuki"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(l.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CollectionSelectList"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Searchable list component for selecting NFT collections with avatars and search functionality."})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Basic List"}),e.jsx(l.CollectionSelectList,{collectionList:a,onSelect:o=>{console.log("Selected collection:",o)}})]})})})})}),e.jsx(l.AutoPropsTable,{componentName:"CollectionSelectList"}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.CodeBlock,{language:"tsx",code:`import { CollectionSelectList } from '@e-burgos/tucu-ui';
-
-const collectionList = [
-  { icon: '/icons/crypto-punks.jpg', name: 'Crypto Punks', value: 'crypto-punks' },
-  { icon: '/icons/bored-ape.jpg', name: 'Bored Ape', value: 'bored-ape' },
-  { icon: '/icons/azuki.jpg', name: 'Azuki', value: 'azuki' },
-];
-
-<CollectionSelectList
-  collectionList={collectionList}
-  onSelect={(value) => {
-    console.log('Selected:', value);
-  }}
-/>`})})})})]})};exports.default=c;

package/documentation/CollectionSelectListSection-C1hTywH1.js

@@ -1,60 +0,0 @@
-import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { T as o, C as t, a as c, i as n, A as r, c as m } from "../index-DsiBIFwo.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { a } from "../1-Df9CGZha.js";
-const N = () => /* @__PURE__ */ l(s, { children: [
-  /* @__PURE__ */ l("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(o, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CollectionSelectList" }),
-    /* @__PURE__ */ e(
-      o,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Searchable list component for selecting NFT collections with avatars and search functionality."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Basic Examples", 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 md:grid-cols-2 gap-4", children: /* @__PURE__ */ l(t, { className: "p-4", children: [
-    /* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Basic List" }),
-    /* @__PURE__ */ e(
-      n,
-      {
-        collectionList: [
-          { icon: a, name: "Crypto Punks", value: "crypto-punks" },
-          { icon: a, name: "Bored Ape", value: "bored-ape" },
-          { icon: a, name: "Azuki", value: "azuki" }
-        ],
-        onSelect: (i) => {
-          console.log("Selected collection:", i);
-        }
-      }
-    )
-  ] }) }) }) }) }),
-  /* @__PURE__ */ e(r, { componentName: "CollectionSelectList" }),
-  /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    m,
-    {
-      language: "tsx",
-      code: `import { CollectionSelectList } from '@e-burgos/tucu-ui';
-
-const collectionList = [
-  { icon: '/icons/crypto-punks.jpg', name: 'Crypto Punks', value: 'crypto-punks' },
-  { icon: '/icons/bored-ape.jpg', name: 'Bored Ape', value: 'bored-ape' },
-  { icon: '/icons/azuki.jpg', name: 'Azuki', value: 'azuki' },
-];
-
-<CollectionSelectList
-  collectionList={collectionList}
-  onSelect={(value) => {
-    console.log('Selected:', value);
-  }}
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  N as default
-};

package/documentation/DrawerSection-Ddkq7twy.js

@@ -1,41 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[s,r]=i.useState(!1),[l,a]=i.useState("sidebar");return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Drawer"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A drawer component that slides in from the side, supporting both simple sidebar and sidebar-menu variants."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Sidebar Drawer"}),e.jsx(t.Button,{onClick:()=>{a("sidebar"),r(!0)},children:"Open Sidebar"}),e.jsx(t.Drawer,{isOpen:s,setIsOpen:r,type:"sidebar",title:"Sidebar Title",children:e.jsx(t.Typography,{tag:"p",children:"Sidebar content goes here"})})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Right Position"}),e.jsx(t.Button,{onClick:()=>{a("sidebar"),r(!0)},children:"Open Right Drawer"}),e.jsx(t.Drawer,{isOpen:s,setIsOpen:r,type:"sidebar",position:"right",title:"Right Drawer",children:e.jsx(t.Typography,{tag:"p",children:"Content on the right"})})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"Drawer",defaultValues:{isOpen:!0,position:"left",backdrop:!0},excludeProps:["setIsOpen","onClose","actionContent","logo","menuItems","type"],children:n=>e.jsx("div",{style:{position:"relative",height:300,overflow:"hidden"},children:e.jsx(t.Drawer,{...n,setIsOpen:()=>{},title:"Drawer Preview",children:e.jsx("p",{className:"text-sm p-4",children:"Drawer content"})})})}),e.jsx(t.AutoPropsTable,{componentName:"Drawer"}),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 { Drawer, Button } from '@e-burgos/tucu-ui';
-import { useState } from 'react';
-
-function MyComponent() {
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <>
-      <Button onClick={() => setIsOpen(true)}>Open Drawer</Button>
-      <Drawer
-        isOpen={isOpen}
-        setIsOpen={setIsOpen}
-        type="sidebar"
-        title="Drawer Title"
-      >
-        <div>Drawer content</div>
-      </Drawer>
-    </>
-  );
-}
-
-// Right position
-<Drawer
-  isOpen={isOpen}
-  setIsOpen={setIsOpen}
-  type="sidebar"
-  position="right"
-  title="Right Drawer"
->
-  <div>Content</div>
-</Drawer>
-
-// Without backdrop
-<Drawer
-  isOpen={isOpen}
-  setIsOpen={setIsOpen}
-  type="sidebar"
-  backdrop={false}
->
-  <div>Content</div>
-</Drawer>`})})})})]})};exports.default=o;

package/documentation/NFTGridSection-CUDnvifG.js

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=require("../collection-1-BIsLOX9N.js"),t=require("../1-CArqgiQa.js"),i=()=>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:"NFTGrid"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Grid card component for displaying NFT items with author information, image, collection, and price."})]}),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.jsx("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:"Basic NFT"}),e.jsx(r.NFTGrid,{author:"CryptoPunk",authorImage:t.avatar1Img,image:a.collection1Img,name:"CryptoPunk #1234",collection:"Crypto Punks",price:"45 ETH"})]})})})})}),e.jsx(r.AutoPropsTable,{componentName:"NFTGrid"}),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 { NFTGrid } from '@e-burgos/tucu-ui';
-
-<NFTGrid
-  author="CryptoPunk"
-  authorImage="/avatars/cryptopunk.jpg"
-  image="/nfts/punk-1234.jpg"
-  name="CryptoPunk #1234"
-  collection="Crypto Punks"
-  price="45 ETH"
-  profilePath="/profile/cryptopunk" // Optional
-/>`})})})})]});exports.default=i;

package/documentation/NFTGridSection-DMCh4Qbs.js

@@ -1,56 +0,0 @@
-import { jsxs as r, Fragment as i, jsx as a } from "react/jsx-runtime";
-import { T as e, C as t, a as o, N as l, A as c, c as m } from "../index-DsiBIFwo.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-import { c as s } from "../collection-1-NeFANkbk.js";
-import { a as n } from "../1-Df9CGZha.js";
-const y = () => /* @__PURE__ */ r(i, { children: [
-  /* @__PURE__ */ r("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ a(e, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "NFTGrid" }),
-    /* @__PURE__ */ a(
-      e,
-      {
-        tag: "p",
-        className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Grid card component for displaying NFT items with author information, image, collection, and price."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("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__ */ r(t, { className: "p-4", children: [
-    /* @__PURE__ */ a(e, { tag: "h5", className: "mb-3", children: "Basic NFT" }),
-    /* @__PURE__ */ a(
-      l,
-      {
-        author: "CryptoPunk",
-        authorImage: n,
-        image: s,
-        name: "CryptoPunk #1234",
-        collection: "Crypto Punks",
-        price: "45 ETH"
-      }
-    )
-  ] }) }) }) }) }),
-  /* @__PURE__ */ a(c, { componentName: "NFTGrid" }),
-  /* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
-    m,
-    {
-      language: "tsx",
-      code: `import { NFTGrid } from '@e-burgos/tucu-ui';
-
-<NFTGrid
-  author="CryptoPunk"
-  authorImage="/avatars/cryptopunk.jpg"
-  image="/nfts/punk-1234.jpg"
-  name="CryptoPunk #1234"
-  collection="Crypto Punks"
-  price="45 ETH"
-  profilePath="/profile/cryptopunk" // Optional
-/>`
-    }
-  ) }) }) })
-] });
-export {
-  y as default
-};

package/documentation/SelectSection-RN83Da8P.js

@@ -1,20 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react-dom");const n=()=>{const[s,t]=r.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"}];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 for choosing from a list of options."})]}),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:s,onChange:t})]}),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"},{name:"Spanish",value:"es"},{name:"French",value:"fr"}]})]}),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.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Required Field"}),e.jsx(a.Select,{label:"Priority",placeholder:"Select priority",required:!0,options:[{name:"Low",value:"low"},{name:"Medium",value:"medium"},{name:"High",value:"high"}]})]})]})})})}),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' },
-];
-
-<Select
-  label="Country"
-  placeholder="Select a country"
-  options={options}
-  selectedOption={selectedOption}
-  onChange={setSelectedOption}
-/>
-
-// Variants
-<Select label="Ghost" variant="ghost" options={options} />
-<Select label="Solid" variant="solid" options={options} />
-<Select label="Transparent" variant="transparent" options={options} />`})})})})]})};exports.default=n;