asterui 0.10.2

package/dist/index16.js

@@ -0,0 +1,74 @@
+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 {
+  E as Collapse
+};
+//# sourceMappingURL=index16.js.map

package/dist/index16.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index16.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/index17.js

@@ -0,0 +1,20 @@
+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 });
+};
+export {
+  n as Container
+};
+//# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index17.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/index18.js

@@ -0,0 +1,101 @@
+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 = ""
+}) => {
+  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
+    )
+  ] });
+};
+R.displayName = "ContextMenu";
+export {
+  R as ContextMenu
+};
+//# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index18.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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"}

package/dist/index19.js

@@ -0,0 +1,117 @@
+import { jsxs as l, jsx as t, Fragment as N } from "react/jsx-runtime";
+import { useState as C, useCallback as j, useEffect as k } from "react";
+const D = (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)
+  };
+}, x = ({ value: s, label: e, size: r, showLabel: o, boxed: f }) => {
+  const a = /* @__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",
+    {
+      style: { "--value": s },
+      "aria-live": "polite",
+      "aria-label": String(s),
+      children: String(s).padStart(2, "0")
+    }
+  ) });
+  return f ? /* @__PURE__ */ l("div", { className: "flex flex-col items-center bg-neutral text-neutral-content rounded-box p-2", children: [
+    a,
+    o && e && /* @__PURE__ */ t("span", { className: "text-xs mt-1", children: e })
+  ] }) : /* @__PURE__ */ l("div", { className: "flex flex-col items-center", children: [
+    a,
+    o && e && /* @__PURE__ */ t("span", { className: "text-xs text-base-content/70 mt-1", children: e })
+  ] });
+}, I = ({
+  value: s,
+  format: e = "HH:MM:SS",
+  onFinish: r,
+  onChange: o,
+  className: f = "",
+  size: n = "md",
+  showLabels: a = !1,
+  labels: i = {},
+  boxed: c = !1
+}) => {
+  const d = s instanceof Date ? s.getTime() : s, [m, L] = C(() => D(d)), [M, T] = C(!1), u = {
+    days: i.days || "days",
+    hours: i.hours || "hours",
+    minutes: i.minutes || "min",
+    seconds: i.seconds || "sec"
+  }, p = j(() => {
+    const y = D(d);
+    L(y);
+    const v = d - Date.now();
+    o?.(Math.max(0, v)), v <= 0 && !M && (T(!0), r?.());
+  }, [d, o, r, M]);
+  k(() => {
+    const y = setInterval(p, 1e3);
+    return p(), () => clearInterval(y);
+  }, [p]);
+  const H = e.includes("D"), S = e.includes("H"), w = e.includes("M"), h = e.includes("S"), g = n === "lg" || n === "xl" ? "text-3xl" : n === "md" ? "text-2xl" : "text-xl";
+  return /* @__PURE__ */ l("div", { className: `flex gap-2 items-center ${f}`, children: [
+    H && /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ t(
+        x,
+        {
+          value: m.days,
+          label: u.days,
+          size: n,
+          showLabel: a,
+          boxed: c
+        }
+      ),
+      (S || w || h) && !c && /* @__PURE__ */ t("span", { className: g, children: ":" })
+    ] }),
+    S && /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ t(
+        x,
+        {
+          value: m.hours,
+          label: u.hours,
+          size: n,
+          showLabel: a,
+          boxed: c
+        }
+      ),
+      (w || h) && !c && /* @__PURE__ */ t("span", { className: g, children: ":" })
+    ] }),
+    w && /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ t(
+        x,
+        {
+          value: m.minutes,
+          label: u.minutes,
+          size: n,
+          showLabel: a,
+          boxed: c
+        }
+      ),
+      h && !c && /* @__PURE__ */ t("span", { className: g, children: ":" })
+    ] }),
+    h && /* @__PURE__ */ t(
+      x,
+      {
+        value: m.seconds,
+        label: u.seconds,
+        size: n,
+        showLabel: a,
+        boxed: c
+      }
+    )
+  ] });
+};
+I.displayName = "Countdown";
+export {
+  I as Countdown
+};
+//# sourceMappingURL=index19.js.map

