@e-burgos/tucu-ui 2.4.1 → 2.6.0

package/documentation/TahoePopoverSection-CQN86mL6.js

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),o=require("../index-CQ1tqJiQ.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function x(l){const[s,a]=r.useState(!1);return e.jsx(o.MacOSTahoePopover,{...l,isOpen:s,onClose:()=>a(!1),content:e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(o.MacOSTahoePopoverItem,{label:"New File",icon:e.jsx(t.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",onClick:()=>a(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Open...",icon:e.jsx(t.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",onClick:()=>a(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Delete",icon:e.jsx(t.Trash2,{className:"h-4 w-4"}),destructive:!0,onClick:()=>a(!1)})]}),children:e.jsx("button",{onClick:()=>a(!s),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Menu"})})}const m=()=>{const[l,s]=r.useState(!1),[a,c]=r.useState(!1),[n,i]=r.useState(!1),d=e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(o.MacOSTahoePopoverItem,{label:"New File",icon:e.jsx(t.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",onClick:()=>s(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Open...",icon:e.jsx(t.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",onClick:()=>s(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Save",icon:e.jsx(t.Save,{className:"h-4 w-4"}),shortcut:"⌘S",onClick:()=>s(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Export",icon:e.jsx(t.Download,{className:"h-4 w-4"}),onClick:()=>s(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Delete",icon:e.jsx(t.Trash2,{className:"h-4 w-4"}),destructive:!0,onClick:()=>s(!1)})]});return e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"Popover",description:"Glass-material popover with prominent blur, placement options, menu items with icons, shortcuts, and destructive actions.",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-green-500 via-teal-500 to-cyan-600 rounded-full flex items-center justify-center shadow-lg border border-green-500/50",children:e.jsx(t.MousePointerClick,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Basic Menu",className:"mt-2 mb-2",children:e.jsx(o.MacOSTahoePopover,{isOpen:l,onClose:()=>s(!1),placement:"bottom-start",content:d,children:e.jsx("button",{onClick:()=>s(!l),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"File Menu"})})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Placements",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsx(o.MacOSTahoePopover,{isOpen:a,onClose:()=>c(!1),placement:"bottom-start",content:e.jsx("div",{className:"p-2 text-[13px] text-(--macos-tahoe-text)",children:"Bottom Start"}),children:e.jsx("button",{onClick:()=>c(!a),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",children:"bottom-start"})}),e.jsx(o.MacOSTahoePopover,{isOpen:n,onClose:()=>i(!1),placement:"bottom-end",content:e.jsx("div",{className:"p-2 text-[13px] text-(--macos-tahoe-text)",children:"Bottom End"}),children:e.jsx("button",{onClick:()=>i(!n),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",children:"bottom-end"})})]})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(o.CodeBlock,{code:`import { MacOSTahoePopover, MacOSTahoePopoverItem } from '@e-burgos/tucu-ui';
-
-<MacOSTahoePopover
-  isOpen={open}
-  onClose={() => setOpen(false)}
-  placement="bottom-start"
-  content={
-    <>
-      <MacOSTahoePopoverItem
-        label="New File"
-        icon={<FilePlusIcon />}
-        shortcut="⌘N"
-        onClick={() => {}}
-      />
-      <MacOSTahoePopoverItem
-        label="Delete"
-        destructive
-        onClick={() => {}}
-      />
-    </>
-  }
->
-  <button onClick={() => setOpen(true)}>Open</button>
-</MacOSTahoePopover>`,language:"tsx"})})}),e.jsx(o.PropPlayground,{componentName:"MacOSTahoePopover",defaultValues:{placement:"bottom-start",minWidth:200},includeProps:["placement","minWidth"],excludeProps:["className","contentClassName","content","isOpen","onClose","children"],children:p=>e.jsx(x,{...p})}),e.jsx(o.AutoPropsTable,{componentName:"MacOSTahoePopover"})]})};exports.TahoePopoverSection=m;exports.default=m;

package/documentation/TahoePopoverSection-DLSByLez.js

@@ -1,220 +0,0 @@
-import { jsxs as l, Fragment as g, jsx as e } from "react/jsx-runtime";
-import { useState as c } from "react";
-import { H as f, C as n, a as m, bO as r, c as N, P as v, A as C, bP as a } from "../index-BOVWnu1L.js";
-import { MousePointerClick as O, FilePlus as h, FolderOpen as b, Save as P, Download as w, Trash2 as u } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-function k(s) {
-  const [o, t] = c(!1);
-  return /* @__PURE__ */ e(
-    r,
-    {
-      ...s,
-      isOpen: o,
-      onClose: () => t(!1),
-      content: /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ e(
-          a,
-          {
-            label: "New File",
-            icon: /* @__PURE__ */ e(h, { className: "h-4 w-4" }),
-            shortcut: "⌘N",
-            onClick: () => t(!1)
-          }
-        ),
-        /* @__PURE__ */ e(
-          a,
-          {
-            label: "Open...",
-            icon: /* @__PURE__ */ e(b, { className: "h-4 w-4" }),
-            shortcut: "⌘O",
-            onClick: () => t(!1)
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "my-1 h-px bg-(--macos-glass-border-subtle)" }),
-        /* @__PURE__ */ e(
-          a,
-          {
-            label: "Delete",
-            icon: /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
-            destructive: !0,
-            onClick: () => t(!1)
-          }
-        )
-      ] }),
-      children: /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => t(!o),
-          className: "rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",
-          children: "Open Menu"
-        }
-      )
-    }
-  );
-}
-const D = () => {
-  const [s, o] = c(!1), [t, i] = c(!1), [d, p] = c(!1);
-  return /* @__PURE__ */ l(g, { children: [
-    /* @__PURE__ */ e(
-      f,
-      {
-        title: "Popover",
-        description: "Glass-material popover with prominent blur, placement options, menu items with icons, shortcuts, and destructive actions.",
-        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-green-500 via-teal-500 to-cyan-600 rounded-full flex items-center justify-center shadow-lg border border-green-500/50", children: /* @__PURE__ */ e(O, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(m, { title: "Basic Menu", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-      r,
-      {
-        isOpen: s,
-        onClose: () => o(!1),
-        placement: "bottom-start",
-        content: /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "New File",
-              icon: /* @__PURE__ */ e(h, { className: "h-4 w-4" }),
-              shortcut: "⌘N",
-              onClick: () => o(!1)
-            }
-          ),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "Open...",
-              icon: /* @__PURE__ */ e(b, { className: "h-4 w-4" }),
-              shortcut: "⌘O",
-              onClick: () => o(!1)
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "my-1 h-px bg-(--macos-glass-border-subtle)" }),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "Save",
-              icon: /* @__PURE__ */ e(P, { className: "h-4 w-4" }),
-              shortcut: "⌘S",
-              onClick: () => o(!1)
-            }
-          ),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "Export",
-              icon: /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
-              onClick: () => o(!1)
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "my-1 h-px bg-(--macos-glass-border-subtle)" }),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "Delete",
-              icon: /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
-              destructive: !0,
-              onClick: () => o(!1)
-            }
-          )
-        ] }),
-        children: /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: () => o(!s),
-            className: "rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",
-            children: "File Menu"
-          }
-        )
-      }
-    ) }) }),
-    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(m, { title: "Placements", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: [
-      /* @__PURE__ */ e(
-        r,
-        {
-          isOpen: t,
-          onClose: () => i(!1),
-          placement: "bottom-start",
-          content: /* @__PURE__ */ e("div", { className: "p-2 text-[13px] text-(--macos-tahoe-text)", children: "Bottom Start" }),
-          children: /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: () => i(!t),
-              className: "rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",
-              children: "bottom-start"
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        r,
-        {
-          isOpen: d,
-          onClose: () => p(!1),
-          placement: "bottom-end",
-          content: /* @__PURE__ */ e("div", { className: "p-2 text-[13px] text-(--macos-tahoe-text)", children: "Bottom End" }),
-          children: /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: () => p(!d),
-              className: "rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",
-              children: "bottom-end"
-            }
-          )
-        }
-      )
-    ] }) }) }),
-    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(m, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-      N,
-      {
-        code: `import { MacOSTahoePopover, MacOSTahoePopoverItem } from '@e-burgos/tucu-ui';
-
-<MacOSTahoePopover
-  isOpen={open}
-  onClose={() => setOpen(false)}
-  placement="bottom-start"
-  content={
-    <>
-      <MacOSTahoePopoverItem
-        label="New File"
-        icon={<FilePlusIcon />}
-        shortcut="⌘N"
-        onClick={() => {}}
-      />
-      <MacOSTahoePopoverItem
-        label="Delete"
-        destructive
-        onClick={() => {}}
-      />
-    </>
-  }
->
-  <button onClick={() => setOpen(true)}>Open</button>
-</MacOSTahoePopover>`,
-        language: "tsx"
-      }
-    ) }) }),
-    /* @__PURE__ */ e(
-      v,
-      {
-        componentName: "MacOSTahoePopover",
-        defaultValues: { placement: "bottom-start", minWidth: 200 },
-        includeProps: ["placement", "minWidth"],
-        excludeProps: [
-          "className",
-          "contentClassName",
-          "content",
-          "isOpen",
-          "onClose",
-          "children"
-        ],
-        children: (x) => /* @__PURE__ */ e(k, { ...x })
-      }
-    ),
-    /* @__PURE__ */ e(C, { componentName: "MacOSTahoePopover" })
-  ] });
-};
-export {
-  D as TahoePopoverSection,
-  D as default
-};

package/documentation/TahoeProgressBarSection-BDgXOlAO.js

@@ -1,124 +0,0 @@
-import { jsxs as s, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { useState as n, useEffect as c } from "react";
-import { H as u, C as l, a as r, bK as a, c as h, P as g, A as b } from "../index-BOVWnu1L.js";
-import { Activity as w } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const V = () => {
-  const [o, m] = n(0);
-  return c(() => {
-    const t = setInterval(() => {
-      m((i) => i >= 100 ? 0 : i + 1);
-    }, 80);
-    return () => clearInterval(t);
-  }, []), /* @__PURE__ */ s(d, { children: [
-    /* @__PURE__ */ e(
-      u,
-      {
-        title: "Progress Bar",
-        description: "Determinate and indeterminate progress indicators with glass material track, accent fill, and optional label/value display.",
-        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-violet-600 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50", children: /* @__PURE__ */ e(w, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(r, { title: "Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-5 max-w-md", children: [
-      /* @__PURE__ */ e(
-        a,
-        {
-          value: 35,
-          size: "sm",
-          label: "Small",
-          showValue: !0
-        }
-      ),
-      /* @__PURE__ */ e(
-        a,
-        {
-          value: 60,
-          size: "md",
-          label: "Medium (default)",
-          showValue: !0
-        }
-      ),
-      /* @__PURE__ */ e(
-        a,
-        {
-          value: 85,
-          size: "lg",
-          label: "Large",
-          showValue: !0
-        }
-      )
-    ] }) }) }),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(r, { title: "Animated (Determinate)", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "max-w-md", children: /* @__PURE__ */ e(
-      a,
-      {
-        value: o,
-        size: "md",
-        label: "Downloading update...",
-        showValue: !0
-      }
-    ) }) }) }),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(r, { title: "Indeterminate", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-5 max-w-md", children: [
-      /* @__PURE__ */ e(a, { indeterminate: !0, size: "sm" }),
-      /* @__PURE__ */ e(a, { indeterminate: !0, size: "md", label: "Loading..." }),
-      /* @__PURE__ */ e(
-        a,
-        {
-          indeterminate: !0,
-          size: "lg",
-          label: "Processing files..."
-        }
-      )
-    ] }) }) }),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(r, { title: "Static Values", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-4 max-w-md", children: [
-      /* @__PURE__ */ e(a, { value: 0, label: "0%", showValue: !0 }),
-      /* @__PURE__ */ e(a, { value: 25, label: "25%", showValue: !0 }),
-      /* @__PURE__ */ e(a, { value: 50, label: "50%", showValue: !0 }),
-      /* @__PURE__ */ e(a, { value: 75, label: "75%", showValue: !0 }),
-      /* @__PURE__ */ e(a, { value: 100, label: "Complete", showValue: !0 })
-    ] }) }) }),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(r, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-      h,
-      {
-        code: `import { MacOSTahoeProgressBar } from '@e-burgos/tucu-ui';
-
-// Determinate
-<MacOSTahoeProgressBar
-  value={65}
-  size="md"
-  label="Uploading..."
-  showValue
-/>
-
-// Indeterminate
-<MacOSTahoeProgressBar
-  indeterminate
-  size="md"
-  label="Loading..."
-/>`,
-        language: "tsx"
-      }
-    ) }) }),
-    /* @__PURE__ */ e(
-      g,
-      {
-        componentName: "MacOSTahoeProgressBar",
-        defaultValues: {
-          value: 65,
-          size: "md",
-          label: "Loading...",
-          showValue: !0,
-          indeterminate: !1
-        },
-        includeProps: ["value", "size", "label", "showValue", "indeterminate"],
-        excludeProps: ["className"],
-        children: (t) => /* @__PURE__ */ e("div", { className: "max-w-md w-full", children: /* @__PURE__ */ e(a, { ...t }) })
-      }
-    ),
-    /* @__PURE__ */ e(b, { componentName: "MacOSTahoeProgressBar" })
-  ] });
-};
-export {
-  V as TahoeProgressBarSection,
-  V as default
-};

package/documentation/TahoeProgressBarSection-DbBQBSYJ.js

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-CQ1tqJiQ.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[i,o]=l.useState(0);return l.useEffect(()=>{const r=setInterval(()=>{o(s=>s>=100?0:s+1)},80);return()=>clearInterval(r)},[]),e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Progress Bar",description:"Determinate and indeterminate progress indicators with glass material track, accent fill, and optional label/value display.",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-violet-600 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:e.jsx(n.Activity,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-5 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{value:35,size:"sm",label:"Small",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:60,size:"md",label:"Medium (default)",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:85,size:"lg",label:"Large",showValue:!0})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Animated (Determinate)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-md",children:e.jsx(a.MacOSTahoeProgressBar,{value:i,size:"md",label:"Downloading update...",showValue:!0})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Indeterminate",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-5 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"sm"}),e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"md",label:"Loading..."}),e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"lg",label:"Processing files..."})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Static Values",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{value:0,label:"0%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:25,label:"25%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:50,label:"50%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:75,label:"75%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:100,label:"Complete",showValue:!0})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeProgressBar } from '@e-burgos/tucu-ui';
-
-// Determinate
-<MacOSTahoeProgressBar
-  value={65}
-  size="md"
-  label="Uploading..."
-  showValue
-/>
-
-// Indeterminate
-<MacOSTahoeProgressBar
-  indeterminate
-  size="md"
-  label="Loading..."
-/>`,language:"tsx"})})}),e.jsx(a.PropPlayground,{componentName:"MacOSTahoeProgressBar",defaultValues:{value:65,size:"md",label:"Loading...",showValue:!0,indeterminate:!1},includeProps:["value","size","label","showValue","indeterminate"],excludeProps:["className"],children:r=>e.jsx("div",{className:"max-w-md w-full",children:e.jsx(a.MacOSTahoeProgressBar,{...r})})}),e.jsx(a.AutoPropsTable,{componentName:"MacOSTahoeProgressBar"})]})};exports.TahoeProgressBarSection=t;exports.default=t;

