asterui 0.12.0 → 0.12.2

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":["../src/components/Collapse.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useState } from 'react'\n\nexport interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {\n  children: React.ReactNode\n  title?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  onChange?: (open: boolean) => void\n  icon?: 'arrow' | 'plus' | 'none'\n}\n\nexport interface CollapseTitleProps {\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface CollapseContentProps {\n  children: React.ReactNode\n  className?: string\n}\n\ninterface CollapseContextValue {\n  isOpen: boolean\n  toggle: () => void\n  checkboxId: string\n}\n\nconst CollapseContext = createContext<CollapseContextValue | null>(null)\n\nfunction CollapseRoot({\n  children,\n  title,\n  open,\n  defaultOpen = false,\n  onChange,\n  icon = 'arrow',\n  className = '',\n  ...rest\n}: CollapseProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = open !== undefined ? open : internalOpen\n  const checkboxId = useId()\n\n  const toggle = () => {\n    const newOpen = !isOpen\n    if (open === undefined) {\n      setInternalOpen(newOpen)\n    }\n    onChange?.(newOpen)\n  }\n\n  const iconClasses = {\n    arrow: 'collapse-arrow',\n    plus: 'collapse-plus',\n    none: '',\n  }\n\n  const classes = [\n    'collapse',\n    'bg-base-200',\n    iconClasses[icon],\n    isOpen && 'collapse-open',\n    !isOpen && 'collapse-close',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // If title prop is provided, render with automatic structure\n  if (title !== undefined) {\n    return (\n      <div className={classes} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <input\n          type=\"checkbox\"\n          id={checkboxId}\n          className=\"peer\"\n          checked={isOpen}\n          onChange={toggle}\n          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none' }}\n        />\n        <label htmlFor={checkboxId} className=\"collapse-title text-xl font-medium\">\n          {title}\n        </label>\n        <div className=\"collapse-content\">{children}</div>\n      </div>\n    )\n  }\n\n  // Otherwise, use compound component pattern with Context\n  return (\n    <CollapseContext.Provider value={{ isOpen, toggle, checkboxId }}>\n      <div className={classes} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <input\n          type=\"checkbox\"\n          id={checkboxId}\n          className=\"peer\"\n          checked={isOpen}\n          onChange={toggle}\n          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none' }}\n        />\n        {children}\n      </div>\n    </CollapseContext.Provider>\n  )\n}\n\nfunction CollapseTitle({ children, className = '' }: CollapseTitleProps) {\n  const context = useContext(CollapseContext)\n  if (!context) {\n    throw new Error('Collapse.Title must be used within Collapse')\n  }\n\n  return (\n    <label htmlFor={context.checkboxId} className={`collapse-title text-xl font-medium ${className}`}>\n      {children}\n    </label>\n  )\n}\n\nfunction CollapseContent({ children, className = '' }: CollapseContentProps) {\n  return <div className={`collapse-content ${className}`}>{children}</div>\n}\n\nexport const Collapse = Object.assign(CollapseRoot, {\n  Title: CollapseTitle,\n  Content: CollapseContent,\n})\n"],"names":["CollapseContext","createContext","CollapseRoot","children","title","open","defaultOpen","onChange","icon","className","rest","internalOpen","setInternalOpen","useState","isOpen","checkboxId","useId","toggle","newOpen","classes","jsxs","jsx","CollapseTitle","context","useContext","CollapseContent","Collapse"],"mappings":";;AA2BA,MAAMA,IAAkBC,EAA2C,IAAI;AAEvE,SAASC,EAAa;AAAA,EACpB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAkB;AAChB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAASP,CAAW,GACtDQ,IAAST,MAAS,SAAYA,IAAOM,GACrCI,IAAaC,EAAA,GAEbC,IAAS,MAAM;AACnB,UAAMC,IAAU,CAACJ;AACjB,IAAIT,MAAS,UACXO,EAAgBM,CAAO,GAEzBX,IAAWW,CAAO;AAAA,EACpB,GAQMC,IAAU;AAAA,IACd;AAAA,IACA;AAAA,IARkB;AAAA,MAClB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,EAMMX,CAAI;AAAA,IAChBM,KAAU;AAAA,IACV,CAACA,KAAU;AAAA,IACXL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,SAAIL,MAAU,SAEV,gBAAAgB,EAAC,SAAI,WAAWD,GAAS,cAAYL,IAAS,SAAS,UAAW,GAAGJ,GACnE,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAIN;AAAA,QACJ,WAAU;AAAA,QACV,SAASD;AAAA,QACT,UAAUG;AAAA,QACV,OAAO,EAAE,UAAU,YAAY,SAAS,GAAG,eAAe,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,sBAElE,SAAA,EAAM,SAASF,GAAY,WAAU,sCACnC,UAAAX,GACH;AAAA,IACA,gBAAAiB,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAlB,EAAA,CAAS;AAAA,EAAA,GAC9C,sBAMDH,EAAgB,UAAhB,EAAyB,OAAO,EAAE,QAAAc,GAAQ,QAAAG,GAAQ,YAAAF,EAAA,GACjD,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWD,GAAS,cAAYL,IAAS,SAAS,UAAW,GAAGJ,GACnE,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAIN;AAAA,QACJ,WAAU;AAAA,QACV,SAASD;AAAA,QACT,UAAUG;AAAA,QACV,OAAO,EAAE,UAAU,YAAY,SAAS,GAAG,eAAe,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,IAElEd;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAEA,SAASmB,EAAc,EAAE,UAAAnB,GAAU,WAAAM,IAAY,MAA0B;AACvE,QAAMc,IAAUC,EAAWxB,CAAe;AAC1C,MAAI,CAACuB;AACH,UAAM,IAAI,MAAM,6CAA6C;AAG/D,SACE,gBAAAF,EAAC,WAAM,SAASE,EAAQ,YAAY,WAAW,sCAAsCd,CAAS,IAC3F,UAAAN,EAAA,CACH;AAEJ;AAEA,SAASsB,EAAgB,EAAE,UAAAtB,GAAU,WAAAM,IAAY,MAA4B;AAC3E,2BAAQ,OAAA,EAAI,WAAW,oBAAoBA,CAAS,IAAK,UAAAN,GAAS;AACpE;AAEO,MAAMuB,IAAW,OAAO,OAAOxB,GAAc;AAAA,EAClD,OAAOoB;AAAA,EACP,SAASG;AACX,CAAC;"}
+{"version":3,"file":"index17.js","sources":["../src/components/Carousel.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  id?: string\n  children: React.ReactNode\n}\n\nexport const CarouselItem: React.FC<CarouselItemProps> = ({ id, children, className = '', ...rest }) => {\n  return (\n    <div id={id} className={`carousel-item ${className}`} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nexport interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  snap?: 'start' | 'center' | 'end'\n  vertical?: boolean\n}\n\nexport const Carousel: React.FC<CarouselProps> & {\n  Item: typeof CarouselItem\n} = ({ children, snap = 'start', vertical = false, className = '', ...rest }) => {\n  const snapClass = snap === 'center' ? 'carousel-center' : snap === 'end' ? 'carousel-end' : ''\n  const directionClass = vertical ? 'carousel-vertical' : ''\n\n  return (\n    <div className={`carousel ${snapClass} ${directionClass} ${className}`.trim()} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nCarousel.Item = CarouselItem\n"],"names":["CarouselItem","id","children","className","rest","jsx","Carousel","snap","vertical"],"mappings":";AAOO,MAAMA,IAA4C,CAAC,EAAE,IAAAC,GAAI,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,QAEzF,gBAAAC,EAAC,SAAI,IAAAJ,GAAQ,WAAW,iBAAiBE,CAAS,IAAK,GAAGC,GACvD,UAAAF,EAAA,CACH,GAUSI,IAET,CAAC,EAAE,UAAAJ,GAAU,MAAAK,IAAO,SAAS,UAAAC,IAAW,IAAO,WAAAL,IAAY,IAAI,GAAGC,EAAA,MAKlE,gBAAAC,EAAC,OAAA,EAAI,WAAW,YAJAE,MAAS,WAAW,oBAAoBA,MAAS,QAAQ,iBAAiB,EAIrD,IAHhBC,IAAW,sBAAsB,EAGC,IAAIL,CAAS,GAAG,KAAA,GAAS,GAAGC,GAChF,UAAAF,GACH;AAIJI,EAAS,OAAON;"}

package/dist/index18.js

@@ -1,20 +1,74 @@
-import { jsx as e } from "react/jsx-runtime";
-const n = ({
-  children: s,
-  size: l = "lg",
-  className: x = "",
-  ...a
-}) => {
-  const m = ["mx-auto px-4 sm:px-6 lg:px-8", {
-    sm: "max-w-2xl",
-    md: "max-w-4xl",
-    lg: "max-w-6xl",
-    xl: "max-w-7xl",
-    full: "max-w-full"
-  }[l], x].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: m, ...a, children: s });
-};
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { useState as f, useId as v, createContext as N, useContext as w } from "react";
+const d = N(null);
+function g({
+  children: t,
+  title: s,
+  open: l,
+  defaultOpen: u = !1,
+  onChange: m,
+  icon: C = "arrow",
+  className: h = "",
+  ...c
+}) {
+  const [x, b] = f(u), e = l !== void 0 ? l : x, n = v(), a = () => {
+    const p = !e;
+    l === void 0 && b(p), m?.(p);
+  }, i = [
+    "collapse",
+    "bg-base-200",
+    {
+      arrow: "collapse-arrow",
+      plus: "collapse-plus",
+      none: ""
+    }[C],
+    e && "collapse-open",
+    !e && "collapse-close",
+    h
+  ].filter(Boolean).join(" ");
+  return s !== void 0 ? /* @__PURE__ */ r("div", { className: i, "data-state": e ? "open" : "closed", ...c, children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        type: "checkbox",
+        id: n,
+        className: "peer",
+        checked: e,
+        onChange: a,
+        style: { position: "absolute", opacity: 0, pointerEvents: "none" }
+      }
+    ),
+    /* @__PURE__ */ o("label", { htmlFor: n, className: "collapse-title text-xl font-medium", children: s }),
+    /* @__PURE__ */ o("div", { className: "collapse-content", children: t })
+  ] }) : /* @__PURE__ */ o(d.Provider, { value: { isOpen: e, toggle: a, checkboxId: n }, children: /* @__PURE__ */ r("div", { className: i, "data-state": e ? "open" : "closed", ...c, children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        type: "checkbox",
+        id: n,
+        className: "peer",
+        checked: e,
+        onChange: a,
+        style: { position: "absolute", opacity: 0, pointerEvents: "none" }
+      }
+    ),
+    t
+  ] }) });
+}
+function k({ children: t, className: s = "" }) {
+  const l = w(d);
+  if (!l)
+    throw new Error("Collapse.Title must be used within Collapse");
+  return /* @__PURE__ */ o("label", { htmlFor: l.checkboxId, className: `collapse-title text-xl font-medium ${s}`, children: t });
+}
+function y({ children: t, className: s = "" }) {
+  return /* @__PURE__ */ o("div", { className: `collapse-content ${s}`, children: t });
+}
+const E = Object.assign(g, {
+  Title: k,
+  Content: y
+});
 export {
-  n as Container
+  E as Collapse
 };
 //# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","sources":["../src/components/Container.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full'\n}\n\nexport const Container: React.FC<ContainerProps> = ({\n  children,\n  size = 'lg',\n  className = '',\n  ...rest\n}) => {\n  const sizeClasses = {\n    sm: 'max-w-2xl',\n    md: 'max-w-4xl',\n    lg: 'max-w-6xl',\n    xl: 'max-w-7xl',\n    full: 'max-w-full',\n  }\n\n  const classes = ['mx-auto px-4 sm:px-6 lg:px-8', sizeClasses[size], className]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["Container","children","size","className","rest","classes"],"mappings":";AAOO,MAAMA,IAAsC,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AASJ,QAAMC,IAAU,CAAC,gCARG;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA,EAGqDH,CAAI,GAAGC,CAAS,EAC1E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAAO,UAAAH,GAAS;AACtD;"}