package/dist/index19.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index19.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 } 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  return (\n    <div className=\"flex flex-col items-center\">\n      {content}\n      {showLabel && label && (\n        <span className=\"text-xs text-base-content/70 mt-1\">{label}</span>\n      )}\n    </div>\n  )\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\n  return (\n    <div className={`flex gap-2 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          {(showHours || showMinutes || showSeconds) && !boxed && (\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          {(showMinutes || showSeconds) && !boxed && (\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          {showSeconds && !boxed && <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","Fragment"],"mappings":"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"}

package/dist/index2.js

@@ -0,0 +1,50 @@
+import { jsxs as z, jsx as v } from "react/jsx-runtime";
+import { useState as f, useRef as p, useEffect as L } from "react";
+const H = ({
+  children: y,
+  offsetTop: i,
+  offsetBottom: n,
+  target: d,
+  onChange: w,
+  className: S = "",
+  ...g
+}) => {
+  const [r, m] = f(!1), [R, h] = f({}), [A, u] = f({}), s = p(null), o = p(null);
+  return L(() => {
+    const x = d ? d() : window, t = () => {
+      if (!s.current || !o.current) return;
+      const l = s.current.getBoundingClientRect(), a = o.current.getBoundingClientRect();
+      let e = !1, c = {};
+      if (i !== void 0)
+        e = l.top < i, e && (c = {
+          position: "fixed",
+          top: i,
+          width: l.width,
+          zIndex: 100
+        });
+      else if (n !== void 0) {
+        const E = window.innerHeight;
+        e = l.bottom > E - n, e && (c = {
+          position: "fixed",
+          bottom: n,
+          width: l.width,
+          zIndex: 100
+        });
+      }
+      e !== r && (m(e), w?.(e)), e ? (h({
+        width: a.width,
+        height: a.height
+      }), u(c)) : (h({}), u({}));
+    };
+    return x.addEventListener("scroll", t), window.addEventListener("resize", t), t(), () => {
+      x.removeEventListener("scroll", t), window.removeEventListener("resize", t);
+    };
+  }, [d, i, n, r, w]), /* @__PURE__ */ z("div", { ref: s, className: S, "data-state": r ? "affixed" : "normal", ...g, children: [
+    r && /* @__PURE__ */ v("div", { style: R }),
+    /* @__PURE__ */ v("div", { ref: o, style: A, children: y })
+  ] });
+};
+export {
+  H as Affix
+};
+//# sourceMappingURL=index2.js.map