package/documentation/TahoeSearchBarSection-BiKbZOj2.js

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../index-CQ1tqJiQ.js"),d=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[r,l]=t.useState(""),[i,c]=t.useState("Documents");return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Search Bar",description:"Liquid Glass search field with glass material background, clear button, and submit/escape keyboard 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-cyan-500 via-sky-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50",children:e.jsx(d.Search,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-sm",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Small"}),e.jsx(a.MacOSTahoeSearchBar,{size:"sm",placeholder:"Search...",className:"w-full"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Medium (default)"}),e.jsx(a.MacOSTahoeSearchBar,{size:"md",placeholder:"Search...",className:"w-full"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Large"}),e.jsx(a.MacOSTahoeSearchBar,{size:"lg",placeholder:"Search...",className:"w-full"})]})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Interactive",className:"mt-2 mb-2",children:e.jsxs("div",{className:"max-w-md space-y-3",children:[e.jsx(a.MacOSTahoeSearchBar,{value:r,onChange:l,onClear:()=>l(""),onSubmit:s=>alert(`Searched: ${s}`),placeholder:"Type and press Enter...",className:"w-full"}),e.jsxs("p",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)]",children:["Current value: “",r,"”"]})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Pre-filled Value",className:"mt-2 mb-2",children:e.jsx(a.MacOSTahoeSearchBar,{value:i,onChange:c,onClear:()=>c(""),size:"lg",className:"max-w-sm"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeSearchBar } from '@e-burgos/tucu-ui';
-
-<MacOSTahoeSearchBar
-  value={query}
-  placeholder="Search files..."
-  size="md"
-  onChange={setQuery}
-  onClear={() => setQuery('')}
-  onSubmit={(q) => search(q)}
-/>`,language:"tsx"})})}),e.jsx(a.PropPlayground,{componentName:"MacOSTahoeSearchBar",defaultValues:{placeholder:"Search...",size:"md",autoFocus:!1},includeProps:["placeholder","size","autoFocus"],excludeProps:["className","value","onChange","onClear","onSubmit"],children:s=>e.jsx("div",{className:"max-w-sm",children:e.jsx(a.MacOSTahoeSearchBar,{...s,className:"w-full"})})}),e.jsx(a.AutoPropsTable,{componentName:"MacOSTahoeSearchBar"})]})};exports.TahoeSearchBarSection=o;exports.default=o;

package/documentation/TahoeSearchBarSection-BrffWsFy.js

@@ -1,117 +0,0 @@
-import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { H as h, C as r, a as s, bH as l, c as u, P as p, A as x } from "../index-BOVWnu1L.js";
-import { Search as S } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const C = () => {
-  const [c, o] = d(""), [i, m] = d("Documents");
-  return /* @__PURE__ */ a(n, { children: [
-    /* @__PURE__ */ e(
-      h,
-      {
-        title: "Search Bar",
-        description: "Liquid Glass search field with glass material background, clear button, and submit/escape keyboard 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-cyan-500 via-sky-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50", children: /* @__PURE__ */ e(S, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(s, { title: "Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-4 max-w-sm", children: [
-      /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ e("span", { className: "text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block", children: "Small" }),
-        /* @__PURE__ */ e(
-          l,
-          {
-            size: "sm",
-            placeholder: "Search...",
-            className: "w-full"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ e("span", { className: "text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block", children: "Medium (default)" }),
-        /* @__PURE__ */ e(
-          l,
-          {
-            size: "md",
-            placeholder: "Search...",
-            className: "w-full"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ e("span", { className: "text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block", children: "Large" }),
-        /* @__PURE__ */ e(
-          l,
-          {
-            size: "lg",
-            placeholder: "Search...",
-            className: "w-full"
-          }
-        )
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(s, { title: "Interactive", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "max-w-md space-y-3", children: [
-      /* @__PURE__ */ e(
-        l,
-        {
-          value: c,
-          onChange: o,
-          onClear: () => o(""),
-          onSubmit: (t) => alert(`Searched: ${t}`),
-          placeholder: "Type and press Enter...",
-          className: "w-full"
-        }
-      ),
-      /* @__PURE__ */ a("p", { className: "text-[12px] text-[var(--macos-tahoe-text-muted)]", children: [
-        "Current value: “",
-        c,
-        "”"
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(s, { title: "With Pre-filled Value", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-      l,
-      {
-        value: i,
-        onChange: m,
-        onClear: () => m(""),
-        size: "lg",
-        className: "max-w-sm"
-      }
-    ) }) }),
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(s, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-      u,
-      {
-        code: `import { MacOSTahoeSearchBar } from '@e-burgos/tucu-ui';
-
-<MacOSTahoeSearchBar
-  value={query}
-  placeholder="Search files..."
-  size="md"
-  onChange={setQuery}
-  onClear={() => setQuery('')}
-  onSubmit={(q) => search(q)}
-/>`,
-        language: "tsx"
-      }
-    ) }) }),
-    /* @__PURE__ */ e(
-      p,
-      {
-        componentName: "MacOSTahoeSearchBar",
-        defaultValues: {
-          placeholder: "Search...",
-          size: "md",
-          autoFocus: !1
-        },
-        includeProps: ["placeholder", "size", "autoFocus"],
-        excludeProps: ["className", "value", "onChange", "onClear", "onSubmit"],
-        children: (t) => /* @__PURE__ */ e("div", { className: "max-w-sm", children: /* @__PURE__ */ e(l, { ...t, className: "w-full" }) })
-      }
-    ),
-    /* @__PURE__ */ e(x, { componentName: "MacOSTahoeSearchBar" })
-  ] });
-};
-export {
-  C as TahoeSearchBarSection,
-  C as default
-};

package/documentation/TahoeSegmentedControlSection-CHdD9yCN.js

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),l=require("../index-CQ1tqJiQ.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function c(a){const[o,s]=n.useState("day");return e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:o,onChange:s,size:a.size,fullWidth:a.fullWidth})}const i=()=>{const[a,o]=n.useState("list"),[s,d]=n.useState("all");return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"Segmented Control",description:"Glass-material segmented control with prominent backdrop for the active segment. Supports icons, sizes, full-width mode, and disabled options.",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-teal-500 via-emerald-500 to-green-600 rounded-full flex items-center justify-center shadow-lg border border-teal-500/50",children:e.jsx(t.ToggleLeft,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 items-start",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Small"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"sm",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"day",onChange:()=>{}})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Medium (default)"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"md",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"week",onChange:()=>{}})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Large"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"lg",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"month",onChange:()=>{}})]})]})})}),e.jsx(l.CardContainer,{children:e.jsxs(l.CardTitle,{title:"With Icons",className:"mt-2 mb-2",children:[e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"List",value:"list",icon:e.jsx(t.List,{className:"h-3.5 w-3.5"})},{label:"Grid",value:"grid",icon:e.jsx(t.Grid3x3,{className:"h-3.5 w-3.5"})},{label:"Columns",value:"columns",icon:e.jsx(t.Columns3,{className:"h-3.5 w-3.5"})}],value:a,onChange:o}),e.jsxs("p",{className:"mt-2 text-[12px] text-(--macos-tahoe-text-muted)",children:["Selected: ",a]})]})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Full Width",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-md",children:e.jsx(l.MacOSTahoeSegmentedControl,{fullWidth:!0,options:[{label:"All",value:"all"},{label:"Active",value:"active"},{label:"Archived",value:"archived"}],value:s,onChange:d})})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"With Disabled Option",className:"mt-2 mb-2",children:e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"Option A",value:"a"},{label:"Option B",value:"b",disabled:!0},{label:"Option C",value:"c"}],value:"a",onChange:()=>{}})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(l.CodeBlock,{code:`import { MacOSTahoeSegmentedControl } from '@e-burgos/tucu-ui';
-
-<MacOSTahoeSegmentedControl
-  options={[
-    { label: 'List', value: 'list', icon: <ListIcon /> },
-    { label: 'Grid', value: 'grid', icon: <GridIcon /> },
-  ]}
-  value={view}
-  onChange={setView}
-  size="md"
-  fullWidth={false}
-/>`,language:"tsx"})})}),e.jsx(l.PropPlayground,{componentName:"MacOSTahoeSegmentedControl",defaultValues:{size:"md",fullWidth:!1},includeProps:["size","fullWidth"],excludeProps:["className","options","value","onChange"],children:r=>e.jsx(c,{...r})}),e.jsx(l.AutoPropsTable,{componentName:"MacOSTahoeSegmentedControl"})]})};exports.TahoeSegmentedControlSection=i;exports.default=i;