+{"version":3,"file":"index18.js","sources":["../src/components/Collapse.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useState } from 'react'\n\nexport interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {\n  children: React.ReactNode\n  title?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  onChange?: (open: boolean) => void\n  icon?: 'arrow' | 'plus' | 'none'\n}\n\nexport interface CollapseTitleProps {\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface CollapseContentProps {\n  children: React.ReactNode\n  className?: string\n}\n\ninterface CollapseContextValue {\n  isOpen: boolean\n  toggle: () => void\n  checkboxId: string\n}\n\nconst CollapseContext = createContext<CollapseContextValue | null>(null)\n\nfunction CollapseRoot({\n  children,\n  title,\n  open,\n  defaultOpen = false,\n  onChange,\n  icon = 'arrow',\n  className = '',\n  ...rest\n}: CollapseProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = open !== undefined ? open : internalOpen\n  const checkboxId = useId()\n\n  const toggle = () => {\n    const newOpen = !isOpen\n    if (open === undefined) {\n      setInternalOpen(newOpen)\n    }\n    onChange?.(newOpen)\n  }\n\n  const iconClasses = {\n    arrow: 'collapse-arrow',\n    plus: 'collapse-plus',\n    none: '',\n  }\n\n  const classes = [\n    'collapse',\n    'bg-base-200',\n    iconClasses[icon],\n    isOpen && 'collapse-open',\n    !isOpen && 'collapse-close',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // If title prop is provided, render with automatic structure\n  if (title !== undefined) {\n    return (\n      <div className={classes} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <input\n          type=\"checkbox\"\n          id={checkboxId}\n          className=\"peer\"\n          checked={isOpen}\n          onChange={toggle}\n          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none' }}\n        />\n        <label htmlFor={checkboxId} className=\"collapse-title text-xl font-medium\">\n          {title}\n        </label>\n        <div className=\"collapse-content\">{children}</div>\n      </div>\n    )\n  }\n\n  // Otherwise, use compound component pattern with Context\n  return (\n    <CollapseContext.Provider value={{ isOpen, toggle, checkboxId }}>\n      <div className={classes} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <input\n          type=\"checkbox\"\n          id={checkboxId}\n          className=\"peer\"\n          checked={isOpen}\n          onChange={toggle}\n          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none' }}\n        />\n        {children}\n      </div>\n    </CollapseContext.Provider>\n  )\n}\n\nfunction CollapseTitle({ children, className = '' }: CollapseTitleProps) {\n  const context = useContext(CollapseContext)\n  if (!context) {\n    throw new Error('Collapse.Title must be used within Collapse')\n  }\n\n  return (\n    <label htmlFor={context.checkboxId} className={`collapse-title text-xl font-medium ${className}`}>\n      {children}\n    </label>\n  )\n}\n\nfunction CollapseContent({ children, className = '' }: CollapseContentProps) {\n  return <div className={`collapse-content ${className}`}>{children}</div>\n}\n\nexport const Collapse = Object.assign(CollapseRoot, {\n  Title: CollapseTitle,\n  Content: CollapseContent,\n})\n"],"names":["CollapseContext","createContext","CollapseRoot","children","title","open","defaultOpen","onChange","icon","className","rest","internalOpen","setInternalOpen","useState","isOpen","checkboxId","useId","toggle","newOpen","classes","jsxs","jsx","CollapseTitle","context","useContext","CollapseContent","Collapse"],"mappings":";;AA2BA,MAAMA,IAAkBC,EAA2C,IAAI;AAEvE,SAASC,EAAa;AAAA,EACpB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAkB;AAChB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAASP,CAAW,GACtDQ,IAAST,MAAS,SAAYA,IAAOM,GACrCI,IAAaC,EAAA,GAEbC,IAAS,MAAM;AACnB,UAAMC,IAAU,CAACJ;AACjB,IAAIT,MAAS,UACXO,EAAgBM,CAAO,GAEzBX,IAAWW,CAAO;AAAA,EACpB,GAQMC,IAAU;AAAA,IACd;AAAA,IACA;AAAA,IARkB;AAAA,MAClB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,EAMMX,CAAI;AAAA,IAChBM,KAAU;AAAA,IACV,CAACA,KAAU;AAAA,IACXL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,SAAIL,MAAU,SAEV,gBAAAgB,EAAC,SAAI,WAAWD,GAAS,cAAYL,IAAS,SAAS,UAAW,GAAGJ,GACnE,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAIN;AAAA,QACJ,WAAU;AAAA,QACV,SAASD;AAAA,QACT,UAAUG;AAAA,QACV,OAAO,EAAE,UAAU,YAAY,SAAS,GAAG,eAAe,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,sBAElE,SAAA,EAAM,SAASF,GAAY,WAAU,sCACnC,UAAAX,GACH;AAAA,IACA,gBAAAiB,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAlB,EAAA,CAAS;AAAA,EAAA,GAC9C,sBAMDH,EAAgB,UAAhB,EAAyB,OAAO,EAAE,QAAAc,GAAQ,QAAAG,GAAQ,YAAAF,EAAA,GACjD,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWD,GAAS,cAAYL,IAAS,SAAS,UAAW,GAAGJ,GACnE,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAIN;AAAA,QACJ,WAAU;AAAA,QACV,SAASD;AAAA,QACT,UAAUG;AAAA,QACV,OAAO,EAAE,UAAU,YAAY,SAAS,GAAG,eAAe,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,IAElEd;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAEA,SAASmB,EAAc,EAAE,UAAAnB,GAAU,WAAAM,IAAY,MAA0B;AACvE,QAAMc,IAAUC,EAAWxB,CAAe;AAC1C,MAAI,CAACuB;AACH,UAAM,IAAI,MAAM,6CAA6C;AAG/D,SACE,gBAAAF,EAAC,WAAM,SAASE,EAAQ,YAAY,WAAW,sCAAsCd,CAAS,IAC3F,UAAAN,EAAA,CACH;AAEJ;AAEA,SAASsB,EAAgB,EAAE,UAAAtB,GAAU,WAAAM,IAAY,MAA4B;AAC3E,2BAAQ,OAAA,EAAI,WAAW,oBAAoBA,CAAS,IAAK,UAAAN,GAAS;AACpE;AAEO,MAAMuB,IAAW,OAAO,OAAOxB,GAAc;AAAA,EAClD,OAAOoB;AAAA,EACP,SAASG;AACX,CAAC;"}

