npm - @e-burgos/tucu-ui - Versions diffs - 2.0.2 → 2.0.3 - Mend

@e-burgos/tucu-ui 2.0.2 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (448) hide show

package/FileInputSection-BQXToQMH.js DELETED Viewed

@@ -1,65 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const p=()=>{const s=[{key:"prop",label:"Prop",render:a=>e.jsx("code",{className:"text-xs text-brand",children:String(a)})},{key:"type",label:"Type",render:a=>e.jsx("code",{className:"text-xs",children:String(a)})},{key:"default",label:"Default",render:a=>{const t=String(a);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],i=[{prop:"accept",type:"'img' | 'pdf' | 'csvAndExcel' | 'imgAndPdf' | 'all'",default:"undefined (accepts all)",description:'File types to accept. If not provided or set to "all", accepts any file type'},{prop:"multiple",type:"boolean",default:"false",description:"Allow multiple file selection"},{prop:"disabled",type:"boolean",default:"false",description:"Disables the upload component"},{prop:"label",type:"React.ReactNode",default:"'CHOOSE FILE'",description:"Button label text"},{prop:"placeholderText",type:"React.ReactNode",default:"'PNG, GIF, WEBP, MP4 or MP3. Max 100mb.'",description:"Placeholder text displayed in the upload area"},{prop:"children",type:"React.ReactNode",default:"-",description:"Custom content to display in the upload area"},{prop:"wrapperClassName",type:"string",default:"-",description:"Custom CSS classes for the wrapper container"},{prop:"className",type:"string",default:"-",description:"Custom CSS classes for the input element"},{prop:"labelClassName",type:"string",default:"-",description:"Custom CSS classes for the label/button"},{prop:"containerClassName",type:"string",default:"-",description:"Custom CSS classes for the container element"},{prop:"containerProps",type:"React.HTMLAttributes<HTMLDivElement>",default:"-",description:"Additional props to pass to the container element"},{prop:"additionalInputProps",type:"React.InputHTMLAttributes<HTMLInputElement>",default:"-",description:"Additional props to pass to the input element"}];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:"FileInput"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An advanced file input component with native HTML5 drag-and-drop support, image preview, and flexible file type validation. The component implements native drag and drop functionality without external dependencies."})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.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(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Images Only"}),e.jsx(l.FileInput,{label:"Upload Images",accept:"img",placeholderText:"PNG, JPG, GIF, WEBP. Max 100mb."})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Multiple Images"}),e.jsx(l.FileInput,{label:"Upload Multiple Images",accept:"img",multiple:!0,placeholderText:"Select multiple images"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"PDF Documents"}),e.jsx(l.FileInput,{label:"Upload PDF",accept:"pdf",placeholderText:"PDF files only. Max 100mb."})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"CSV & Excel Files"}),e.jsx(l.FileInput,{label:"Upload CSV or Excel",accept:"csvAndExcel",multiple:!0,placeholderText:"CSV, XLSX, or XLS files. Max 100mb."})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Images & PDFs"}),e.jsx(l.FileInput,{label:"Upload Images or PDFs",accept:"imgAndPdf",multiple:!0,placeholderText:"Images or PDF documents"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"All File Types"}),e.jsx(l.FileInput,{label:"Upload Any File",accept:"all",multiple:!0,placeholderText:"Drag and drop any file type or click to browse"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Any File (No Restriction)"}),e.jsx(l.FileInput,{label:"Upload Files",multiple:!0,placeholderText:"Accept any file type - no restrictions"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(l.FileInput,{accept:"img",disabled:!0})]})]})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.BasicTable,{columns:s,data:i})})})}),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 { FileInput } from '@e-burgos/tucu-ui';
-// Images only
-<FileInput
-  label="Upload Images"
-  accept="img"
-  placeholderText="PNG, JPG, GIF, WEBP. Max 100mb."
-/>
-// Multiple images
-<FileInput
-  label="Upload Multiple Images"
-  accept="img"
-  multiple
-  placeholderText="Select multiple images"
-/>
-// PDF documents
-<FileInput
-  label="Upload PDF"
-  accept="pdf"
-  placeholderText="PDF files only. Max 100mb."
-/>
-// CSV and Excel files
-<FileInput
-  label="Upload CSV or Excel"
-  accept="csvAndExcel"
-  multiple
-  placeholderText="CSV, XLSX, or XLS files. Max 100mb."
-/>
-// Images and PDFs
-<FileInput
-  label="Upload Images or PDFs"
-  accept="imgAndPdf"
-  multiple
-  placeholderText="Images or PDF documents"
-/>
-// All predefined file types
-<FileInput
-  label="Upload Any File"
-  accept="all"
-  multiple
-  placeholderText="Drag and drop any file type or click to browse"
-/>
-// Any file type (no restrictions)
-<FileInput
-  label="Upload Files"
-  multiple
-  placeholderText="Accept any file type - no restrictions"
-/>
-// Disabled
-<FileInput accept="img" disabled />
-// Custom styling
-<FileInput
-  accept="img"
-  wrapperClassName="custom-wrapper"
-  containerClassName="custom-container"
-  labelClassName="custom-label"
-/>`})})})})]})};exports.default=p;

package/FormComponentsSection-_y9uIqWT.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BOfUOCHe.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Form Components"}),e.jsx(t.Typography,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Complete collection of form inputs and controls"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:[{icon:e.jsx(o.Type,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Text Inputs",description:"Input, Textarea with validation support",color:"from-blue-500 to-cyan-500",types:["Input","Textarea","Password"]},{icon:e.jsx(o.List,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Selection",description:"Dropdowns and selection components",color:"from-green-500 to-emerald-500",types:["Select","Combobox","Autocomplete"]},{icon:e.jsx(o.CheckSquare,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Choice Controls",description:"Checkbox and radio button groups",color:"from-purple-500 to-violet-500",types:["Checkbox","Radio","RadioGroup"]},{icon:e.jsx(o.Calendar,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Date & Time",description:"Date and time picker components",color:"from-orange-500 to-red-500",types:["DatePicker","TimePicker","DateRange"]},{icon:e.jsx(o.Upload,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"File Upload",description:"File input with drag & drop support",color:"from-pink-500 to-rose-500",types:["FileInput","ImageUpload","MultiFile"]},{icon:e.jsx(o.Hash,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Specialized",description:"PIN codes, sliders, and custom inputs",color:"from-indigo-500 to-purple-500",types:["PinCode","RangeSlider","ColorPicker"]}].map((s,r)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${s.color} group-hover:scale-110 transition-all duration-300 shadow-lg`,children:s.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:s.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:s.description}),e.jsx("div",{className:"flex flex-wrap gap-1",children:s.types.map((i,a)=>e.jsx(t.Badge,{color:"success",variant:"outline",className:"text-xs",children:i},a))})]})},r))})]});exports.default=l;