package/dist/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":["../src/components/Affix.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\n\nexport interface AffixProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Content to make sticky */\n  children: React.ReactNode\n  /** Offset from top when fixed (pixels) */\n  offsetTop?: number\n  /** Offset from bottom when fixed (pixels) */\n  offsetBottom?: number\n  /** Scroll target (default: window) */\n  target?: () => HTMLElement | Window\n  /** Callback when affix state changes */\n  onChange?: (affixed: boolean) => void\n}\n\nexport const Affix: React.FC<AffixProps> = ({\n  children,\n  offsetTop,\n  offsetBottom,\n  target,\n  onChange,\n  className = '',\n  ...rest\n}) => {\n  const [affixed, setAffixed] = useState(false)\n  const [placeholderStyle, setPlaceholderStyle] = useState<React.CSSProperties>({})\n  const [affixStyle, setAffixStyle] = useState<React.CSSProperties>({})\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const scrollTarget = target ? target() : window\n\n    const handleScroll = () => {\n      if (!wrapperRef.current || !contentRef.current) return\n\n      const rect = wrapperRef.current.getBoundingClientRect()\n      const contentRect = contentRef.current.getBoundingClientRect()\n\n      let shouldAffix = false\n      let newAffixStyle: React.CSSProperties = {}\n\n      if (offsetTop !== undefined) {\n        // Affix to top\n        shouldAffix = rect.top < offsetTop\n        if (shouldAffix) {\n          newAffixStyle = {\n            position: 'fixed',\n            top: offsetTop,\n            width: rect.width,\n            zIndex: 100,\n          }\n        }\n      } else if (offsetBottom !== undefined) {\n        // Affix to bottom\n        const viewportHeight = window.innerHeight\n        shouldAffix = rect.bottom > viewportHeight - offsetBottom\n        if (shouldAffix) {\n          newAffixStyle = {\n            position: 'fixed',\n            bottom: offsetBottom,\n            width: rect.width,\n            zIndex: 100,\n          }\n        }\n      }\n\n      if (shouldAffix !== affixed) {\n        setAffixed(shouldAffix)\n        onChange?.(shouldAffix)\n      }\n\n      if (shouldAffix) {\n        setPlaceholderStyle({\n          width: contentRect.width,\n          height: contentRect.height,\n        })\n        setAffixStyle(newAffixStyle)\n      } else {\n        setPlaceholderStyle({})\n        setAffixStyle({})\n      }\n    }\n\n    scrollTarget.addEventListener('scroll', handleScroll)\n    window.addEventListener('resize', handleScroll)\n    handleScroll()\n\n    return () => {\n      scrollTarget.removeEventListener('scroll', handleScroll)\n      window.removeEventListener('resize', handleScroll)\n    }\n  }, [target, offsetTop, offsetBottom, affixed, onChange])\n\n  return (\n    <div ref={wrapperRef} className={className} data-state={affixed ? 'affixed' : 'normal'} {...rest}>\n      {affixed && <div style={placeholderStyle} />}\n      <div ref={contentRef} style={affixStyle}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Affix","children","offsetTop","offsetBottom","target","onChange","className","rest","affixed","setAffixed","useState","placeholderStyle","setPlaceholderStyle","affixStyle","setAffixStyle","wrapperRef","useRef","contentRef","useEffect","scrollTarget","handleScroll","rect","contentRect","shouldAffix","newAffixStyle","viewportHeight","jsxs","jsx"],"mappings":";;AAeO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAkBC,CAAmB,IAAIF,EAA8B,CAAA,CAAE,GAC1E,CAACG,GAAYC,CAAa,IAAIJ,EAA8B,CAAA,CAAE,GAC9DK,IAAaC,EAAuB,IAAI,GACxCC,IAAaD,EAAuB,IAAI;AAE9C,SAAAE,EAAU,MAAM;AACd,UAAMC,IAAef,IAASA,EAAA,IAAW,QAEnCgB,IAAe,MAAM;AACzB,UAAI,CAACL,EAAW,WAAW,CAACE,EAAW,QAAS;AAEhD,YAAMI,IAAON,EAAW,QAAQ,sBAAA,GAC1BO,IAAcL,EAAW,QAAQ,sBAAA;AAEvC,UAAIM,IAAc,IACdC,IAAqC,CAAA;AAEzC,UAAItB,MAAc;AAEhB,QAAAqB,IAAcF,EAAK,MAAMnB,GACrBqB,MACFC,IAAgB;AAAA,UACd,UAAU;AAAA,UACV,KAAKtB;AAAA,UACL,OAAOmB,EAAK;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,eAGHlB,MAAiB,QAAW;AAErC,cAAMsB,IAAiB,OAAO;AAC9B,QAAAF,IAAcF,EAAK,SAASI,IAAiBtB,GACzCoB,MACFC,IAAgB;AAAA,UACd,UAAU;AAAA,UACV,QAAQrB;AAAA,UACR,OAAOkB,EAAK;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,MAGd;AAEA,MAAIE,MAAgBf,MAClBC,EAAWc,CAAW,GACtBlB,IAAWkB,CAAW,IAGpBA,KACFX,EAAoB;AAAA,QAClB,OAAOU,EAAY;AAAA,QACnB,QAAQA,EAAY;AAAA,MAAA,CACrB,GACDR,EAAcU,CAAa,MAE3BZ,EAAoB,CAAA,CAAE,GACtBE,EAAc,CAAA,CAAE;AAAA,IAEpB;AAEA,WAAAK,EAAa,iBAAiB,UAAUC,CAAY,GACpD,OAAO,iBAAiB,UAAUA,CAAY,GAC9CA,EAAA,GAEO,MAAM;AACX,MAAAD,EAAa,oBAAoB,UAAUC,CAAY,GACvD,OAAO,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EACF,GAAG,CAAChB,GAAQF,GAAWC,GAAcK,GAASH,CAAQ,CAAC,GAGrD,gBAAAqB,EAAC,OAAA,EAAI,KAAKX,GAAY,WAAAT,GAAsB,cAAYE,IAAU,YAAY,UAAW,GAAGD,GACzF,UAAA;AAAA,IAAAC,KAAW,gBAAAmB,EAAC,OAAA,EAAI,OAAOhB,EAAA,CAAkB;AAAA,sBACzC,OAAA,EAAI,KAAKM,GAAY,OAAOJ,GAC1B,UAAAZ,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index20.js

@@ -0,0 +1,187 @@
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useState as h, useRef as j, useEffect as y } from "react";
+import { Input as T } from "./index36.js";
+const $ = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], I = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function L(t, l = "MM/DD/YYYY") {
+  if (!t) return "";
+  const u = t.getFullYear(), f = String(t.getMonth() + 1).padStart(2, "0"), g = String(t.getDate()).padStart(2, "0");
+  return l.replace("YYYY", String(u)).replace("MM", f).replace("DD", g);
+}
+function q(t, l) {
+  return new Date(t, l + 1, 0).getDate();
+}
+function z(t, l) {
+  return new Date(t, l, 1).getDay();
+}
+const B = ({
+  value: t,
+  defaultValue: l,
+  onChange: u,
+  format: f,
+  placeholder: g = "Select date",
+  disabled: v = !1,
+  className: x = "",
+  size: N = "md",
+  ...Y
+}) => {
+  const [o, b] = h(
+    t || l || null
+  ), [c, d] = h(!1), [r, i] = h(
+    o ? o.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
+  ), [a, p] = h(
+    o ? o.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
+  ), w = j(null);
+  y(() => {
+    t !== void 0 && b(t);
+  }, [t]), y(() => {
+    function e(s) {
+      w.current && !w.current.contains(s.target) && d(!1);
+    }
+    if (c)
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [c]);
+  const S = (e) => {
+    const s = new Date(a, r, e);
+    b(s), u?.(s), d(!1);
+  }, F = () => {
+    r === 0 ? (i(11), p(a - 1)) : i(r - 1);
+  }, O = () => {
+    r === 11 ? (i(0), p(a + 1)) : i(r + 1);
+  }, k = q(a, r), C = z(a, r), D = [];
+  for (let e = 0; e < C; e++)
+    D.push(null);
+  for (let e = 1; e <= k; e++)
+    D.push(e);
+  const M = (e) => !e || !o ? !1 : o.getDate() === e && o.getMonth() === r && o.getFullYear() === a, R = (e) => {
+    if (!e) return !1;
+    const s = /* @__PURE__ */ new Date();
+    return s.getDate() === e && s.getMonth() === r && s.getFullYear() === a;
+  };
+  return /* @__PURE__ */ m("div", { ref: w, className: `relative ${x}`, "data-state": c ? "open" : "closed", ...Y, children: [
+    /* @__PURE__ */ n(
+      T,
+      {
+        value: L(o, f),
+        placeholder: g,
+        disabled: v,
+        size: N,
+        readOnly: !0,
+        onClick: () => !v && d(!c),
+        className: "cursor-pointer"
+      }
+    ),
+    c && /* @__PURE__ */ m("div", { className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg p-4 z-50 w-80", children: [
+      /* @__PURE__ */ m("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: F,
+            className: "btn btn-ghost btn-sm btn-square",
+            children: /* @__PURE__ */ n(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-5 w-5",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                children: /* @__PURE__ */ n(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: "text-base font-semibold", children: [
+          I[r],
+          " ",
+          a
+        ] }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: O,
+            className: "btn btn-ghost btn-sm btn-square",
+            children: /* @__PURE__ */ n(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-5 w-5",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                children: /* @__PURE__ */ n(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-1 mb-2", children: $.map((e) => /* @__PURE__ */ n(
+        "div",
+        {
+          className: "text-center text-xs font-semibold text-base-content/60 py-2",
+          children: e
+        },
+        e
+      )) }),
+      /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-1", children: D.map((e, s) => /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          disabled: !e,
+          onClick: () => e && S(e),
+          className: `
+                  aspect-square flex items-center justify-center text-sm rounded-lg
+                  ${e ? "hover:bg-base-200" : "invisible"}
+                  ${M(e) ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
+                  ${R(e) && !M(e) ? "border border-primary" : ""}
+                  ${e ? "cursor-pointer" : ""}
+                `,
+          children: e
+        },
+        s
+      )) }),
+      /* @__PURE__ */ n("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            const e = /* @__PURE__ */ new Date();
+            b(e), i(e.getMonth()), p(e.getFullYear()), u?.(e), d(!1);
+          },
+          className: "btn btn-ghost btn-sm",
+          children: "Today"
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  B as DatePicker
+};
+//# sourceMappingURL=index20.js.map