package/dist/index19.js

@@ -1,101 +1,20 @@
-import { jsxs as g, Fragment as M, jsx as r } from "react/jsx-runtime";
-import { useState as v, useRef as y, useCallback as w, useEffect as k } from "react";
-import { createPortal as S } from "react-dom";
-const C = ({ item: e, onSelect: h, onClose: c }) => {
-  const [f, m] = v(!1), s = y(null);
-  if (e.divider)
-    return /* @__PURE__ */ r("li", { className: "divider my-1" });
-  const b = () => {
-    e.disabled || e.children && e.children.length > 0 || (h(e.key), c());
-  }, t = e.children && e.children.length > 0;
-  return /* @__PURE__ */ g(
-    "li",
-    {
-      ref: s,
-      onMouseEnter: () => t && m(!0),
-      onMouseLeave: () => t && m(!1),
-      className: "relative",
-      children: [
-        /* @__PURE__ */ g(
-          "button",
-          {
-            onClick: b,
-            disabled: e.disabled,
-            className: `
-          flex items-center gap-2 w-full px-4 py-2 text-left text-sm
-          ${e.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-base-200"}
-          ${e.danger ? "text-error hover:bg-error/10" : ""}
-        `,
-            children: [
-              e.icon && /* @__PURE__ */ r("span", { className: "w-4 h-4", children: e.icon }),
-              /* @__PURE__ */ r("span", { className: "flex-1", children: e.label }),
-              t && /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
-            ]
-          }
-        ),
-        t && f && /* @__PURE__ */ r("ul", { className: "menu bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50", children: e.children.map((d) => /* @__PURE__ */ r(C, { item: d, onSelect: h, onClose: c }, d.key)) })
-      ]
-    }
-  );
-}, R = ({
-  children: e,
-  items: h,
-  onSelect: c,
-  disabled: f = !1,
-  className: m = ""
+import { jsx as e } from "react/jsx-runtime";
+const n = ({
+  children: s,
+  size: l = "lg",
+  className: x = "",
+  ...a
 }) => {
-  const [s, b] = v(!1), [t, d] = v({ x: 0, y: 0 }), a = y(null), E = y(null), N = w(
-    (n) => {
-      if (f) return;
-      n.preventDefault(), n.stopPropagation();
-      let o = n.clientX, l = n.clientY;
-      d({ x: o, y: l }), b(!0);
-    },
-    [f]
-  ), u = w(() => {
-    b(!1);
-  }, []), L = w(
-    (n) => {
-      c?.(n);
-    },
-    [c]
-  );
-  return k(() => {
-    if (s && a.current) {
-      const o = a.current.getBoundingClientRect(), l = window.innerWidth, i = window.innerHeight;
-      let { x: p, y: x } = t;
-      p + o.width > l && (p = l - o.width - 8), x + o.height > i && (x = i - o.height - 8), (p !== t.x || x !== t.y) && d({ x: p, y: x });
-    }
-  }, [s, t]), k(() => {
-    if (!s) return;
-    const n = (i) => {
-      a.current && !a.current.contains(i.target) && u();
-    }, o = (i) => {
-      i.key === "Escape" && u();
-    }, l = () => {
-      u();
-    };
-    return document.addEventListener("mousedown", n), document.addEventListener("keydown", o), document.addEventListener("scroll", l, !0), () => {
-      document.removeEventListener("mousedown", n), document.removeEventListener("keydown", o), document.removeEventListener("scroll", l, !0);
-    };
-  }, [s, u]), /* @__PURE__ */ g(M, { children: [
-    /* @__PURE__ */ r("div", { ref: E, onContextMenu: N, className: "inline-block", children: e }),
-    s && S(
-      /* @__PURE__ */ r(
-        "ul",
-        {
-          ref: a,
-          className: `menu bg-base-100 rounded-box shadow-lg border border-base-300 min-w-[160px] p-1 fixed z-[9999] ${m}`,
-          style: { left: t.x, top: t.y },
-          children: h.map((n) => /* @__PURE__ */ r(C, { item: n, onSelect: L, onClose: u }, n.key))
-        }
-      ),
-      document.body
-    )
-  ] });
+  const m = ["mx-auto px-4 sm:px-6 lg:px-8", {
+    sm: "max-w-2xl",
+    md: "max-w-4xl",
+    lg: "max-w-6xl",
+    xl: "max-w-7xl",
+    full: "max-w-full"
+  }[l], x].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: m, ...a, children: s });
 };
-R.displayName = "ContextMenu";
 export {
-  R as ContextMenu
+  n as Container
 };
 //# sourceMappingURL=index19.js.map