package/HamburgerSection-CddGkkvx.js DELETED Viewed

@@ -1,18 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),r=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react-dom");const c=()=>{const[t,s]=o.useState(!1),l=[{key:"prop",label:"Prop",render:a=>e.jsx("code",{className:"text-xs text-brand",children:String(a)})},{key:"type",label:"Type",render:a=>e.jsx("code",{className:"text-xs",children:String(a)})},{key:"default",label:"Default",render:a=>{const n=String(a);return n==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:n})}},{key:"description",label:"Description"}],i=[{prop:"isOpen",type:"boolean",default:"false",description:"Whether the hamburger menu is open"},{prop:"...ButtonProps",type:"ButtonProps",default:"-",description:"All Button component props are supported"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Hamburger"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An animated hamburger menu button component, perfect for mobile navigation menus."})]}),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:"Closed State"}),e.jsx(r.Hamburger,{isOpen:!1,onClick:()=>s(!1)})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Open State"}),e.jsx(r.Hamburger,{isOpen:!0,onClick:()=>s(!0)})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),e.jsx(r.Hamburger,{isOpen:t,onClick:()=>s(!t)})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Different Variants"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(r.Hamburger,{variant:"solid",color:"primary"}),e.jsx(r.Hamburger,{variant:"ghost",color:"primary"}),e.jsx(r.Hamburger,{variant:"transparent"})]})]})]})})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.BasicTable,{columns:l,data:i})})})}),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 { Hamburger } from '@e-burgos/tucu-ui';
-import { useState } from 'react';
-function MyComponent() {
-  const [isOpen, setIsOpen] = useState(false);
-  return (
-    <Hamburger
-      isOpen={isOpen}
-      onClick={() => setIsOpen(!isOpen)}
-    />
-  );
-}
-// With different variants
-<Hamburger variant="solid" color="primary" />
-<Hamburger variant="ghost" color="primary" />
-<Hamburger variant="transparent" />`})})})})]})};exports.default=c;

package/HamburgerSection-v1NZnz0U.mjs DELETED Viewed

@@ -1,108 +0,0 @@
-import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { T as t, C as r, a as i, H as s, B as d, c as u } from "./index-HwvOEWI7.mjs";
-import "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const C = () => {
-  const [o, n] = p(!1);
-  return /* @__PURE__ */ a(m, { 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: "Hamburger" }),
-      /* @__PURE__ */ e(
-        t,
-        {
-          tag: "p",
-          className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "An animated hamburger menu button component, perfect for mobile navigation menus."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Closed State" }),
-        /* @__PURE__ */ e(s, { isOpen: !1, onClick: () => n(!1) })
-      ] }),
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Open State" }),
-        /* @__PURE__ */ e(s, { isOpen: !0, onClick: () => n(!0) })
-      ] }),
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "Interactive Example" }),
-        /* @__PURE__ */ e(s, { isOpen: o, onClick: () => n(!o) })
-      ] }),
-      /* @__PURE__ */ a(r, { className: "p-4", children: [
-        /* @__PURE__ */ e(t, { tag: "h5", className: "mb-3", children: "With Different Variants" }),
-        /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ e(s, { variant: "solid", color: "primary" }),
-          /* @__PURE__ */ e(s, { variant: "ghost", color: "primary" }),
-          /* @__PURE__ */ e(s, { variant: "transparent" })
-        ] })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Props", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(d, { columns: [
-      {
-        key: "prop",
-        label: "Prop",
-        render: (l) => /* @__PURE__ */ e("code", { className: "text-xs text-brand", children: String(l) })
-      },
-      {
-        key: "type",
-        label: "Type",
-        render: (l) => /* @__PURE__ */ e("code", { className: "text-xs", children: String(l) })
-      },
-      {
-        key: "default",
-        label: "Default",
-        render: (l) => {
-          const c = String(l);
-          return c === "required" ? /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: "required" }) : /* @__PURE__ */ e("code", { className: "text-xs", children: c });
-        }
-      },
-      {
-        key: "description",
-        label: "Description"
-      }
-    ], data: [
-      {
-        prop: "isOpen",
-        type: "boolean",
-        default: "false",
-        description: "Whether the hamburger menu is open"
-      },
-      {
-        prop: "...ButtonProps",
-        type: "ButtonProps",
-        default: "-",
-        description: "All Button component props are supported"
-      }
-    ] }) }) }) }),
-    /* @__PURE__ */ e(r, { 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(
-      u,
-      {
-        language: "tsx",
-        code: `import { Hamburger } from '@e-burgos/tucu-ui';
-import { useState } from 'react';
-function MyComponent() {
-  const [isOpen, setIsOpen] = useState(false);
-  return (
-    <Hamburger
-      isOpen={isOpen}
-      onClick={() => setIsOpen(!isOpen)}
-    />
-  );
-}
-// With different variants
-<Hamburger variant="solid" color="primary" />
-<Hamburger variant="ghost" color="primary" />
-<Hamburger variant="transparent" />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  C as default
-};

