@e-burgos/tucu-ui 2.4.1 → 2.6.0

package/documentation/HookDocumentationSection-xSjkUQih.js

@@ -1,100 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-CQ1tqJiQ.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Hook Documentation",description:"Complete API reference for all 14 hooks with signatures, parameters, return types, and usage examples.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.BookOpen,{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(s.Typography,{tag:"h2",className:"mb-2",children:"Responsive & Layout Hooks"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Screen size detection and element measurement"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useBreakpoint & useIsMobile",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useBreakpoint()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Returns the current screen breakpoint name. Built on createBreakpoint from react-use."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const breakpoint = useBreakpoint();
-// Returns: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl'
-
-// Breakpoint sizes:
-// xs: 480px, sm: 640px, md: 768px, lg: 1024px
-// xl: 1280px, 2xl: 1440px, 3xl: 1780px, 4xl: 2160px`})})]}),e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useIsMobile()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Returns an object with isMobile boolean. True for xs, sm, md breakpoints (≤768px)."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const { isMobile } = useIsMobile();
-// Returns: { isMobile: boolean }
-
-// Usage
-if (isMobile) {
-  return <MobileLayout />;
-}
-return <DesktopLayout />;`})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useElementSize & useMeasure",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useElementSize<T>()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Tracks element dimensions. Returns a callback ref setter (not a RefObject) and size object."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const [ref, { width, height }] = useElementSize<HTMLDivElement>();
-// ref: (node: T | null) => void — callback ref
-// Returns: [callbackRef, { width: number; height: number }]
-
-return (
-  <div ref={ref} className="resizable">
-    Size: {width} × {height}px
-  </div>
-);`})})]}),e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useMeasure<T>()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Advanced measurement with full bounds. Uses ResizeObserver internally (from react-use)."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const [ref, bounds] = useMeasure<HTMLDivElement>();
-// bounds: { x, y, width, height, top, right, bottom, left }
-
-return (
-  <div ref={ref}>
-    Position: ({bounds.x}, {bounds.y})
-    Size: {bounds.width} × {bounds.height}
-  </div>
-);`})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useWindowScroll",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useWindowScroll()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Returns current scroll position. Custom implementation that detects scroll on window, document, and overflow containers."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const { x, y } = useWindowScroll();
-// Returns: { x: number; y: number }
-
-// Tracks scroll from window, document, and containers with overflow`})})]})})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"User Interaction Hooks"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Click detection, clipboard, and event handling"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useClickAway & useCopyToClipboard",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useClickAway(ref, handler, events?)"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Detects clicks outside a ref element. Re-exported from react-use. Defaults to mousedown + touchstart."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const ref = useRef<HTMLDivElement>(null);
-useClickAway(ref, () => {
-  setIsOpen(false);
-});
-// Optional 3rd param: event names array
-// Default: ['mousedown', 'touchstart']`})})]}),e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useCopyToClipboard()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Clipboard functionality with state tracking. Re-exported from react-use."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const [state, copyToClipboard] = useCopyToClipboard();
-// state: { value?: string; error?: Error; noUserInteraction: boolean }
-
-copyToClipboard('Text to copy');
-
-// Check result:
-if (state.value) console.log('Copied:', state.value);
-if (state.error) console.error('Failed:', state.error);`})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useEventListener",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useEventListener(eventName, handler, element?, options?)"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Type-safe event listener with automatic cleanup. Custom implementation with overloads for window, document, HTMLElement, and MediaQueryList."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`// On window (default target)
-useEventListener('keydown', (event) => {
-  console.log(event.key);
-});
-
-// On a specific element
-const ref = useRef<HTMLDivElement>(null);
-useEventListener('click', (event) => {
-  console.log('Clicked!', event.clientX);
-}, ref);
-
-// Also exports useIsomorphicLayoutEffect`})})]})})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"UI State Management Hooks"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Zustand-powered global state for UI behaviors"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useToastStore",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useToastStore()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Zustand-based global toast notification system with 5 variants and auto-dismiss."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const { addToast, dismissToast, toasts, setToasts } = useToastStore();
-
-addToast({
-  id: 'unique-id',       // required
-  message: 'Text',      // required
-  title: 'Title',       // optional
-  variant: 'success',   // 'default' | 'destructive' | 'success' | 'warning' | 'info'
-  timeout: 3000,        // optional, default 3000ms
-});
-
-dismissToast('unique-id');  // dismiss by id
-dismissToast();             // dismiss all`})})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useGridSwitcher & useLockBodyScroll",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useGridSwitcher()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Zustand store for global grid layout switching. Persists state across components."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const { isGridCompact, setIsGridCompact } = useGridSwitcher();
-// isGridCompact: boolean (default: false)
-
-const toggleLayout = () => setIsGridCompact(!isGridCompact);`})})]}),e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useLockBodyScroll(isLocked)"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Locks body scroll when active. Automatically preserves scrollbar width to prevent layout shift."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`useLockBodyScroll(isModalOpen);
-// Pass true to lock, false to unlock
-// Automatically adds padding-right to compensate scrollbar
-
-const [isOpen, setIsOpen] = useState(false);
-useLockBodyScroll(isOpen);`})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useScrollableSlider",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useScrollableSlider(defaultActivePath?)"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Horizontal scrollable slider with navigation buttons. Uses react-router-dom internally for active path detection."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const {
-  sliderEl,        // RefObject<HTMLDivElement> — container ref
-  sliderPrevBtn,   // RefObject<HTMLButtonElement> — prev button ref
-  sliderNextBtn,   // RefObject<HTMLButtonElement> — next button ref
-  scrollToTheRight,// () => void
-  scrollToTheLeft, // () => void
-} = useScrollableSlider('/');
-// Parameter: defaultActivePath (string, default '/')
-// Note: Uses useLocation() from react-router-dom internally`})})]})})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Utility Hooks"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Lifecycle and navigation helpers"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"useIsMounted & useAnchorScroll",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useIsMounted()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Returns a boolean indicating component mount state. Useful to prevent memory leaks in async operations."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`const isMounted = useIsMounted();
-// Returns: boolean (true after mount, false before)
-
-useEffect(() => {
-  fetchData().then((data) => {
-    if (isMounted) {
-      setState(data); // safe — won't update unmounted component
-    }
-  });
-}, [isMounted]);`})})]}),e.jsxs("div",{className:"p-6 border rounded-lg",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-3",children:"useAnchorScroll()"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-4",children:"Intercepts anchor link clicks and performs smooth scrolling to target elements."}),e.jsx("div",{className:"bg-light-dark p-4 rounded-xl border dark:border-border overflow-x-auto",children:e.jsx(s.CodeBlock,{language:"tsx",noExpand:!0,code:`useAnchorScroll();
-// Returns: null
-// Adds global click handler for <a href="#section"> links
-// Automatically smooth-scrolls to the target element
-
-// Usage: Just call in your root component
-function App() {
-  useAnchorScroll();
-  return <Layout />;
-}`})})]})]})})})})]})]});exports.default=a;

package/documentation/HookFeaturesSection-BixNPyMu.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-CQ1tqJiQ.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const a=[{icon:e.jsx(t.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Performance Optimized",description:"Minimal re-renders using useRef patterns, ResizeObserver, and event delegation for maximum efficiency.",iconBgClassName:"from-yellow-500 to-amber-500"},{icon:e.jsx(t.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"TypeScript First",description:"Full generic support (e.g. useElementSize<HTMLCanvasElement>) with comprehensive type definitions and IntelliSense.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(t.Package,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Tree Shaking",description:"Import only the hooks you need — each hook is independently exportable for optimal bundle size.",iconBgClassName:"from-green-500 to-emerald-500"},{icon:e.jsx(t.Eye,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Accessibility Ready",description:"Hooks like useLockBodyScroll preserve scrollbar width to prevent layout shifts, and useEventListener supports keyboard navigation.",iconBgClassName:"from-purple-500 to-violet-500"},{icon:e.jsx(t.Database,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Zustand-Powered State",description:"Global state hooks (useToastStore, useGridSwitcher) are built on Zustand for predictable, minimal-boilerplate state management.",iconBgClassName:"from-orange-500 to-red-500"},{icon:e.jsx(t.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"14 Hooks Available",description:"From responsive detection to clipboard operations, element measurement, scroll control, and event handling — all in one library.",iconBgClassName:"from-teal-500 to-cyan-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Why Choose Our Hooks?",description:"A battle-tested collection of 14 React hooks covering responsive design, user interactions, state management, and utilities — all with full TypeScript support and tree-shaking.",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(t.Sparkles,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Key Advantages"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 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-3 gap-4 sm:gap-6",children:a.map(i=>e.jsx(s.FeatureCard,{layout:"vertical",...i},i.title))})]})]})};exports.default=o;

package/documentation/HookFeaturesSection-CwZxg2m_.js

@@ -1,70 +0,0 @@
-import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { H as i, T as o, ax as r } from "../index-BOVWnu1L.js";
-import { Sparkles as l, Zap as n, Code as m, Package as c, Eye as d, Database as p, Layers as h } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const x = () => /* @__PURE__ */ t(s, { children: [
-  /* @__PURE__ */ e(
-    i,
-    {
-      title: "Why Choose Our Hooks?",
-      description: "A battle-tested collection of 14 React hooks covering responsive design, user interactions, state management, and utilities — all with full TypeScript support and tree-shaking.",
-      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(l, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-    }
-  ),
-  /* @__PURE__ */ t("section", { className: "space-y-8", children: [
-    /* @__PURE__ */ t("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(o, { tag: "h2", className: "mb-2", children: "Key Advantages" }),
-      /* @__PURE__ */ e(
-        o,
-        {
-          tag: "p",
-          className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-          children: "Built with modern React patterns and optimized for performance"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6", children: [
-      {
-        icon: /* @__PURE__ */ e(n, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "Performance Optimized",
-        description: "Minimal re-renders using useRef patterns, ResizeObserver, and event delegation for maximum efficiency.",
-        iconBgClassName: "from-yellow-500 to-amber-500"
-      },
-      {
-        icon: /* @__PURE__ */ e(m, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "TypeScript First",
-        description: "Full generic support (e.g. useElementSize<HTMLCanvasElement>) with comprehensive type definitions and IntelliSense.",
-        iconBgClassName: "from-blue-500 to-cyan-500"
-      },
-      {
-        icon: /* @__PURE__ */ e(c, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "Tree Shaking",
-        description: "Import only the hooks you need — each hook is independently exportable for optimal bundle size.",
-        iconBgClassName: "from-green-500 to-emerald-500"
-      },
-      {
-        icon: /* @__PURE__ */ e(d, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "Accessibility Ready",
-        description: "Hooks like useLockBodyScroll preserve scrollbar width to prevent layout shifts, and useEventListener supports keyboard navigation.",
-        iconBgClassName: "from-purple-500 to-violet-500"
-      },
-      {
-        icon: /* @__PURE__ */ e(p, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "Zustand-Powered State",
-        description: "Global state hooks (useToastStore, useGridSwitcher) are built on Zustand for predictable, minimal-boilerplate state management.",
-        iconBgClassName: "from-orange-500 to-red-500"
-      },
-      {
-        icon: /* @__PURE__ */ e(h, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-        title: "14 Hooks Available",
-        description: "From responsive detection to clipboard operations, element measurement, scroll control, and event handling — all in one library.",
-        iconBgClassName: "from-teal-500 to-cyan-500"
-      }
-    ].map((a) => /* @__PURE__ */ e(r, { layout: "vertical", ...a }, a.title)) })
-  ] })
-] });
-export {
-  x as default
-};

package/documentation/IconArchitectureSection-CBQmrZ-3.js

@@ -1,145 +0,0 @@
-import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { H as h, T as a, ax as p, c as u, C as g } from "../index-BOVWnu1L.js";
-import { Layers as c, Package as x, Check as w, Sparkles as y, Palette as f } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const L = () => {
-  const i = [
-    {
-      icon: /* @__PURE__ */ e(y, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-      title: "Lucide React (1500+ icons)",
-      description: "Full Lucide React library accessible via LucideIcons namespace. Tree-shakeable when consumed as ES modules since lucide-react is marked as external.",
-      iconBgClassName: "from-blue-500 to-indigo-500"
-    },
-    {
-      icon: /* @__PURE__ */ e(f, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-      title: "Custom Tucu Icons (96)",
-      description: "96 hand-crafted SVG icons: blockchain/crypto, layout controls, social brands, and UI elements. Direct named imports from the library.",
-      iconBgClassName: "from-purple-500 to-pink-500"
-    },
-    {
-      icon: /* @__PURE__ */ e(c, { className: "w-6 h-6 text-white filter drop-shadow-sm" }),
-      title: "Unified Import",
-      description: "Both systems accessible from a single package. LucideIcons via namespace, custom icons via named exports.",
-      iconBgClassName: "from-indigo-500 to-violet-500"
-    }
-  ], o = `// Two import patterns — one package
-import { LucideIcons } from '@e-burgos/tucu-ui';
-import { Bitcoin, HomeIcon, Github } from '@e-burgos/tucu-ui';
-
-// Lucide: namespace dot notation (1500+ icons)
-<LucideIcons.Home className="w-6 h-6" />
-<LucideIcons.Settings size={24} strokeWidth={1.5} />
-
-// Custom: direct named imports (96 icons)
-<Bitcoin className="w-6 h-6" />
-<HomeIcon className="w-6 h-6" />`, r = [
-    {
-      title: "Lucide Icons",
-      items: [
-        "Imported via LucideIcons.* namespace",
-        "Props: className, size, color, strokeWidth, fill, stroke",
-        "Stroke-based SVGs (outline style)",
-        "External dependency — tree-shakeable by consumer bundler",
-        "~1500+ icons available"
-      ],
-      color: "from-blue-500 to-cyan-500"
-    },
-    {
-      title: "Custom Tucu Icons",
-      items: [
-        "Imported as named exports directly",
-        "Props: className + all SVGAttributes",
-        "Mix of fill and stroke-based SVGs",
-        "Bundled inside tucu-ui (always included)",
-        "96 specialized icons (crypto, layouts, brands)"
-      ],
-      color: "from-purple-500 to-pink-500"
-    }
-  ];
-  return /* @__PURE__ */ s(m, { children: [
-    /* @__PURE__ */ e(
-      h,
-      {
-        title: "Icon Architecture",
-        description: "Dual icon system combining 1500+ Lucide React icons with 96 custom-designed icons, all accessible from a single package with TypeScript support.",
-        icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(c, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ s("section", { className: "space-y-8", children: [
-      /* @__PURE__ */ s("div", { className: "text-center", children: [
-        /* @__PURE__ */ e(a, { tag: "h2", className: "mb-2", children: "Two Systems, One Package" }),
-        /* @__PURE__ */ e(
-          a,
-          {
-            tag: "p",
-            className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-            children: "A unified approach to icons for every use case"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6", children: i.map((t) => /* @__PURE__ */ e(p, { layout: "horizontal", ...t }, t.title)) })
-    ] }),
-    /* @__PURE__ */ s("section", { className: "space-y-8", children: [
-      /* @__PURE__ */ s("div", { className: "text-center", children: [
-        /* @__PURE__ */ e(a, { tag: "h2", className: "mb-2", children: "Import Patterns" }),
-        /* @__PURE__ */ e(
-          a,
-          {
-            tag: "p",
-            className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-            children: "How to access both icon systems"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(u, { language: "tsx", code: o })
-    ] }),
-    /* @__PURE__ */ s("section", { className: "space-y-8", children: [
-      /* @__PURE__ */ s("div", { className: "text-center", children: [
-        /* @__PURE__ */ e(a, { tag: "h2", className: "mb-2", children: "Key Differences" }),
-        /* @__PURE__ */ e(
-          a,
-          {
-            tag: "p",
-            className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-            children: "Understanding when to use each icon system"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6", children: r.map((t, l) => /* @__PURE__ */ e(
-        g,
-        {
-          className: "group hover:shadow-large transition-all duration-300",
-          children: /* @__PURE__ */ s("div", { className: "w-full p-4 sm:p-6 space-y-4", children: [
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: `p-2 rounded-lg bg-linear-to-br ${t.color} shadow-lg`,
-                  children: /* @__PURE__ */ e(x, { className: "w-5 h-5 text-white" })
-                }
-              ),
-              /* @__PURE__ */ e(a, { tag: "h3", className: "font-semibold text-lg", children: t.title })
-            ] }),
-            /* @__PURE__ */ e("div", { className: "space-y-2", children: t.items.map((n, d) => /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
-              /* @__PURE__ */ e(w, { className: "w-4 h-4 text-green-500 shrink-0 mt-0.5" }),
-              /* @__PURE__ */ e(
-                a,
-                {
-                  tag: "span",
-                  className: "text-sm text-gray-600 dark:text-gray-400",
-                  children: n
-                }
-              )
-            ] }, d)) })
-          ] })
-        },
-        l
-      )) })
-    ] })
-  ] });
-};
-export {
-  L as default
-};

package/documentation/IconArchitectureSection-CbgKL8wA.js

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-CQ1tqJiQ.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=()=>{const c=[{icon:e.jsx(t.Sparkles,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Lucide React (1500+ icons)",description:"Full Lucide React library accessible via LucideIcons namespace. Tree-shakeable when consumed as ES modules since lucide-react is marked as external.",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:e.jsx(t.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Custom Tucu Icons (96)",description:"96 hand-crafted SVG icons: blockchain/crypto, layout controls, social brands, and UI elements. Direct named imports from the library.",iconBgClassName:"from-purple-500 to-pink-500"},{icon:e.jsx(t.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Unified Import",description:"Both systems accessible from a single package. LucideIcons via namespace, custom icons via named exports.",iconBgClassName:"from-indigo-500 to-violet-500"}],i=`// Two import patterns — one package
-import { LucideIcons } from '@e-burgos/tucu-ui';
-import { Bitcoin, HomeIcon, Github } from '@e-burgos/tucu-ui';
-
-// Lucide: namespace dot notation (1500+ icons)
-<LucideIcons.Home className="w-6 h-6" />
-<LucideIcons.Settings size={24} strokeWidth={1.5} />
-
-// Custom: direct named imports (96 icons)
-<Bitcoin className="w-6 h-6" />
-<HomeIcon className="w-6 h-6" />`,r=[{title:"Lucide Icons",items:["Imported via LucideIcons.* namespace","Props: className, size, color, strokeWidth, fill, stroke","Stroke-based SVGs (outline style)","External dependency — tree-shakeable by consumer bundler","~1500+ icons available"],color:"from-blue-500 to-cyan-500"},{title:"Custom Tucu Icons",items:["Imported as named exports directly","Props: className + all SVGAttributes","Mix of fill and stroke-based SVGs","Bundled inside tucu-ui (always included)","96 specialized icons (crypto, layouts, brands)"],color:"from-purple-500 to-pink-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Icon Architecture",description:"Dual icon system combining 1500+ Lucide React icons with 96 custom-designed icons, all accessible from a single package with TypeScript support.",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-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Layers,{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(s.Typography,{tag:"h2",className:"mb-2",children:"Two Systems, One Package"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"A unified approach to icons for every use case"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:c.map(a=>e.jsx(s.FeatureCard,{layout:"horizontal",...a},a.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Import Patterns"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"How to access both icon systems"})]}),e.jsx(s.CodeBlock,{language:"tsx",code:i})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Key Differences"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Understanding when to use each icon system"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:r.map((a,o)=>e.jsx(s.CardContainer,{className:"group hover:shadow-large transition-all duration-300",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 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 ${a.color} shadow-lg`,children:e.jsx(t.Package,{className:"w-5 h-5 text-white"})}),e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg",children:a.title})]}),e.jsx("div",{className:"space-y-2",children:a.items.map((l,n)=>e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(t.Check,{className:"w-4 h-4 text-green-500 shrink-0 mt-0.5"}),e.jsx(s.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:l})]},n))})]})},o))})]})]})};exports.default=d;