package/dist/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.js","sources":["../src/components/ContextMenu.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport interface ContextMenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  danger?: boolean\n  divider?: boolean\n  children?: ContextMenuItem[]\n}\n\nexport interface ContextMenuProps {\n  /** Element that triggers the context menu on right-click */\n  children: React.ReactNode\n  /** Menu items */\n  items: ContextMenuItem[]\n  /** Callback when an item is selected */\n  onSelect?: (key: string) => void\n  /** Whether the context menu is disabled */\n  disabled?: boolean\n  /** Additional CSS classes for the menu */\n  className?: string\n}\n\ninterface MenuPosition {\n  x: number\n  y: number\n}\n\nconst MenuItem: React.FC<{\n  item: ContextMenuItem\n  onSelect: (key: string) => void\n  onClose: () => void\n}> = ({ item, onSelect, onClose }) => {\n  const [showSubmenu, setShowSubmenu] = useState(false)\n  const itemRef = useRef<HTMLLIElement>(null)\n\n  if (item.divider) {\n    return <li className=\"divider my-1\"></li>\n  }\n\n  const handleClick = () => {\n    if (item.disabled) return\n    if (item.children && item.children.length > 0) return\n    onSelect(item.key)\n    onClose()\n  }\n\n  const hasSubmenu = item.children && item.children.length > 0\n\n  return (\n    <li\n      ref={itemRef}\n      onMouseEnter={() => hasSubmenu && setShowSubmenu(true)}\n      onMouseLeave={() => hasSubmenu && setShowSubmenu(false)}\n      className=\"relative\"\n    >\n      <button\n        onClick={handleClick}\n        disabled={item.disabled}\n        className={`\n          flex items-center gap-2 w-full px-4 py-2 text-left text-sm\n          ${item.disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n          ${item.danger ? 'text-error hover:bg-error/10' : ''}\n        `}\n      >\n        {item.icon && <span className=\"w-4 h-4\">{item.icon}</span>}\n        <span className=\"flex-1\">{item.label}</span>\n        {hasSubmenu && (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        )}\n      </button>\n      {hasSubmenu && showSubmenu && (\n        <ul className=\"menu bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50\">\n          {item.children!.map((child) => (\n            <MenuItem key={child.key} item={child} onSelect={onSelect} onClose={onClose} />\n          ))}\n        </ul>\n      )}\n    </li>\n  )\n}\n\nexport const ContextMenu: React.FC<ContextMenuProps> = ({\n  children,\n  items,\n  onSelect,\n  disabled = false,\n  className = '',\n}) => {\n  const [visible, setVisible] = useState(false)\n  const [position, setPosition] = useState<MenuPosition>({ x: 0, y: 0 })\n  const menuRef = useRef<HTMLUListElement>(null)\n  const triggerRef = useRef<HTMLDivElement>(null)\n\n  const handleContextMenu = useCallback(\n    (e: React.MouseEvent) => {\n      if (disabled) return\n      e.preventDefault()\n      e.stopPropagation()\n\n      // Calculate position, ensuring menu stays within viewport\n      let x = e.clientX\n      let y = e.clientY\n\n      // We'll adjust after render when we know menu dimensions\n      setPosition({ x, y })\n      setVisible(true)\n    },\n    [disabled]\n  )\n\n  const handleClose = useCallback(() => {\n    setVisible(false)\n  }, [])\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      onSelect?.(key)\n    },\n    [onSelect]\n  )\n\n  // Adjust position after menu renders to keep it in viewport\n  useEffect(() => {\n    if (visible && menuRef.current) {\n      const menu = menuRef.current\n      const rect = menu.getBoundingClientRect()\n      const viewportWidth = window.innerWidth\n      const viewportHeight = window.innerHeight\n\n      let { x, y } = position\n\n      if (x + rect.width > viewportWidth) {\n        x = viewportWidth - rect.width - 8\n      }\n      if (y + rect.height > viewportHeight) {\n        y = viewportHeight - rect.height - 8\n      }\n\n      if (x !== position.x || y !== position.y) {\n        setPosition({ x, y })\n      }\n    }\n  }, [visible, position])\n\n  // Close on click outside or escape\n  useEffect(() => {\n    if (!visible) return\n\n    const handleClickOutside = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        handleClose()\n      }\n    }\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        handleClose()\n      }\n    }\n\n    const handleScroll = () => {\n      handleClose()\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscape)\n    document.addEventListener('scroll', handleScroll, true)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscape)\n      document.removeEventListener('scroll', handleScroll, true)\n    }\n  }, [visible, handleClose])\n\n  return (\n    <>\n      <div ref={triggerRef} onContextMenu={handleContextMenu} className=\"inline-block\">\n        {children}\n      </div>\n      {visible &&\n        createPortal(\n          <ul\n            ref={menuRef}\n            className={`menu bg-base-100 rounded-box shadow-lg border border-base-300 min-w-[160px] p-1 fixed z-[9999] ${className}`}\n            style={{ left: position.x, top: position.y }}\n          >\n            {items.map((item) => (\n              <MenuItem key={item.key} item={item} onSelect={handleSelect} onClose={handleClose} />\n            ))}\n          </ul>,\n          document.body\n        )}\n    </>\n  )\n}\n\nContextMenu.displayName = 'ContextMenu'\n"],"names":["MenuItem","item","onSelect","onClose","showSubmenu","setShowSubmenu","useState","itemRef","useRef","jsx","handleClick","hasSubmenu","jsxs","child","ContextMenu","children","items","disabled","className","visible","setVisible","position","setPosition","menuRef","triggerRef","handleContextMenu","useCallback","e","x","y","handleClose","handleSelect","key","useEffect","rect","viewportWidth","viewportHeight","handleClickOutside","handleEscape","handleScroll","Fragment","createPortal"],"mappings":";;;AA+BA,MAAMA,IAID,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,SAAAC,QAAc;AACpC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAUC,EAAsB,IAAI;AAE1C,MAAIP,EAAK;AACP,WAAO,gBAAAQ,EAAC,MAAA,EAAG,WAAU,eAAA,CAAe;AAGtC,QAAMC,IAAc,MAAM;AACxB,IAAIT,EAAK,YACLA,EAAK,YAAYA,EAAK,SAAS,SAAS,MAC5CC,EAASD,EAAK,GAAG,GACjBE,EAAA;AAAA,EACF,GAEMQ,IAAaV,EAAK,YAAYA,EAAK,SAAS,SAAS;AAE3D,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKL;AAAA,MACL,cAAc,MAAMI,KAAcN,EAAe,EAAI;AAAA,MACrD,cAAc,MAAMM,KAAcN,EAAe,EAAK;AAAA,MACtD,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAASF;AAAA,YACT,UAAUT,EAAK;AAAA,YACf,WAAW;AAAA;AAAA,YAEPA,EAAK,WAAW,kCAAkC,mBAAmB;AAAA,YACrEA,EAAK,SAAS,iCAAiC,EAAE;AAAA;AAAA,YAGpD,UAAA;AAAA,cAAAA,EAAK,QAAQ,gBAAAQ,EAAC,QAAA,EAAK,WAAU,WAAW,YAAK,MAAK;AAAA,cACnD,gBAAAA,EAAC,QAAA,EAAK,WAAU,UAAU,YAAK,OAAM;AAAA,cACpCE,uBACE,OAAA,EAAI,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAC9D,UAAA,gBAAAF,EAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,eAAA,CAAe,EAAA,CACtF;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHE,KAAcP,KACb,gBAAAK,EAAC,MAAA,EAAG,WAAU,6GACX,UAAAR,EAAK,SAAU,IAAI,CAACY,MACnB,gBAAAJ,EAACT,GAAA,EAAyB,MAAMa,GAAO,UAAAX,GAAoB,SAAAC,KAA5CU,EAAM,GAAwD,CAC9E,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEaC,IAA0C,CAAC;AAAA,EACtD,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAd;AAAA,EACA,UAAAe,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAId,EAAS,EAAK,GACtC,CAACe,GAAUC,CAAW,IAAIhB,EAAuB,EAAE,GAAG,GAAG,GAAG,GAAG,GAC/DiB,IAAUf,EAAyB,IAAI,GACvCgB,IAAahB,EAAuB,IAAI,GAExCiB,IAAoBC;AAAA,IACxB,CAACC,MAAwB;AACvB,UAAIV,EAAU;AACd,MAAAU,EAAE,eAAA,GACFA,EAAE,gBAAA;AAGF,UAAIC,IAAID,EAAE,SACNE,IAAIF,EAAE;AAGV,MAAAL,EAAY,EAAE,GAAAM,GAAG,GAAAC,GAAG,GACpBT,EAAW,EAAI;AAAA,IACjB;AAAA,IACA,CAACH,CAAQ;AAAA,EAAA,GAGLa,IAAcJ,EAAY,MAAM;AACpC,IAAAN,EAAW,EAAK;AAAA,EAClB,GAAG,CAAA,CAAE,GAECW,IAAeL;AAAA,IACnB,CAACM,MAAgB;AACf,MAAA9B,IAAW8B,CAAG;AAAA,IAChB;AAAA,IACA,CAAC9B,CAAQ;AAAA,EAAA;AAIX,SAAA+B,EAAU,MAAM;AACd,QAAId,KAAWI,EAAQ,SAAS;AAE9B,YAAMW,IADOX,EAAQ,QACH,sBAAA,GACZY,IAAgB,OAAO,YACvBC,IAAiB,OAAO;AAE9B,UAAI,EAAE,GAAAR,GAAG,GAAAC,EAAA,IAAMR;AAEf,MAAIO,IAAIM,EAAK,QAAQC,MACnBP,IAAIO,IAAgBD,EAAK,QAAQ,IAE/BL,IAAIK,EAAK,SAASE,MACpBP,IAAIO,IAAiBF,EAAK,SAAS,KAGjCN,MAAMP,EAAS,KAAKQ,MAAMR,EAAS,MACrCC,EAAY,EAAE,GAAAM,GAAG,GAAAC,GAAG;AAAA,IAExB;AAAA,EACF,GAAG,CAACV,GAASE,CAAQ,CAAC,GAGtBY,EAAU,MAAM;AACd,QAAI,CAACd,EAAS;AAEd,UAAMkB,IAAqB,CAACV,MAAkB;AAC5C,MAAIJ,EAAQ,WAAW,CAACA,EAAQ,QAAQ,SAASI,EAAE,MAAc,KAC/DG,EAAA;AAAA,IAEJ,GAEMQ,IAAe,CAACX,MAAqB;AACzC,MAAIA,EAAE,QAAQ,YACZG,EAAA;AAAA,IAEJ,GAEMS,IAAe,MAAM;AACzB,MAAAT,EAAA;AAAA,IACF;AAEA,oBAAS,iBAAiB,aAAaO,CAAkB,GACzD,SAAS,iBAAiB,WAAWC,CAAY,GACjD,SAAS,iBAAiB,UAAUC,GAAc,EAAI,GAE/C,MAAM;AACX,eAAS,oBAAoB,aAAaF,CAAkB,GAC5D,SAAS,oBAAoB,WAAWC,CAAY,GACpD,SAAS,oBAAoB,UAAUC,GAAc,EAAI;AAAA,IAC3D;AAAA,EACF,GAAG,CAACpB,GAASW,CAAW,CAAC,GAGvB,gBAAAlB,EAAA4B,GAAA,EACE,UAAA;AAAA,IAAA,gBAAA/B,EAAC,SAAI,KAAKe,GAAY,eAAeC,GAAmB,WAAU,gBAC/D,UAAAV,GACH;AAAA,IACCI,KACCsB;AAAA,MACE,gBAAAhC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKc;AAAA,UACL,WAAW,kGAAkGL,CAAS;AAAA,UACtH,OAAO,EAAE,MAAMG,EAAS,GAAG,KAAKA,EAAS,EAAA;AAAA,UAExC,UAAAL,EAAM,IAAI,CAACf,MACV,gBAAAQ,EAACT,GAAA,EAAwB,MAAAC,GAAY,UAAU8B,GAAc,SAASD,EAAA,GAAvD7B,EAAK,GAA+D,CACpF;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,SAAS;AAAA,IAAA;AAAA,EACX,GACJ;AAEJ;AAEAa,EAAY,cAAc;"}
+{"version":3,"file":"index19.js","sources":["../src/components/Container.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full'\n}\n\nexport const Container: React.FC<ContainerProps> = ({\n  children,\n  size = 'lg',\n  className = '',\n  ...rest\n}) => {\n  const sizeClasses = {\n    sm: 'max-w-2xl',\n    md: 'max-w-4xl',\n    lg: 'max-w-6xl',\n    xl: 'max-w-7xl',\n    full: 'max-w-full',\n  }\n\n  const classes = ['mx-auto px-4 sm:px-6 lg:px-8', sizeClasses[size], className]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["Container","children","size","className","rest","classes"],"mappings":";AAOO,MAAMA,IAAsC,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AASJ,QAAMC,IAAU,CAAC,gCARG;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EAAA,EAGqDH,CAAI,GAAGC,CAAS,EAC1E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAAO,UAAAH,GAAS;AACtD;"}

package/dist/index20.js

@@ -1,117 +1,101 @@
-import { jsxs as c, jsx as t, Fragment as S } from "react/jsx-runtime";
-import { useState as D, useCallback as k, useEffect as I } from "react";
-const T = (s) => {
-  const e = s - Date.now();
-  return e <= 0 ? { days: 0, hours: 0, minutes: 0, seconds: 0 } : {
-    days: Math.floor(e / (1e3 * 60 * 60 * 24)),
-    hours: Math.floor(e / (1e3 * 60 * 60) % 24),
-    minutes: Math.floor(e / 1e3 / 60 % 60),
-    seconds: Math.floor(e / 1e3 % 60)
-  };
-}, h = ({ value: s, label: e, size: r, showLabel: l, boxed: f }) => {
-  const n = /* @__PURE__ */ t("span", { className: `countdown font-mono ${{
-    xs: "text-lg",
-    sm: "text-2xl",
-    md: "text-4xl",
-    lg: "text-5xl",
-    xl: "text-6xl"
-  }[r || "md"]}`, children: /* @__PURE__ */ t(
-    "span",
+import { jsxs as g, Fragment as M, jsx as r } from "react/jsx-runtime";
+import { useState as v, useRef as y, useCallback as w, useEffect as k } from "react";
+import { createPortal as S } from "react-dom";
+const C = ({ item: e, onSelect: h, onClose: c }) => {
+  const [f, m] = v(!1), s = y(null);
+  if (e.divider)
+    return /* @__PURE__ */ r("li", { className: "divider my-1" });
+  const b = () => {
+    e.disabled || e.children && e.children.length > 0 || (h(e.key), c());
+  }, t = e.children && e.children.length > 0;
+  return /* @__PURE__ */ g(
+    "li",
     {
-      style: { "--value": s, "--digits": 2 },
-      "aria-live": "polite",
-      "aria-label": String(s),
-      children: String(s).padStart(2, "0")
+      ref: s,
+      onMouseEnter: () => t && m(!0),
+      onMouseLeave: () => t && m(!1),
+      className: "relative",
+      children: [
+        /* @__PURE__ */ g(
+          "button",
+          {
+            onClick: b,
+            disabled: e.disabled,
+            className: `
+          flex items-center gap-2 w-full px-4 py-2 text-left text-sm
+          ${e.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-base-200"}
+          ${e.danger ? "text-error hover:bg-error/10" : ""}
+        `,
+            children: [
+              e.icon && /* @__PURE__ */ r("span", { className: "w-4 h-4", children: e.icon }),
+              /* @__PURE__ */ r("span", { className: "flex-1", children: e.label }),
+              t && /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+            ]
+          }
+        ),
+        t && f && /* @__PURE__ */ r("ul", { className: "menu bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50", children: e.children.map((d) => /* @__PURE__ */ r(C, { item: d, onSelect: h, onClose: c }, d.key)) })
+      ]
     }
-  ) });
-  return f ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center bg-neutral text-neutral-content rounded-box p-2", children: [
-    n,
-    l && e && /* @__PURE__ */ t("span", { className: "text-xs mt-1", children: e })
-  ] }) : l ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center", children: [
-    n,
-    e && /* @__PURE__ */ t("span", { className: "text-xs text-base-content/70", children: e })
-  ] }) : n;
-}, $ = ({
-  value: s,
-  format: e = "HH:MM:SS",
-  onFinish: r,
-  onChange: l,
-  className: f = "",
-  size: a = "md",
-  showLabels: n = !1,
-  labels: i = {},
-  boxed: o = !1
+  );
+}, R = ({
+  children: e,
+  items: h,
+  onSelect: c,
+  disabled: f = !1,
+  className: m = ""
 }) => {
-  const d = s instanceof Date ? s.getTime() : s, [u, H] = D(() => T(d)), [M, L] = D(!1), m = {
-    days: i.days || "days",
-    hours: i.hours || "hours",
-    minutes: i.minutes || "min",
-    seconds: i.seconds || "sec"
-  }, p = k(() => {
-    const N = T(d);
-    H(N);
-    const C = d - Date.now();
-    l?.(Math.max(0, C)), C <= 0 && !M && (L(!0), r?.());
-  }, [d, l, r, M]);
-  I(() => {
-    const N = setInterval(p, 1e3);
-    return p(), () => clearInterval(N);
-  }, [p]);
-  const j = e.includes("D"), v = e.includes("H"), g = e.includes("M"), x = e.includes("S"), w = a === "lg" || a === "xl" ? "text-3xl" : a === "md" ? "text-2xl" : "text-xl", y = !n && !o;
-  return /* @__PURE__ */ c("div", { className: `flex gap-4 items-center ${f}`, children: [
-    j && /* @__PURE__ */ c(S, { children: [
-      /* @__PURE__ */ t(
-        h,
-        {
-          value: u.days,
-          label: m.days,
-          size: a,
-          showLabel: n,
-          boxed: o
-        }
-      ),
-      y && (v || g || x) && /* @__PURE__ */ t("span", { className: w, children: ":" })
-    ] }),
-    v && /* @__PURE__ */ c(S, { children: [
-      /* @__PURE__ */ t(
-        h,
-        {
-          value: u.hours,
-          label: m.hours,
-          size: a,
-          showLabel: n,
-          boxed: o
-        }
-      ),
-      y && (g || x) && /* @__PURE__ */ t("span", { className: w, children: ":" })
-    ] }),
-    g && /* @__PURE__ */ c(S, { children: [
-      /* @__PURE__ */ t(
-        h,
+  const [s, b] = v(!1), [t, d] = v({ x: 0, y: 0 }), a = y(null), E = y(null), N = w(
+    (n) => {
+      if (f) return;
+      n.preventDefault(), n.stopPropagation();
+      let o = n.clientX, l = n.clientY;
+      d({ x: o, y: l }), b(!0);
+    },
+    [f]
+  ), u = w(() => {
+    b(!1);
+  }, []), L = w(
+    (n) => {
+      c?.(n);
+    },
+    [c]
+  );
+  return k(() => {
+    if (s && a.current) {
+      const o = a.current.getBoundingClientRect(), l = window.innerWidth, i = window.innerHeight;
+      let { x: p, y: x } = t;
+      p + o.width > l && (p = l - o.width - 8), x + o.height > i && (x = i - o.height - 8), (p !== t.x || x !== t.y) && d({ x: p, y: x });
+    }
+  }, [s, t]), k(() => {
+    if (!s) return;
+    const n = (i) => {
+      a.current && !a.current.contains(i.target) && u();
+    }, o = (i) => {
+      i.key === "Escape" && u();
+    }, l = () => {
+      u();
+    };
+    return document.addEventListener("mousedown", n), document.addEventListener("keydown", o), document.addEventListener("scroll", l, !0), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("keydown", o), document.removeEventListener("scroll", l, !0);
+    };
+  }, [s, u]), /* @__PURE__ */ g(M, { children: [
+    /* @__PURE__ */ r("div", { ref: E, onContextMenu: N, className: "inline-block", children: e }),
+    s && S(
+      /* @__PURE__ */ r(
+        "ul",
         {
-          value: u.minutes,
-          label: m.minutes,
-          size: a,
-          showLabel: n,
-          boxed: o
+          ref: a,
+          className: `menu bg-base-100 rounded-box shadow-lg border border-base-300 min-w-[160px] p-1 fixed z-[9999] ${m}`,
+          style: { left: t.x, top: t.y },
+          children: h.map((n) => /* @__PURE__ */ r(C, { item: n, onSelect: L, onClose: u }, n.key))
         }
       ),
-      y && x && /* @__PURE__ */ t("span", { className: w, children: ":" })
-    ] }),
-    x && /* @__PURE__ */ t(
-      h,
-      {
-        value: u.seconds,
-        label: m.seconds,
-        size: a,
-        showLabel: n,
-        boxed: o
-      }
+      document.body
     )
   ] });
 };
-$.displayName = "Countdown";
+R.displayName = "ContextMenu";
 export {
-  $ as Countdown
+  R as ContextMenu
 };
 //# sourceMappingURL=index20.js.map

package/dist/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","sources":["../src/components/Countdown.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from 'react'\n\nexport interface CountdownProps {\n  /** Target timestamp in milliseconds or Date object */\n  value: number | Date\n  /** Format string: 'D' days, 'H' hours, 'M' minutes, 'S' seconds */\n  format?: string\n  /** Callback when countdown reaches zero */\n  onFinish?: () => void\n  /** Callback on each tick with remaining time */\n  onChange?: (value: number) => void\n  /** Additional CSS classes */\n  className?: string\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Show labels under each unit */\n  showLabels?: boolean\n  /** Custom labels */\n  labels?: {\n    days?: string\n    hours?: string\n    minutes?: string\n    seconds?: string\n  }\n  /** Show box style around each unit */\n  boxed?: boolean\n}\n\ninterface TimeLeft {\n  days: number\n  hours: number\n  minutes: number\n  seconds: number\n}\n\nconst calculateTimeLeft = (targetTime: number): TimeLeft => {\n  const difference = targetTime - Date.now()\n\n  if (difference <= 0) {\n    return { days: 0, hours: 0, minutes: 0, seconds: 0 }\n  }\n\n  return {\n    days: Math.floor(difference / (1000 * 60 * 60 * 24)),\n    hours: Math.floor((difference / (1000 * 60 * 60)) % 24),\n    minutes: Math.floor((difference / 1000 / 60) % 60),\n    seconds: Math.floor((difference / 1000) % 60),\n  }\n}\n\nconst CountdownUnit: React.FC<{\n  value: number\n  label?: string\n  size?: CountdownProps['size']\n  showLabel?: boolean\n  boxed?: boolean\n}> = ({ value, label, size, showLabel, boxed }) => {\n  const sizeClasses = {\n    xs: 'text-lg',\n    sm: 'text-2xl',\n    md: 'text-4xl',\n    lg: 'text-5xl',\n    xl: 'text-6xl',\n  }\n\n  const content = (\n    <span className={`countdown font-mono ${sizeClasses[size || 'md']}`}>\n      <span\n        style={{ '--value': value, '--digits': 2 } as React.CSSProperties}\n        aria-live=\"polite\"\n        aria-label={String(value)}\n      >\n        {String(value).padStart(2, '0')}\n      </span>\n    </span>\n  )\n\n  if (boxed) {\n    return (\n      <div className=\"flex flex-col items-center bg-neutral text-neutral-content rounded-box p-2\">\n        {content}\n        {showLabel && label && <span className=\"text-xs mt-1\">{label}</span>}\n      </div>\n    )\n  }\n\n  if (showLabel) {\n    return (\n      <div className=\"flex flex-col items-center\">\n        {content}\n        {label && <span className=\"text-xs text-base-content/70\">{label}</span>}\n      </div>\n    )\n  }\n\n  return content\n}\n\nexport const Countdown: React.FC<CountdownProps> = ({\n  value,\n  format = 'HH:MM:SS',\n  onFinish,\n  onChange,\n  className = '',\n  size = 'md',\n  showLabels = false,\n  labels = {},\n  boxed = false,\n}) => {\n  const targetTime = value instanceof Date ? value.getTime() : value\n  const [timeLeft, setTimeLeft] = useState<TimeLeft>(() => calculateTimeLeft(targetTime))\n  const [finished, setFinished] = useState(false)\n\n  const defaultLabels = {\n    days: labels.days || 'days',\n    hours: labels.hours || 'hours',\n    minutes: labels.minutes || 'min',\n    seconds: labels.seconds || 'sec',\n  }\n\n  const tick = useCallback(() => {\n    const newTimeLeft = calculateTimeLeft(targetTime)\n    setTimeLeft(newTimeLeft)\n\n    const remaining = targetTime - Date.now()\n    onChange?.(Math.max(0, remaining))\n\n    if (remaining <= 0 && !finished) {\n      setFinished(true)\n      onFinish?.()\n    }\n  }, [targetTime, onChange, onFinish, finished])\n\n  useEffect(() => {\n    const timer = setInterval(tick, 1000)\n    tick() // Initial tick\n\n    return () => clearInterval(timer)\n  }, [tick])\n\n  const showDays = format.includes('D')\n  const showHours = format.includes('H')\n  const showMinutes = format.includes('M')\n  const showSeconds = format.includes('S')\n\n  const separatorSize = size === 'lg' || size === 'xl' ? 'text-3xl' : size === 'md' ? 'text-2xl' : 'text-xl'\n  const showSeparators = !showLabels && !boxed\n\n  return (\n    <div className={`flex gap-4 items-center ${className}`}>\n      {showDays && (\n        <>\n          <CountdownUnit\n            value={timeLeft.days}\n            label={defaultLabels.days}\n            size={size}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && (showHours || showMinutes || showSeconds) && (\n            <span className={separatorSize}>:</span>\n          )}\n        </>\n      )}\n      {showHours && (\n        <>\n          <CountdownUnit\n            value={timeLeft.hours}\n            label={defaultLabels.hours}\n            size={size}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && (showMinutes || showSeconds) && (\n            <span className={separatorSize}>:</span>\n          )}\n        </>\n      )}\n      {showMinutes && (\n        <>\n          <CountdownUnit\n            value={timeLeft.minutes}\n            label={defaultLabels.minutes}\n            size={size}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && showSeconds && <span className={separatorSize}>:</span>}\n        </>\n      )}\n      {showSeconds && (\n        <CountdownUnit\n          value={timeLeft.seconds}\n          label={defaultLabels.seconds}\n          size={size}\n          showLabel={showLabels}\n          boxed={boxed}\n        />\n      )}\n    </div>\n  )\n}\n\nCountdown.displayName = 'Countdown'\n"],"names":["calculateTimeLeft","targetTime","difference","CountdownUnit","value","label","size","showLabel","boxed","content","jsx","jsxs","Countdown","format","onFinish","onChange","className","showLabels","labels","timeLeft","setTimeLeft","useState","finished","setFinished","defaultLabels","tick","useCallback","newTimeLeft","remaining","useEffect","timer","showDays","showHours","showMinutes","showSeconds","separatorSize","showSeparators","Fragment"],"mappings":";;AAmCA,MAAMA,IAAoB,CAACC,MAAiC;AAC1D,QAAMC,IAAaD,IAAa,KAAK,IAAA;AAErC,SAAIC,KAAc,IACT,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,EAAA,IAG5C;AAAA,IACL,MAAM,KAAK,MAAMA,KAAc,MAAO,KAAK,KAAK,GAAG;AAAA,IACnD,OAAO,KAAK,MAAOA,KAAc,MAAO,KAAK,MAAO,EAAE;AAAA,IACtD,SAAS,KAAK,MAAOA,IAAa,MAAO,KAAM,EAAE;AAAA,IACjD,SAAS,KAAK,MAAOA,IAAa,MAAQ,EAAE;AAAA,EAAA;AAEhD,GAEMC,IAMD,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,OAAAC,QAAY;AASjD,QAAMC,sBACH,QAAA,EAAK,WAAW,uBATC;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EAIgDH,KAAQ,IAAI,CAAC,IAC/D,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,WAAWN,GAAO,YAAY,EAAA;AAAA,MACvC,aAAU;AAAA,MACV,cAAY,OAAOA,CAAK;AAAA,MAEvB,UAAA,OAAOA,CAAK,EAAE,SAAS,GAAG,GAAG;AAAA,IAAA;AAAA,EAAA,GAElC;AAGF,SAAII,IAEA,gBAAAG,EAAC,OAAA,EAAI,WAAU,8EACZ,UAAA;AAAA,IAAAF;AAAA,IACAF,KAAaF,KAAS,gBAAAK,EAAC,QAAA,EAAK,WAAU,gBAAgB,UAAAL,EAAA,CAAM;AAAA,EAAA,GAC/D,IAIAE,IAEA,gBAAAI,EAAC,OAAA,EAAI,WAAU,8BACZ,UAAA;AAAA,IAAAF;AAAA,IACAJ,KAAS,gBAAAK,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAAL,EAAA,CAAM;AAAA,EAAA,GAClE,IAIGI;AACT,GAEaG,IAAsC,CAAC;AAAA,EAClD,OAAAR;AAAA,EACA,QAAAS,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAV,IAAO;AAAA,EACP,YAAAW,IAAa;AAAA,EACb,QAAAC,IAAS,CAAA;AAAA,EACT,OAAAV,IAAQ;AACV,MAAM;AACJ,QAAMP,IAAaG,aAAiB,OAAOA,EAAM,YAAYA,GACvD,CAACe,GAAUC,CAAW,IAAIC,EAAmB,MAAMrB,EAAkBC,CAAU,CAAC,GAChF,CAACqB,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAAgB;AAAA,IACpB,MAAMN,EAAO,QAAQ;AAAA,IACrB,OAAOA,EAAO,SAAS;AAAA,IACvB,SAASA,EAAO,WAAW;AAAA,IAC3B,SAASA,EAAO,WAAW;AAAA,EAAA,GAGvBO,IAAOC,EAAY,MAAM;AAC7B,UAAMC,IAAc3B,EAAkBC,CAAU;AAChD,IAAAmB,EAAYO,CAAW;AAEvB,UAAMC,IAAY3B,IAAa,KAAK,IAAA;AACpC,IAAAc,IAAW,KAAK,IAAI,GAAGa,CAAS,CAAC,GAE7BA,KAAa,KAAK,CAACN,MACrBC,EAAY,EAAI,GAChBT,IAAA;AAAA,EAEJ,GAAG,CAACb,GAAYc,GAAUD,GAAUQ,CAAQ,CAAC;AAE7C,EAAAO,EAAU,MAAM;AACd,UAAMC,IAAQ,YAAYL,GAAM,GAAI;AACpC,WAAAA,EAAA,GAEO,MAAM,cAAcK,CAAK;AAAA,EAClC,GAAG,CAACL,CAAI,CAAC;AAET,QAAMM,IAAWlB,EAAO,SAAS,GAAG,GAC9BmB,IAAYnB,EAAO,SAAS,GAAG,GAC/BoB,IAAcpB,EAAO,SAAS,GAAG,GACjCqB,IAAcrB,EAAO,SAAS,GAAG,GAEjCsB,IAAgB7B,MAAS,QAAQA,MAAS,OAAO,aAAaA,MAAS,OAAO,aAAa,WAC3F8B,IAAiB,CAACnB,KAAc,CAACT;AAEvC,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAW,2BAA2BK,CAAS,IACjD,UAAA;AAAA,IAAAe,KACC,gBAAApB,EAAA0B,GAAA,EACE,UAAA;AAAA,MAAA,gBAAA3B;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,OAAOgB,EAAS;AAAA,UAChB,OAAOK,EAAc;AAAA,UACrB,MAAAlB;AAAA,UACA,WAAWW;AAAA,UACX,OAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAED4B,MAAmBJ,KAAaC,KAAeC,wBAC7C,QAAA,EAAK,WAAWC,GAAe,UAAA,IAAA,CAAC;AAAA,IAAA,GAErC;AAAA,IAEDH,KACC,gBAAArB,EAAA0B,GAAA,EACE,UAAA;AAAA,MAAA,gBAAA3B;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,OAAOgB,EAAS;AAAA,UAChB,OAAOK,EAAc;AAAA,UACrB,MAAAlB;AAAA,UACA,WAAWW;AAAA,UACX,OAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAED4B,MAAmBH,KAAeC,wBAChC,QAAA,EAAK,WAAWC,GAAe,UAAA,IAAA,CAAC;AAAA,IAAA,GAErC;AAAA,IAEDF,KACC,gBAAAtB,EAAA0B,GAAA,EACE,UAAA;AAAA,MAAA,gBAAA3B;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,OAAOgB,EAAS;AAAA,UAChB,OAAOK,EAAc;AAAA,UACrB,MAAAlB;AAAA,UACA,WAAWW;AAAA,UACX,OAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAED4B,KAAkBF,KAAe,gBAAAxB,EAAC,QAAA,EAAK,WAAWyB,GAAe,UAAA,IAAA,CAAC;AAAA,IAAA,GACrE;AAAA,IAEDD,KACC,gBAAAxB;AAAA,MAACP;AAAA,MAAA;AAAA,QACC,OAAOgB,EAAS;AAAA,QAChB,OAAOK,EAAc;AAAA,QACrB,MAAAlB;AAAA,QACA,WAAWW;AAAA,QACX,OAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AAEAI,EAAU,cAAc;"}
+{"version":3,"file":"index20.js","sources":["../src/components/ContextMenu.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport interface ContextMenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  danger?: boolean\n  divider?: boolean\n  children?: ContextMenuItem[]\n}\n\nexport interface ContextMenuProps {\n  /** Element that triggers the context menu on right-click */\n  children: React.ReactNode\n  /** Menu items */\n  items: ContextMenuItem[]\n  /** Callback when an item is selected */\n  onSelect?: (key: string) => void\n  /** Whether the context menu is disabled */\n  disabled?: boolean\n  /** Additional CSS classes for the menu */\n  className?: string\n}\n\ninterface MenuPosition {\n  x: number\n  y: number\n}\n\nconst MenuItem: React.FC<{\n  item: ContextMenuItem\n  onSelect: (key: string) => void\n  onClose: () => void\n}> = ({ item, onSelect, onClose }) => {\n  const [showSubmenu, setShowSubmenu] = useState(false)\n  const itemRef = useRef<HTMLLIElement>(null)\n\n  if (item.divider) {\n    return <li className=\"divider my-1\"></li>\n  }\n\n  const handleClick = () => {\n    if (item.disabled) return\n    if (item.children && item.children.length > 0) return\n    onSelect(item.key)\n    onClose()\n  }\n\n  const hasSubmenu = item.children && item.children.length > 0\n\n  return (\n    <li\n      ref={itemRef}\n      onMouseEnter={() => hasSubmenu && setShowSubmenu(true)}\n      onMouseLeave={() => hasSubmenu && setShowSubmenu(false)}\n      className=\"relative\"\n    >\n      <button\n        onClick={handleClick}\n        disabled={item.disabled}\n        className={`\n          flex items-center gap-2 w-full px-4 py-2 text-left text-sm\n          ${item.disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n          ${item.danger ? 'text-error hover:bg-error/10' : ''}\n        `}\n      >\n        {item.icon && <span className=\"w-4 h-4\">{item.icon}</span>}\n        <span className=\"flex-1\">{item.label}</span>\n        {hasSubmenu && (\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        )}\n      </button>\n      {hasSubmenu && showSubmenu && (\n        <ul className=\"menu bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50\">\n          {item.children!.map((child) => (\n            <MenuItem key={child.key} item={child} onSelect={onSelect} onClose={onClose} />\n          ))}\n        </ul>\n      )}\n    </li>\n  )\n}\n\nexport const ContextMenu: React.FC<ContextMenuProps> = ({\n  children,\n  items,\n  onSelect,\n  disabled = false,\n  className = '',\n}) => {\n  const [visible, setVisible] = useState(false)\n  const [position, setPosition] = useState<MenuPosition>({ x: 0, y: 0 })\n  const menuRef = useRef<HTMLUListElement>(null)\n  const triggerRef = useRef<HTMLDivElement>(null)\n\n  const handleContextMenu = useCallback(\n    (e: React.MouseEvent) => {\n      if (disabled) return\n      e.preventDefault()\n      e.stopPropagation()\n\n      // Calculate position, ensuring menu stays within viewport\n      let x = e.clientX\n      let y = e.clientY\n\n      // We'll adjust after render when we know menu dimensions\n      setPosition({ x, y })\n      setVisible(true)\n    },\n    [disabled]\n  )\n\n  const handleClose = useCallback(() => {\n    setVisible(false)\n  }, [])\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      onSelect?.(key)\n    },\n    [onSelect]\n  )\n\n  // Adjust position after menu renders to keep it in viewport\n  useEffect(() => {\n    if (visible && menuRef.current) {\n      const menu = menuRef.current\n      const rect = menu.getBoundingClientRect()\n      const viewportWidth = window.innerWidth\n      const viewportHeight = window.innerHeight\n\n      let { x, y } = position\n\n      if (x + rect.width > viewportWidth) {\n        x = viewportWidth - rect.width - 8\n      }\n      if (y + rect.height > viewportHeight) {\n        y = viewportHeight - rect.height - 8\n      }\n\n      if (x !== position.x || y !== position.y) {\n        setPosition({ x, y })\n      }\n    }\n  }, [visible, position])\n\n  // Close on click outside or escape\n  useEffect(() => {\n    if (!visible) return\n\n    const handleClickOutside = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        handleClose()\n      }\n    }\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        handleClose()\n      }\n    }\n\n    const handleScroll = () => {\n      handleClose()\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscape)\n    document.addEventListener('scroll', handleScroll, true)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscape)\n      document.removeEventListener('scroll', handleScroll, true)\n    }\n  }, [visible, handleClose])\n\n  return (\n    <>\n      <div ref={triggerRef} onContextMenu={handleContextMenu} className=\"inline-block\">\n        {children}\n      </div>\n      {visible &&\n        createPortal(\n          <ul\n            ref={menuRef}\n            className={`menu bg-base-100 rounded-box shadow-lg border border-base-300 min-w-[160px] p-1 fixed z-[9999] ${className}`}\n            style={{ left: position.x, top: position.y }}\n          >\n            {items.map((item) => (\n              <MenuItem key={item.key} item={item} onSelect={handleSelect} onClose={handleClose} />\n            ))}\n          </ul>,\n          document.body\n        )}\n    </>\n  )\n}\n\nContextMenu.displayName = 'ContextMenu'\n"],"names":["MenuItem","item","onSelect","onClose","showSubmenu","setShowSubmenu","useState","itemRef","useRef","jsx","handleClick","hasSubmenu","jsxs","child","ContextMenu","children","items","disabled","className","visible","setVisible","position","setPosition","menuRef","triggerRef","handleContextMenu","useCallback","e","x","y","handleClose","handleSelect","key","useEffect","rect","viewportWidth","viewportHeight","handleClickOutside","handleEscape","handleScroll","Fragment","createPortal"],"mappings":"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"}