package/HookCategoriesSection-DKqqeSQ9.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./index-BOfUOCHe.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const a=[{icon:e.jsx(s.Monitor,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Responsive & Layout",description:"Screen size detection and element measurement hooks",color:"from-blue-500 via-cyan-500 to-teal-500",hooks:["useBreakpoint","useIsMobile","useElementSize","useMeasure","useWindowScroll"]},{icon:e.jsx(s.MousePointer,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"User Interaction",description:"Click detection and clipboard operations",color:"from-purple-500 via-violet-500 to-indigo-500",hooks:["useClickAway","useCopyToClipboard","useEventListener"]},{icon:e.jsx(s.Layout,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"UI State Management",description:"Global state and UI behavior management",color:"from-green-500 via-emerald-500 to-teal-500",hooks:["useGridSwitcher","useLockBodyScroll","useToastStore","useScrollableSlider"]},{icon:e.jsx(s.Wrench,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Utilities",description:"Lifecycle and utility functions",color:"from-orange-500 via-amber-500 to-yellow-500",hooks:["useIsMounted"]}];return e.jsxs("div",{className:"space-y-8",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:"Hook Categories"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Organized collection of hooks for different development needs"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:a.map((t,r)=>e.jsx(o.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${t.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:t.icon}),e.jsx(o.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:t.title})]}),e.jsx(o.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:t.description}),e.jsx("div",{className:"flex flex-wrap gap-2",children:t.hooks.map((i,l)=>e.jsx(o.Badge,{className:"text-dark dark:text-white",children:i},l))})]})},r))})]})};exports.default=n;

package/HookFeaturesSection-CJa84RjB.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BOfUOCHe.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const s=[{title:"Performance Optimized",description:"Built with React best practices and minimal re-renders",icon:e.jsx(r.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-yellow-500 via-amber-500 to-orange-500"},{title:"TypeScript First",description:"Full TypeScript support with comprehensive type definitions",icon:e.jsx(r.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-cyan-500 to-sky-500"},{title:"Tree Shaking",description:"Optimized bundle size with automatic tree shaking",icon:e.jsx(r.Package,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500"},{title:"Accessibility Ready",description:"Built with accessibility best practices in mind",icon:e.jsx(r.Eye,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-violet-500 to-indigo-500"}];return e.jsxs("div",{className:"space-y-8",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:"Why Choose Our Hooks?"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Built with modern React patterns and optimized for performance"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6",children:s.map((i,a)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${i.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:i.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:i.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:i.description})]})},a))})]})};exports.default=o;