package/documentation/IconSizingGuideSection-Bs_V_U2L.js

@@ -1,118 +0,0 @@
-import { jsxs as s, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { H as d, T as l, C as t } from "../index-BOVWnu1L.js";
-import { Ruler as n, Star as r } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const b = () => {
-  const i = [
-    {
-      label: "XS",
-      tailwind: "w-3 h-3",
-      pixels: "12px",
-      usage: "Inline text, badges, micro indicators"
-    },
-    {
-      label: "SM",
-      tailwind: "w-4 h-4",
-      pixels: "16px",
-      usage: "Input icons, small buttons, list markers"
-    },
-    {
-      label: "MD",
-      tailwind: "w-5 h-5",
-      pixels: "20px",
-      usage: "Default button icons, navigation items"
-    },
-    {
-      label: "LG",
-      tailwind: "w-6 h-6",
-      pixels: "24px",
-      usage: "Card headers, standalone icons, large buttons"
-    },
-    {
-      label: "XL",
-      tailwind: "w-8 h-8",
-      pixels: "32px",
-      usage: "Feature highlights, empty states, hero sections"
-    }
-  ];
-  return /* @__PURE__ */ s(c, { children: [
-    /* @__PURE__ */ e(
-      d,
-      {
-        title: "Icon Sizing Guide",
-        description: "Consistent sizing scale for icons across different UI contexts. Use Tailwind width/height classes for predictable sizing.",
-        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-violet-500 via-purple-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ e(n, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ s("section", { className: "space-y-8", children: [
-      /* @__PURE__ */ s("div", { className: "text-center", children: [
-        /* @__PURE__ */ e(l, { tag: "h2", className: "mb-2", children: "Size Scale" }),
-        /* @__PURE__ */ e(
-          l,
-          {
-            tag: "p",
-            className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-            children: "Visual comparison of icon sizes with recommended use cases"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-5 gap-4 sm:gap-6", children: i.map((a) => /* @__PURE__ */ s(
-        "div",
-        {
-          className: "flex flex-col items-center text-center space-y-3",
-          children: [
-            /* @__PURE__ */ e("div", { className: "p-4 rounded-xl bg-gray-100 dark:bg-gray-800/50 border border-border flex items-center justify-center min-h-[80px]", children: /* @__PURE__ */ e(r, { className: a.tailwind }) }),
-            /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e(l, { tag: "h3", className: "font-bold text-lg", children: a.label }),
-              /* @__PURE__ */ e("code", { className: "text-xs text-brand block", children: a.tailwind }),
-              /* @__PURE__ */ e(
-                l,
-                {
-                  tag: "span",
-                  className: "text-xs text-gray-500 dark:text-gray-400 block",
-                  children: a.pixels
-                }
-              )
-            ] })
-          ]
-        },
-        a.label
-      )) }) }) })
-    ] }),
-    /* @__PURE__ */ s("section", { className: "space-y-8", children: [
-      /* @__PURE__ */ s("div", { className: "text-center", children: [
-        /* @__PURE__ */ e(l, { tag: "h2", className: "mb-2", children: "When to Use Each Size" }),
-        /* @__PURE__ */ e(
-          l,
-          {
-            tag: "p",
-            className: "text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",
-            children: "Recommended contexts for each icon size"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: i.map((a) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ s("div", { className: "w-full p-4 sm:p-5 flex items-start gap-3", children: [
-        /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ e(r, { className: a.tailwind }) }),
-        /* @__PURE__ */ s("div", { className: "flex-1", children: [
-          /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mb-1", children: [
-            /* @__PURE__ */ e(l, { tag: "h3", className: "font-semibold", children: a.label }),
-            /* @__PURE__ */ e("code", { className: "text-xs text-gray-500", children: a.tailwind })
-          ] }),
-          /* @__PURE__ */ e(
-            l,
-            {
-              tag: "p",
-              className: "text-sm text-gray-600 dark:text-gray-400",
-              children: a.usage
-            }
-          )
-        ] })
-      ] }) }, a.label)) })
-    ] })
-  ] });
-};
-export {
-  b as default
-};