package/IconArchitectureSection-VZ0XfWpq.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BOfUOCHe.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const a=[{title:"Lucide React Integration",description:"Access to 5000+ high-quality icons through the LucideIcons namespace with full TypeScript support and tree-shaking optimization.",icon:e.jsx(s.Sparkles,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-indigo-500 to-purple-500",features:["Complete Lucide React library (5000+ icons)","Single namespace import (LucideIcons)","Automatic tree-shaking for optimal bundle size","Full TypeScript support with autocomplete","Consistent styling with currentColor"]},{title:"Custom Tucu Icons",description:"98+ carefully crafted SVG icons designed specifically for Tucu UI, including blockchain, layout controls, social brands, and specialized UI elements.",icon:e.jsx(s.Palette,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-pink-500 to-rose-500",features:["98+ custom-designed icons","Blockchain & crypto icons","Layout control icons","Social media brand icons","Theme-aware variants","Optimized SVG format"]},{title:"Dual Icon System",description:"Seamless integration of custom and Lucide icons in one unified system with consistent API and styling.",icon:e.jsx(s.Layers,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),color:"from-indigo-500 via-purple-500 to-pink-500",features:["Unified import pattern","Consistent styling API","Easy migration between icon sets","Performance optimized","TypeScript support for both"]}];return e.jsxs("div",{className:"space-y-8",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:"Icon Architecture"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Dual icon system combining custom design with extensive Lucide React library"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:a.map((i,r)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${i.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:i.icon}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:i.title})]}),e.jsx(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:i.description}),e.jsx("div",{className:"space-y-2",children:i.features.map((o,c)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Check,{className:"w-4 h-4 text-green-500 shrink-0"}),e.jsx(t.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:o})]},c))})]})},r))})]})};exports.default=n;

package/IconSizingGuideSection-BRM-oiM5.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BOfUOCHe.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const t=[{name:"XS",size:"w-3 h-3",pixels:"12px",use:"Inline text"},{name:"SM",size:"w-4 h-4",pixels:"16px",use:"Small buttons"},{name:"MD",size:"w-6 h-6",pixels:"24px",use:"Default size"},{name:"LG",size:"w-8 h-8",pixels:"32px",use:"Large buttons"},{name:"XL",size:"w-12 h-12",pixels:"48px",use:"Feature icons"}];return e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Icon Sizing Guide",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",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 via-indigo-500 to-purple-500 shadow-lg",children:e.jsx(i.Ruler,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Standard Icon Sizes"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-5 gap-6",children:t.map((a,l)=>e.jsxs("div",{className:"text-center space-y-3",children:[e.jsx("div",{className:"flex justify-center",children:e.jsx(i.Star,{className:`${a.size} text-brand`})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(s.Typography,{tag:"h4",className:"font-semibold text-sm",children:a.name}),e.jsx(s.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-400",children:a.pixels}),e.jsx(s.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:a.use}),e.jsx(s.Badge,{variant:"outline",className:"text-xs font-mono",children:a.size})]})]},l))})]})})})})};exports.default=r;

package/IconSystemAPISection-DzCBJPL0.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BOfUOCHe.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const s=[{prop:"LucideIcons",type:"Namespace",default:"-",description:"Access to 5000+ Lucide React icons through dot notation (e.g., LucideIcons.Home)"},{prop:"Custom Icons",type:"Named Exports",default:"-",description:'98+ custom icons available as named exports (e.g., import { Bitcoin, HomeIcon } from "@e-burgos/tucu-ui")'},{prop:"className",type:"string",default:"-",description:"Tailwind CSS classes for styling (size, color, etc.). Use w-* h-* for sizing."},{prop:"fill",type:"string",default:"currentColor",description:"SVG fill color. Defaults to currentColor for theme integration."},{prop:"stroke",type:"string",default:"currentColor",description:"SVG stroke color for Lucide icons. Defaults to currentColor."}],o=[{key:"prop",label:"Prop",render:r=>e.jsx("code",{className:"text-xs text-brand",children:String(r)})},{key:"type",label:"Type",render:r=>e.jsx("code",{className:"text-xs",children:String(r)})},{key:"default",label:"Default",render:r=>r==="-"?e.jsx("span",{className:"text-gray-400",children:"-"}):e.jsx("code",{className:"text-xs",children:String(r)})},{key:"description",label:"Description"}];return e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Icon System API",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.BasicTable,{columns:o,data:s})})})})})};exports.default=i;

package/IconSystemBenefitsSection-CDX-jXus.js DELETED Viewed

@@ -1 +0,0 @@