package/documentation/IconSizingGuideSection-DUaYue72.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-CQ1tqJiQ.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>{const i=[{label:"XS",tailwind:"w-3 h-3",pixels:"12px",usage:"Inline text, badges, micro indicators"},{label:"SM",tailwind:"w-4 h-4",pixels:"16px",usage:"Input icons, small buttons, list markers"},{label:"MD",tailwind:"w-5 h-5",pixels:"20px",usage:"Default button icons, navigation items"},{label:"LG",tailwind:"w-6 h-6",pixels:"24px",usage:"Card headers, standalone icons, large buttons"},{label:"XL",tailwind:"w-8 h-8",pixels:"32px",usage:"Feature highlights, empty states, hero sections"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Icon Sizing Guide",description:"Consistent sizing scale for icons across different UI contexts. Use Tailwind width/height classes for predictable sizing.",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-violet-500 via-purple-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(l.Ruler,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Size Scale"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Visual comparison of icon sizes with recommended use cases"})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-5 gap-4 sm:gap-6",children:i.map(s=>e.jsxs("div",{className:"flex flex-col items-center text-center space-y-3",children:[e.jsx("div",{className:"p-4 rounded-xl bg-gray-100 dark:bg-gray-800/50 border border-border flex items-center justify-center min-h-[80px]",children:e.jsx(l.Star,{className:s.tailwind})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Typography,{tag:"h3",className:"font-bold text-lg",children:s.label}),e.jsx("code",{className:"text-xs text-brand block",children:s.tailwind}),e.jsx(a.Typography,{tag:"span",className:"text-xs text-gray-500 dark:text-gray-400 block",children:s.pixels})]})]},s.label))})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"When to Use Each Size"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Recommended contexts for each icon size"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:i.map(s=>e.jsx(a.CardContainer,{children:e.jsxs("div",{className:"w-full p-4 sm:p-5 flex items-start gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-gray-100 dark:bg-gray-800",children:e.jsx(l.Star,{className:s.tailwind})}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx(a.Typography,{tag:"h3",className:"font-semibold",children:s.label}),e.jsx("code",{className:"text-xs text-gray-500",children:s.tailwind})]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:s.usage})]})]})},s.label))})]})]})};exports.default=t;

package/documentation/IconSystemAPISection-CD2TVIQ8.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-CQ1tqJiQ.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const i=[{prop:"className",type:"string",default:"—",description:"Tailwind CSS classes for styling. Use w-*/h-* for sizing, text-* for color."},{prop:"size",type:"number | string",default:"24",description:"Icon size in pixels. Sets both width and height. Alternative to className sizing."},{prop:"color",type:"string",default:"currentColor",description:"SVG stroke color. Inherits from parent text color by default."},{prop:"strokeWidth",type:"number",default:"2",description:"Width of SVG strokes. Use 1.5 for thinner lines, 2.5 for bolder."},{prop:"fill",type:"string",default:"none",description:'SVG fill color. Most Lucide icons are stroke-based (fill="none").'},{prop:"absoluteStrokeWidth",type:"boolean",default:"false",description:"When true, strokeWidth stays constant regardless of icon size."}],o=[{prop:"className",type:"string",default:"—",description:"Tailwind CSS classes for sizing (w-*/h-*) and color (text-*)."},{prop:"width / height",type:"number | string",default:"—",description:"SVG width and height attributes. className sizing is preferred."},{prop:"fill",type:"string",default:"varies",description:"SVG fill. Some icons use currentColor, others have hardcoded brand colors."},{prop:"stroke",type:"string",default:"varies",description:"SVG stroke color. Depends on icon type (fill-based vs stroke-based)."},{prop:"...SVGAttributes",type:"SVGAttributes<SVGElement>",default:"—",description:"All standard SVG attributes: opacity, style, onClick, aria-*, etc."}],r=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>t==="—"?e.jsx("span",{className:"text-gray-400",children:"—"}):e.jsx("code",{className:"text-xs",children:String(t)})},{key:"description",label:"Description"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Icon System API",description:"Complete props reference for both Lucide namespace icons and custom Tucu icons. Each system has a slightly different API surface.",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-cyan-500 via-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Terminal,{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(s.Typography,{tag:"h2",className:"mb-2",children:"Lucide Icons Props"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Props available on LucideIcons.* components"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:r,data:i})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Custom Tucu Icons Props"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Props available on named custom icon exports"})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:r,data:o})})})]})]})};exports.default=n;