asterui 0.12.19 → 0.12.20

package/dist/index14.js

@@ -1,161 +1,116 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { useState as g, useRef as I, useId as j, useEffect as $, useCallback as E } from "react";
-function T({
-  options: c,
-  value: b,
-  onChange: k,
-  placeholder: M = "Please select",
-  disabled: i = !1,
-  allowClear: S = !0,
-  expandTrigger: D = "click",
-  displayRender: w,
-  size: C = "md",
-  className: B = "",
-  ...H
+import { jsxs as s, jsx as e, Fragment as o } from "react/jsx-runtime";
+function y({ children: d, hoverable: a = !1, className: l = "", style: c, ...n }) {
+  const m = [
+    "p-6 border border-base-content/10",
+    a && "cursor-pointer hover:shadow-md transition-shadow",
+    l
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: m, style: c, ...n, children: d });
+}
+function C({ avatar: d, title: a, description: l, className: c = "", ...n }) {
+  return /* @__PURE__ */ s("div", { className: `flex gap-4 ${c}`, ...n, children: [
+    d && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: d }),
+    /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
+      a && /* @__PURE__ */ e("div", { className: "font-medium", children: a }),
+      l && /* @__PURE__ */ e("div", { className: "text-sm opacity-70 mt-1", children: l })
+    ] })
+  ] });
+}
+function M({
+  children: d,
+  title: a,
+  extra: l,
+  cover: c,
+  actions: n,
+  className: m = "",
+  style: h,
+  size: t,
+  bordered: b = !0,
+  side: k = !1,
+  imageFull: f = !1,
+  actionsJustify: N = "end",
+  loading: g = !1,
+  hoverable: j = !1,
+  avatar: r,
+  description: i,
+  ...u
 }) {
-  const [r, d] = g(!1), [o, p] = g(b || []), [y, u] = g([]), x = I(null), W = j(), N = j();
-  $(() => {
-    b !== void 0 && p(b);
-  }, [b]), $(() => {
-    const e = (s) => {
-      x.current && !x.current.contains(s.target) && (d(!1), u([]));
-    };
-    if (r)
-      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [r]);
-  const z = E((e, s) => {
-    if (e === 0) return c;
-    let t = c;
-    for (let l = 0; l < e; l++) {
-      const a = t.find((f) => f.value === s[l]);
-      if (!a?.children) return [];
-      t = a.children;
-    }
-    return t;
-  }, [c]), O = E((e) => {
-    const s = [];
-    let t = c;
-    for (const l of e) {
-      const a = t.find((f) => f.value === l);
-      if (!a) break;
-      s.push(a), t = a.children || [];
-    }
-    return s;
-  }, [c]), h = r && y.length > 0 ? y : o, v = [];
-  v.push(c);
-  for (let e = 0; e < h.length; e++) {
-    const s = z(e + 1, h);
-    s.length > 0 && v.push(s);
-  }
-  const K = (e, s) => {
-    if (e.disabled) return;
-    const t = [...h.slice(0, s), e.value];
-    e.children && e.children.length > 0 ? u(t) : (p(t), d(!1), u([]), k?.(t, O(t)));
-  }, A = (e, s) => {
-    if (D !== "hover" || e.disabled) return;
-    const t = [...h.slice(0, s), e.value];
-    u(t);
-  }, R = (e) => {
-    e.stopPropagation(), p([]), k?.([], []);
-  }, V = (e) => {
-    if (!i)
-      switch (e.key) {
-        case "Enter":
-        case " ":
-          e.preventDefault(), d(!r);
-          break;
-        case "Escape":
-          e.preventDefault(), d(!1), u([]);
-          break;
-      }
-  }, L = O(o), P = L.map((e) => e.label), q = w ? w(P, L) : P.join(" / "), F = {
-    xs: "input-xs text-xs",
-    sm: "input-sm text-sm",
-    md: "input-md",
-    lg: "input-lg text-lg"
-  }, G = {
-    xs: "text-xs",
-    sm: "text-sm",
-    md: "text-base",
-    lg: "text-lg"
+  const v = [
+    "card",
+    "bg-base-100",
+    t && {
+      xs: "card-xs",
+      sm: "card-sm",
+      md: "card-md",
+      lg: "card-lg",
+      xl: "card-xl"
+    }[t],
+    // Don't add border when imageFull is used (it breaks the overlay effect)
+    b && !f && "border border-base-content/10 shadow-sm",
+    k && "card-side",
+    f && "image-full shadow-sm",
+    j && "transition-shadow hover:shadow-lg cursor-pointer",
+    m
+  ].filter(Boolean).join(" "), w = {
+    start: "justify-start",
+    center: "justify-center",
+    end: "justify-end"
   };
-  return /* @__PURE__ */ m("div", { ref: x, className: `relative inline-block w-full ${B}`, "data-state": r ? "open" : "closed", ...H, children: [
-    /* @__PURE__ */ m(
-      "div",
-      {
-        id: W,
-        role: "combobox",
-        "aria-expanded": r,
-        "aria-haspopup": "listbox",
-        "aria-controls": N,
-        tabIndex: i ? -1 : 0,
-        className: `input input-bordered w-full flex items-center justify-between cursor-pointer ${F[C]} ${i ? "input-disabled cursor-not-allowed" : ""} ${r ? "border-primary" : ""}`,
-        onClick: () => !i && d(!r),
-        onKeyDown: V,
-        children: [
-          /* @__PURE__ */ n("span", { className: o.length === 0 ? "text-base-content/50" : "", children: o.length > 0 ? q : M }),
-          /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
-            S && o.length > 0 && !i && /* @__PURE__ */ n(
-              "button",
-              {
-                type: "button",
-                className: "btn btn-ghost btn-xs btn-circle",
-                onClick: R,
-                "aria-label": "Clear selection",
-                children: /* @__PURE__ */ n("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-              }
-            ),
-            /* @__PURE__ */ n(
-              "svg",
-              {
-                className: `w-4 h-4 transition-transform ${r ? "rotate-180" : ""}`,
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
-              }
-            )
+  if (g)
+    return /* @__PURE__ */ s("div", { className: v, style: h, ...u, children: [
+      c && /* @__PURE__ */ e("figure", { children: /* @__PURE__ */ e("div", { className: "skeleton h-48 w-full rounded-none" }) }),
+      /* @__PURE__ */ s("div", { className: "card-body", children: [
+        (r || a) && /* @__PURE__ */ s("div", { className: "flex gap-4 mb-4", children: [
+          r && /* @__PURE__ */ e("div", { className: "skeleton w-12 h-12 rounded-full flex-shrink-0" }),
+          /* @__PURE__ */ s("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ e("div", { className: "skeleton h-6 w-2/3" }),
+            i && /* @__PURE__ */ e("div", { className: "skeleton h-4 w-full" })
+          ] })
+        ] }),
+        !r && !a && /* @__PURE__ */ s(o, { children: [
+          /* @__PURE__ */ e("div", { className: "skeleton h-6 w-2/3 mb-4" }),
+          /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e("div", { className: "skeleton h-4 w-full" }),
+            /* @__PURE__ */ e("div", { className: "skeleton h-4 w-5/6" }),
+            /* @__PURE__ */ e("div", { className: "skeleton h-4 w-4/6" })
+          ] })
+        ] }),
+        n && /* @__PURE__ */ s("div", { className: `card-actions ${w[N]} mt-4`, children: [
+          /* @__PURE__ */ e("div", { className: "skeleton h-10 w-20" }),
+          /* @__PURE__ */ e("div", { className: "skeleton h-10 w-20" })
+        ] })
+      ] })
+    ] });
+  const p = r || a && i, x = () => !a && !l ? null : l ? /* @__PURE__ */ s("div", { className: "flex justify-between items-start gap-4", children: [
+    a && /* @__PURE__ */ e("h2", { className: "card-title", children: a }),
+    /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: l })
+  ] }) : a ? /* @__PURE__ */ e("h2", { className: "card-title", children: a }) : null;
+  return /* @__PURE__ */ s("div", { className: v, style: h, ...u, children: [
+    c && /* @__PURE__ */ e("figure", { children: c }),
+    /* @__PURE__ */ s("div", { className: "card-body", children: [
+      p ? /* @__PURE__ */ s(o, { children: [
+        /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
+          r && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: r }),
+          /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
+            x(),
+            i && /* @__PURE__ */ e("p", { className: "text-sm opacity-70 mt-1", children: i })
           ] })
-        ]
-      }
-    ),
-    r && /* @__PURE__ */ n(
-      "div",
-      {
-        id: N,
-        className: `absolute z-50 mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg flex ${G[C]}`,
-        children: v.map((e, s) => /* @__PURE__ */ n(
-          "ul",
-          {
-            role: "listbox",
-            className: `min-w-[120px] max-h-[200px] overflow-y-auto py-1 ${s > 0 ? "border-l border-base-300" : ""}`,
-            children: e.map((t) => {
-              const l = o[s] === t.value, a = h[s] === t.value, f = t.children && t.children.length > 0;
-              return /* @__PURE__ */ m(
-                "li",
-                {
-                  role: "option",
-                  "aria-selected": l,
-                  "aria-disabled": t.disabled,
-                  className: `px-3 py-2 cursor-pointer flex items-center justify-between gap-2 ${t.disabled ? "text-base-content/30 cursor-not-allowed" : l ? "bg-primary text-primary-content" : a ? "bg-base-200" : "hover:bg-base-200"}`,
-                  onClick: () => K(t, s),
-                  onMouseEnter: () => A(t, s),
-                  children: [
-                    /* @__PURE__ */ n("span", { children: t.label }),
-                    f && /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
-                  ]
-                },
-                t.value
-              );
-            })
-          },
-          s
-        ))
-      }
-    )
+        ] }),
+        d
+      ] }) : /* @__PURE__ */ s(o, { children: [
+        x(),
+        d
+      ] }),
+      n && /* @__PURE__ */ e("div", { className: `card-actions ${w[N]}`, children: n })
+    ] })
   ] });
 }
+const G = Object.assign(M, {
+  Grid: y,
+  Meta: C
+});
 export {
-  T as Cascader
+  G as Card,
+  G as default
 };
 //# sourceMappingURL=index14.js.map

package/dist/index14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index14.js","sources":["../src/components/Cascader.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback, useId } from 'react'\n\nexport interface CascaderOption {\n  value: string | number\n  label: React.ReactNode\n  disabled?: boolean\n  children?: CascaderOption[]\n}\n\nexport interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  options: CascaderOption[]\n  value?: (string | number)[]\n  onChange?: (value: (string | number)[], selectedOptions: CascaderOption[]) => void\n  placeholder?: string\n  disabled?: boolean\n  allowClear?: boolean\n  expandTrigger?: 'click' | 'hover'\n  displayRender?: (labels: React.ReactNode[], selectedOptions: CascaderOption[]) => React.ReactNode\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n}\n\nexport function Cascader({\n  options,\n  value,\n  onChange,\n  placeholder = 'Please select',\n  disabled = false,\n  allowClear = true,\n  expandTrigger = 'click',\n  displayRender,\n  size = 'md',\n  className = '',\n  ...rest\n}: CascaderProps) {\n  const [isOpen, setIsOpen] = useState(false)\n  const [selectedPath, setSelectedPath] = useState<(string | number)[]>(value || [])\n  const [hoveredPath, setHoveredPath] = useState<(string | number)[]>([])\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputId = useId()\n  const listboxId = useId()\n\n  // Sync with controlled value\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedPath(value)\n    }\n  }, [value])\n\n  // Close on outside click\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setIsOpen(false)\n        setHoveredPath([])\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  // Get options at each level based on path\n  const getOptionsAtLevel = useCallback((level: number, path: (string | number)[]): CascaderOption[] => {\n    if (level === 0) return options\n\n    let currentOptions = options\n    for (let i = 0; i < level; i++) {\n      const selected = currentOptions.find(opt => opt.value === path[i])\n      if (!selected?.children) return []\n      currentOptions = selected.children\n    }\n    return currentOptions\n  }, [options])\n\n  // Get selected options objects from path\n  const getSelectedOptions = useCallback((path: (string | number)[]): CascaderOption[] => {\n    const result: CascaderOption[] = []\n    let currentOptions = options\n\n    for (const val of path) {\n      const found = currentOptions.find(opt => opt.value === val)\n      if (!found) break\n      result.push(found)\n      currentOptions = found.children || []\n    }\n\n    return result\n  }, [options])\n\n  // Determine which path to use for displaying columns\n  const activePath = isOpen ? (hoveredPath.length > 0 ? hoveredPath : selectedPath) : selectedPath\n\n  // Build columns to display\n  const columns: CascaderOption[][] = []\n  columns.push(options)\n\n  for (let i = 0; i < activePath.length; i++) {\n    const nextOptions = getOptionsAtLevel(i + 1, activePath)\n    if (nextOptions.length > 0) {\n      columns.push(nextOptions)\n    }\n  }\n\n  const handleOptionClick = (option: CascaderOption, level: number) => {\n    if (option.disabled) return\n\n    const newPath = [...activePath.slice(0, level), option.value]\n\n    if (option.children && option.children.length > 0) {\n      // Has children - just expand, don't select yet\n      setHoveredPath(newPath)\n    } else {\n      // Leaf node - select and close\n      setSelectedPath(newPath)\n      setIsOpen(false)\n      setHoveredPath([])\n      onChange?.(newPath, getSelectedOptions(newPath))\n    }\n  }\n\n  const handleOptionHover = (option: CascaderOption, level: number) => {\n    if (expandTrigger !== 'hover' || option.disabled) return\n\n    const newPath = [...activePath.slice(0, level), option.value]\n    setHoveredPath(newPath)\n  }\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    setSelectedPath([])\n    onChange?.([], [])\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (disabled) return\n\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        e.preventDefault()\n        setIsOpen(!isOpen)\n        break\n      case 'Escape':\n        e.preventDefault()\n        setIsOpen(false)\n        setHoveredPath([])\n        break\n    }\n  }\n\n  // Display value\n  const selectedOptions = getSelectedOptions(selectedPath)\n  const labels = selectedOptions.map(opt => opt.label)\n  const displayValue = displayRender\n    ? displayRender(labels, selectedOptions)\n    : labels.join(' / ')\n\n  // Size classes\n  const sizeClasses = {\n    xs: 'input-xs text-xs',\n    sm: 'input-sm text-sm',\n    md: 'input-md',\n    lg: 'input-lg text-lg',\n  }\n\n  const dropdownSizeClasses = {\n    xs: 'text-xs',\n    sm: 'text-sm',\n    md: 'text-base',\n    lg: 'text-lg',\n  }\n\n  return (\n    <div ref={containerRef} className={`relative inline-block w-full ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      {/* Input/Trigger */}\n      <div\n        id={inputId}\n        role=\"combobox\"\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={listboxId}\n        tabIndex={disabled ? -1 : 0}\n        className={`input input-bordered w-full flex items-center justify-between cursor-pointer ${sizeClasses[size]} ${\n          disabled ? 'input-disabled cursor-not-allowed' : ''\n        } ${isOpen ? 'border-primary' : ''}`}\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        onKeyDown={handleKeyDown}\n      >\n        <span className={selectedPath.length === 0 ? 'text-base-content/50' : ''}>\n          {selectedPath.length > 0 ? displayValue : placeholder}\n        </span>\n        <div className=\"flex items-center gap-1\">\n          {allowClear && selectedPath.length > 0 && !disabled && (\n            <button\n              type=\"button\"\n              className=\"btn btn-ghost btn-xs btn-circle\"\n              onClick={handleClear}\n              aria-label=\"Clear selection\"\n            >\n              <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            </button>\n          )}\n          <svg\n            className={`w-4 h-4 transition-transform ${isOpen ? 'rotate-180' : ''}`}\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n          </svg>\n        </div>\n      </div>\n\n      {/* Dropdown */}\n      {isOpen && (\n        <div\n          id={listboxId}\n          className={`absolute z-50 mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg flex ${dropdownSizeClasses[size]}`}\n        >\n          {columns.map((columnOptions, colIndex) => (\n            <ul\n              key={colIndex}\n              role=\"listbox\"\n              className={`min-w-[120px] max-h-[200px] overflow-y-auto py-1 ${\n                colIndex > 0 ? 'border-l border-base-300' : ''\n              }`}\n            >\n              {columnOptions.map((option) => {\n                const isSelected = selectedPath[colIndex] === option.value\n                const isHovered = activePath[colIndex] === option.value\n                const hasChildren = option.children && option.children.length > 0\n\n                return (\n                  <li\n                    key={option.value}\n                    role=\"option\"\n                    aria-selected={isSelected}\n                    aria-disabled={option.disabled}\n                    className={`px-3 py-2 cursor-pointer flex items-center justify-between gap-2 ${\n                      option.disabled\n                        ? 'text-base-content/30 cursor-not-allowed'\n                        : isSelected\n                        ? 'bg-primary text-primary-content'\n                        : isHovered\n                        ? 'bg-base-200'\n                        : 'hover:bg-base-200'\n                    }`}\n                    onClick={() => handleOptionClick(option, colIndex)}\n                    onMouseEnter={() => handleOptionHover(option, colIndex)}\n                  >\n                    <span>{option.label}</span>\n                    {hasChildren && (\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                  </li>\n                )\n              })}\n            </ul>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["Cascader","options","value","onChange","placeholder","disabled","allowClear","expandTrigger","displayRender","size","className","rest","isOpen","setIsOpen","useState","selectedPath","setSelectedPath","hoveredPath","setHoveredPath","containerRef","useRef","inputId","useId","listboxId","useEffect","handleClickOutside","e","getOptionsAtLevel","useCallback","level","path","currentOptions","i","selected","opt","getSelectedOptions","result","val","found","activePath","columns","nextOptions","handleOptionClick","option","newPath","handleOptionHover","handleClear","handleKeyDown","selectedOptions","labels","displayValue","sizeClasses","dropdownSizeClasses","jsxs","jsx","columnOptions","colIndex","isSelected","isHovered","hasChildren"],"mappings":";;AAqBO,SAASA,EAAS;AAAA,EACvB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAAA,EAChB,eAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAkB;AAChB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAcC,CAAe,IAAIF,EAA8BZ,KAAS,CAAA,CAAE,GAC3E,CAACe,GAAaC,CAAc,IAAIJ,EAA8B,CAAA,CAAE,GAChEK,IAAeC,EAAuB,IAAI,GAC1CC,IAAUC,EAAA,GACVC,IAAYD,EAAA;AAGlB,EAAAE,EAAU,MAAM;AACd,IAAItB,MAAU,UACZc,EAAgBd,CAAK;AAAA,EAEzB,GAAG,CAACA,CAAK,CAAC,GAGVsB,EAAU,MAAM;AACd,UAAMC,IAAqB,CAACC,MAAkB;AAC5C,MAAIP,EAAa,WAAW,CAACA,EAAa,QAAQ,SAASO,EAAE,MAAc,MACzEb,EAAU,EAAK,GACfK,EAAe,CAAA,CAAE;AAAA,IAErB;AAEA,QAAIN;AACF,sBAAS,iBAAiB,aAAaa,CAAkB,GAClD,MAAM,SAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAE7E,GAAG,CAACb,CAAM,CAAC;AAGX,QAAMe,IAAoBC,EAAY,CAACC,GAAeC,MAAgD;AACpG,QAAID,MAAU,EAAG,QAAO5B;AAExB,QAAI8B,IAAiB9B;AACrB,aAAS+B,IAAI,GAAGA,IAAIH,GAAOG,KAAK;AAC9B,YAAMC,IAAWF,EAAe,KAAK,CAAAG,MAAOA,EAAI,UAAUJ,EAAKE,CAAC,CAAC;AACjE,UAAI,CAACC,GAAU,SAAU,QAAO,CAAA;AAChC,MAAAF,IAAiBE,EAAS;AAAA,IAC5B;AACA,WAAOF;AAAA,EACT,GAAG,CAAC9B,CAAO,CAAC,GAGNkC,IAAqBP,EAAY,CAACE,MAAgD;AACtF,UAAMM,IAA2B,CAAA;AACjC,QAAIL,IAAiB9B;AAErB,eAAWoC,KAAOP,GAAM;AACtB,YAAMQ,IAAQP,EAAe,KAAK,CAAAG,MAAOA,EAAI,UAAUG,CAAG;AAC1D,UAAI,CAACC,EAAO;AACZ,MAAAF,EAAO,KAAKE,CAAK,GACjBP,IAAiBO,EAAM,YAAY,CAAA;AAAA,IACrC;AAEA,WAAOF;AAAA,EACT,GAAG,CAACnC,CAAO,CAAC,GAGNsC,IAAa3B,KAAUK,EAAY,SAAS,IAAIA,IAA8BF,GAG9EyB,IAA8B,CAAA;AACpC,EAAAA,EAAQ,KAAKvC,CAAO;AAEpB,WAAS+B,IAAI,GAAGA,IAAIO,EAAW,QAAQP,KAAK;AAC1C,UAAMS,IAAcd,EAAkBK,IAAI,GAAGO,CAAU;AACvD,IAAIE,EAAY,SAAS,KACvBD,EAAQ,KAAKC,CAAW;AAAA,EAE5B;AAEA,QAAMC,IAAoB,CAACC,GAAwBd,MAAkB;AACnE,QAAIc,EAAO,SAAU;AAErB,UAAMC,IAAU,CAAC,GAAGL,EAAW,MAAM,GAAGV,CAAK,GAAGc,EAAO,KAAK;AAE5D,IAAIA,EAAO,YAAYA,EAAO,SAAS,SAAS,IAE9CzB,EAAe0B,CAAO,KAGtB5B,EAAgB4B,CAAO,GACvB/B,EAAU,EAAK,GACfK,EAAe,CAAA,CAAE,GACjBf,IAAWyC,GAAST,EAAmBS,CAAO,CAAC;AAAA,EAEnD,GAEMC,IAAoB,CAACF,GAAwBd,MAAkB;AACnE,QAAItB,MAAkB,WAAWoC,EAAO,SAAU;AAElD,UAAMC,IAAU,CAAC,GAAGL,EAAW,MAAM,GAAGV,CAAK,GAAGc,EAAO,KAAK;AAC5D,IAAAzB,EAAe0B,CAAO;AAAA,EACxB,GAEME,IAAc,CAAC,MAAwB;AAC3C,MAAE,gBAAA,GACF9B,EAAgB,CAAA,CAAE,GAClBb,IAAW,CAAA,GAAI,EAAE;AAAA,EACnB,GAEM4C,IAAgB,CAAC,MAA2B;AAChD,QAAI,CAAA1C;AAEJ,cAAQ,EAAE,KAAA;AAAA,QACR,KAAK;AAAA,QACL,KAAK;AACH,YAAE,eAAA,GACFQ,EAAU,CAACD,CAAM;AACjB;AAAA,QACF,KAAK;AACH,YAAE,eAAA,GACFC,EAAU,EAAK,GACfK,EAAe,CAAA,CAAE;AACjB;AAAA,MAAA;AAAA,EAEN,GAGM8B,IAAkBb,EAAmBpB,CAAY,GACjDkC,IAASD,EAAgB,IAAI,CAAAd,MAAOA,EAAI,KAAK,GAC7CgB,IAAe1C,IACjBA,EAAcyC,GAAQD,CAAe,IACrCC,EAAO,KAAK,KAAK,GAGfE,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAsB;AAAA,IAC1B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAGN,SACE,gBAAAC,EAAC,OAAA,EAAI,KAAKlC,GAAc,WAAW,gCAAgCT,CAAS,IAAI,cAAYE,IAAS,SAAS,UAAW,GAAGD,GAE1H,UAAA;AAAA,IAAA,gBAAA0C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIhC;AAAA,QACJ,MAAK;AAAA,QACL,iBAAeT;AAAA,QACf,iBAAc;AAAA,QACd,iBAAeW;AAAA,QACf,UAAUlB,IAAW,KAAK;AAAA,QAC1B,WAAW,gFAAgF8C,EAAY1C,CAAI,CAAC,IAC1GJ,IAAW,sCAAsC,EACnD,IAAIO,IAAS,mBAAmB,EAAE;AAAA,QAClC,SAAS,MAAM,CAACP,KAAYQ,EAAU,CAACD,CAAM;AAAA,QAC7C,WAAWmC;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAWvC,EAAa,WAAW,IAAI,yBAAyB,IACnE,UAAAA,EAAa,SAAS,IAAImC,IAAe9C,GAC5C;AAAA,UACA,gBAAAiD,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,YAAA/C,KAAcS,EAAa,SAAS,KAAK,CAACV,KACzC,gBAAAiD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAASR;AAAA,gBACT,cAAW;AAAA,gBAEX,UAAA,gBAAAQ,EAAC,SAAI,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAC9D,4BAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,wBAAuB,EAAA,CAC9F;AAAA,cAAA;AAAA,YAAA;AAAA,YAGJ,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,gCAAgC1C,IAAS,eAAe,EAAE;AAAA,gBACrE,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,QAAO;AAAA,gBAEP,UAAA,gBAAA0C,EAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,iBAAA,CAAiB;AAAA,cAAA;AAAA,YAAA;AAAA,UACxF,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAID1C,KACC,gBAAA0C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI/B;AAAA,QACJ,WAAW,mFAAmF6B,EAAoB3C,CAAI,CAAC;AAAA,QAEtH,UAAA+B,EAAQ,IAAI,CAACe,GAAeC,MAC3B,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,WAAW,oDACTE,IAAW,IAAI,6BAA6B,EAC9C;AAAA,YAEC,UAAAD,EAAc,IAAI,CAACZ,MAAW;AAC7B,oBAAMc,IAAa1C,EAAayC,CAAQ,MAAMb,EAAO,OAC/Ce,IAAYnB,EAAWiB,CAAQ,MAAMb,EAAO,OAC5CgB,IAAchB,EAAO,YAAYA,EAAO,SAAS,SAAS;AAEhE,qBACE,gBAAAU;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,iBAAeI;AAAA,kBACf,iBAAed,EAAO;AAAA,kBACtB,WAAW,oEACTA,EAAO,WACH,4CACAc,IACA,oCACAC,IACA,gBACA,mBACN;AAAA,kBACA,SAAS,MAAMhB,EAAkBC,GAAQa,CAAQ;AAAA,kBACjD,cAAc,MAAMX,EAAkBF,GAAQa,CAAQ;AAAA,kBAEtD,UAAA;AAAA,oBAAA,gBAAAF,EAAC,QAAA,EAAM,YAAO,MAAA,CAAM;AAAA,oBACnBK,uBACE,OAAA,EAAI,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAC9D,UAAA,gBAAAL,EAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,eAAA,CAAe,EAAA,CACtF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBApBGX,EAAO;AAAA,cAAA;AAAA,YAwBlB,CAAC;AAAA,UAAA;AAAA,UArCIa;AAAA,QAAA,CAuCR;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;"}
+{"version":3,"file":"index14.js","sources":["../src/components/Card.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  children?: React.ReactNode\n  title?: React.ReactNode\n  /** Content in the top-right corner of the card header */\n  extra?: React.ReactNode\n  cover?: React.ReactNode\n  actions?: React.ReactNode\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  bordered?: boolean\n  side?: boolean\n  imageFull?: boolean\n  actionsJustify?: 'start' | 'center' | 'end'\n  loading?: boolean\n  hoverable?: boolean\n  // Meta props for avatar + description layout\n  avatar?: React.ReactNode\n  description?: React.ReactNode\n}\n\nexport interface CardMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Avatar or icon element */\n  avatar?: React.ReactNode\n  /** Title content */\n  title?: React.ReactNode\n  /** Description content */\n  description?: React.ReactNode\n}\n\nexport interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  hoverable?: boolean\n}\n\nfunction CardGrid({ children, hoverable = false, className = '', style, ...rest }: CardGridProps) {\n  const classes = [\n    'p-6 border border-base-content/10',\n    hoverable && 'cursor-pointer hover:shadow-md transition-shadow',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} style={style} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nfunction CardMeta({ avatar, title, description, className = '', ...rest }: CardMetaProps) {\n  return (\n    <div className={`flex gap-4 ${className}`} {...rest}>\n      {avatar && <div className=\"flex-shrink-0\">{avatar}</div>}\n      <div className=\"flex-1 min-w-0\">\n        {title && <div className=\"font-medium\">{title}</div>}\n        {description && <div className=\"text-sm opacity-70 mt-1\">{description}</div>}\n      </div>\n    </div>\n  )\n}\n\nfunction CardRoot({\n  children,\n  title,\n  extra,\n  cover,\n  actions,\n  className = '',\n  style,\n  size,\n  bordered = true,\n  side = false,\n  imageFull = false,\n  actionsJustify = 'end',\n  loading = false,\n  hoverable = false,\n  avatar,\n  description,\n  ...rest\n}: CardProps) {\n  const sizeClasses: Record<string, string> = {\n    xs: 'card-xs',\n    sm: 'card-sm',\n    md: 'card-md',\n    lg: 'card-lg',\n    xl: 'card-xl',\n  }\n\n  const classes = [\n    'card',\n    'bg-base-100',\n    size && sizeClasses[size],\n    // Don't add border when imageFull is used (it breaks the overlay effect)\n    bordered && !imageFull && 'border border-base-content/10 shadow-sm',\n    side && 'card-side',\n    imageFull && 'image-full shadow-sm',\n    hoverable && 'transition-shadow hover:shadow-lg cursor-pointer',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const justifyClasses: Record<string, string> = {\n    start: 'justify-start',\n    center: 'justify-center',\n    end: 'justify-end',\n  }\n\n  if (loading) {\n    return (\n      <div className={classes} style={style} {...rest}>\n        {cover && (\n          <figure>\n            <div className=\"skeleton h-48 w-full rounded-none\" />\n          </figure>\n        )}\n        <div className=\"card-body\">\n          {(avatar || title) && (\n            <div className=\"flex gap-4 mb-4\">\n              {avatar && <div className=\"skeleton w-12 h-12 rounded-full flex-shrink-0\" />}\n              <div className=\"flex-1 space-y-2\">\n                <div className=\"skeleton h-6 w-2/3\" />\n                {description && <div className=\"skeleton h-4 w-full\" />}\n              </div>\n            </div>\n          )}\n          {!avatar && !title && (\n            <>\n              <div className=\"skeleton h-6 w-2/3 mb-4\" />\n              <div className=\"space-y-2\">\n                <div className=\"skeleton h-4 w-full\" />\n                <div className=\"skeleton h-4 w-5/6\" />\n                <div className=\"skeleton h-4 w-4/6\" />\n              </div>\n            </>\n          )}\n          {actions && (\n            <div className={`card-actions ${justifyClasses[actionsJustify]} mt-4`}>\n              <div className=\"skeleton h-10 w-20\" />\n              <div className=\"skeleton h-10 w-20\" />\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  // Render with avatar + title + description layout (meta style)\n  const hasMetaLayout = avatar || (title && description)\n\n  // Header with title and extra\n  const renderHeader = () => {\n    if (!title && !extra) return null\n\n    if (extra) {\n      return (\n        <div className=\"flex justify-between items-start gap-4\">\n          {title && <h2 className=\"card-title\">{title}</h2>}\n          <div className=\"flex-shrink-0\">{extra}</div>\n        </div>\n      )\n    }\n\n    return title ? <h2 className=\"card-title\">{title}</h2> : null\n  }\n\n  return (\n    <div className={classes} style={style} {...rest}>\n      {cover && <figure>{cover}</figure>}\n      <div className=\"card-body\">\n        {hasMetaLayout ? (\n          <>\n            <div className=\"flex gap-4\">\n              {avatar && <div className=\"flex-shrink-0\">{avatar}</div>}\n              <div className=\"flex-1 min-w-0\">\n                {renderHeader()}\n                {description && <p className=\"text-sm opacity-70 mt-1\">{description}</p>}\n              </div>\n            </div>\n            {children}\n          </>\n        ) : (\n          <>\n            {renderHeader()}\n            {children}\n          </>\n        )}\n        {actions && <div className={`card-actions ${justifyClasses[actionsJustify]}`}>{actions}</div>}\n      </div>\n    </div>\n  )\n}\n\nexport const Card = Object.assign(CardRoot, {\n  Grid: CardGrid,\n  Meta: CardMeta,\n})\n\nexport default Card\n"],"names":["CardGrid","children","hoverable","className","style","rest","classes","CardMeta","avatar","title","description","jsx","jsxs","CardRoot","extra","cover","actions","size","bordered","side","imageFull","actionsJustify","loading","justifyClasses","Fragment","hasMetaLayout","renderHeader","Card"],"mappings":"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"}

package/dist/index15.js

@@ -1,153 +1,161 @@
-import { jsx as w } from "react/jsx-runtime";
-import { useRef as C, useState as v, useEffect as M } from "react";
-import O from "apexcharts";
-function S(o) {
-  return typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(o).trim();
-}
-function x(o) {
-  const e = o.match(/oklch\(\s*([\d.]+)%?\s+([\d.]+)\s+([\d.]+)/);
-  if (!e) return "";
-  const t = parseFloat(e[1]) / 100, r = parseFloat(e[2]), c = parseFloat(e[3]) * Math.PI / 180, l = r * Math.cos(c), u = r * Math.sin(c), n = t + 0.3963377774 * l + 0.2158037573 * u, f = t - 0.1055613458 * l - 0.0638541728 * u, i = t - 0.0894841775 * l - 1.291485548 * u, s = n * n * n, d = f * f * f, m = i * i * i;
-  let b = 4.0767416621 * s - 3.3077115913 * d + 0.2309699292 * m, y = -1.2684380046 * s + 2.6097574011 * d - 0.3413193965 * m, g = -0.0041960863 * s - 0.7034186147 * d + 1.707614701 * m;
-  const k = (p) => (p = Math.max(0, Math.min(1, p)), p <= 31308e-7 ? 12.92 * p : 1.055 * Math.pow(p, 1 / 2.4) - 0.055);
-  return b = Math.round(k(b) * 255), y = Math.round(k(y) * 255), g = Math.round(k(g) * 255), `#${b.toString(16).padStart(2, "0")}${y.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}`;
-}
-function V() {
-  return typeof document > "u" ? [] : [
-    "--color-primary",
-    "--color-secondary",
-    "--color-accent",
-    "--color-info",
-    "--color-success",
-    "--color-warning",
-    "--color-error"
-  ].map((e) => {
-    const t = S(e);
-    return t.includes("oklch") ? x(t) : t;
-  }).filter(Boolean);
-}
-function A() {
-  const o = V(), e = S("--color-base-content"), t = e.includes("oklch") ? x(e) : e || "#888888", r = S("--color-base-300"), a = r.includes("oklch") ? x(r) : r || "#e0e0e0", c = t.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i), l = c ? (parseInt(c[1], 16) + parseInt(c[2], 16) + parseInt(c[3], 16)) / 3 > 128 : !1;
-  return {
-    colors: o.length > 0 ? o : void 0,
-    theme: {
-      mode: l ? "dark" : "light"
-    },
-    chart: {
-      background: "transparent",
-      foreColor: t
-    },
-    grid: {
-      borderColor: a
-    },
-    xaxis: {
-      labels: {
-        style: {
-          colors: t
-        }
-      },
-      axisBorder: {
-        color: a
-      },
-      axisTicks: {
-        color: a
-      }
-    },
-    yaxis: {
-      labels: {
-        style: {
-          colors: t
-        }
-      }
-    },
-    legend: {
-      labels: {
-        colors: t
-      }
-    },
-    tooltip: {
-      theme: l ? "dark" : "light",
-      style: {
-        fontSize: "12px"
-      },
-      x: {
-        show: !0
-      },
-      marker: {
-        show: !0
-      }
-    },
-    dataLabels: {
-      style: {
-        colors: [t, t, t, t, t, t, t]
-      },
-      background: {
-        enabled: !1
-      },
-      dropShadow: {
-        enabled: !1
-      }
-    }
-  };
-}
-function h(o, e) {
-  const t = { ...o };
-  for (const r in e)
-    e[r] !== void 0 && (typeof e[r] == "object" && e[r] !== null && !Array.isArray(e[r]) && typeof o[r] == "object" && o[r] !== null && !Array.isArray(o[r]) ? t[r] = h(
-      o[r],
-      e[r]
-    ) : t[r] = e[r]);
-  return t;
-}
-const $ = ({
-  type: o,
-  series: e,
-  width: t = "100%",
-  height: r = 350,
-  options: a = {},
-  themed: c = !0,
-  className: l = ""
-}) => {
-  const u = C(null), n = C(null), [, f] = v(!1), i = () => {
-    const s = {
-      chart: {
-        type: o,
-        width: t,
-        height: r
-      },
-      series: e
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useState as g, useRef as I, useId as j, useEffect as $, useCallback as E } from "react";
+function T({
+  options: c,
+  value: b,
+  onChange: k,
+  placeholder: M = "Please select",
+  disabled: i = !1,
+  allowClear: S = !0,
+  expandTrigger: D = "click",
+  displayRender: w,
+  size: C = "md",
+  className: B = "",
+  ...H
+}) {
+  const [r, d] = g(!1), [o, p] = g(b || []), [y, u] = g([]), x = I(null), W = j(), N = j();
+  $(() => {
+    b !== void 0 && p(b);
+  }, [b]), $(() => {
+    const e = (s) => {
+      x.current && !x.current.contains(s.target) && (d(!1), u([]));
     };
-    if (c) {
-      const d = A();
-      return h(h(s, d), a);
+    if (r)
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [r]);
+  const z = E((e, s) => {
+    if (e === 0) return c;
+    let t = c;
+    for (let l = 0; l < e; l++) {
+      const a = t.find((f) => f.value === s[l]);
+      if (!a?.children) return [];
+      t = a.children;
     }
-    return h(s, a);
+    return t;
+  }, [c]), O = E((e) => {
+    const s = [];
+    let t = c;
+    for (const l of e) {
+      const a = t.find((f) => f.value === l);
+      if (!a) break;
+      s.push(a), t = a.children || [];
+    }
+    return s;
+  }, [c]), h = r && y.length > 0 ? y : o, v = [];
+  v.push(c);
+  for (let e = 0; e < h.length; e++) {
+    const s = z(e + 1, h);
+    s.length > 0 && v.push(s);
+  }
+  const K = (e, s) => {
+    if (e.disabled) return;
+    const t = [...h.slice(0, s), e.value];
+    e.children && e.children.length > 0 ? u(t) : (p(t), d(!1), u([]), k?.(t, O(t)));
+  }, A = (e, s) => {
+    if (D !== "hover" || e.disabled) return;
+    const t = [...h.slice(0, s), e.value];
+    u(t);
+  }, R = (e) => {
+    e.stopPropagation(), p([]), k?.([], []);
+  }, V = (e) => {
+    if (!i)
+      switch (e.key) {
+        case "Enter":
+        case " ":
+          e.preventDefault(), d(!r);
+          break;
+        case "Escape":
+          e.preventDefault(), d(!1), u([]);
+          break;
+      }
+  }, L = O(o), P = L.map((e) => e.label), q = w ? w(P, L) : P.join(" / "), F = {
+    xs: "input-xs text-xs",
+    sm: "input-sm text-sm",
+    md: "input-md",
+    lg: "input-lg text-lg"
+  }, G = {
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg"
   };
-  return M(() => {
-    if (!u.current) return;
-    const s = i();
-    return n.current = new O(u.current, s), n.current.render(), f(!0), () => {
-      n.current && (n.current.destroy(), n.current = null);
-    };
-  }, []), M(() => {
-    if (!n.current) return;
-    const s = i();
-    n.current.updateOptions(s, !0, !0);
-  }, [o, e, t, r, a, c]), M(() => {
-    if (!c || typeof window > "u") return;
-    const s = new MutationObserver(() => {
-      if (n.current) {
-        const d = i();
-        n.current.updateOptions(d, !0, !0);
+  return /* @__PURE__ */ m("div", { ref: x, className: `relative inline-block w-full ${B}`, "data-state": r ? "open" : "closed", ...H, children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        id: W,
+        role: "combobox",
+        "aria-expanded": r,
+        "aria-haspopup": "listbox",
+        "aria-controls": N,
+        tabIndex: i ? -1 : 0,
+        className: `input input-bordered w-full flex items-center justify-between cursor-pointer ${F[C]} ${i ? "input-disabled cursor-not-allowed" : ""} ${r ? "border-primary" : ""}`,
+        onClick: () => !i && d(!r),
+        onKeyDown: V,
+        children: [
+          /* @__PURE__ */ n("span", { className: o.length === 0 ? "text-base-content/50" : "", children: o.length > 0 ? q : M }),
+          /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
+            S && o.length > 0 && !i && /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "btn btn-ghost btn-xs btn-circle",
+                onClick: R,
+                "aria-label": "Clear selection",
+                children: /* @__PURE__ */ n("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+              }
+            ),
+            /* @__PURE__ */ n(
+              "svg",
+              {
+                className: `w-4 h-4 transition-transform ${r ? "rotate-180" : ""}`,
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+              }
+            )
+          ] })
+        ]
       }
-    });
-    return s.observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["data-theme", "class"]
-    }), () => s.disconnect();
-  }, [c]), /* @__PURE__ */ w("div", { ref: u, className: l });
-};
+    ),
+    r && /* @__PURE__ */ n(
+      "div",
+      {
+        id: N,
+        className: `absolute z-50 mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg flex ${G[C]}`,
+        children: v.map((e, s) => /* @__PURE__ */ n(
+          "ul",
+          {
+            role: "listbox",
+            className: `min-w-[120px] max-h-[200px] overflow-y-auto py-1 ${s > 0 ? "border-l border-base-300" : ""}`,
+            children: e.map((t) => {
+              const l = o[s] === t.value, a = h[s] === t.value, f = t.children && t.children.length > 0;
+              return /* @__PURE__ */ m(
+                "li",
+                {
+                  role: "option",
+                  "aria-selected": l,
+                  "aria-disabled": t.disabled,
+                  className: `px-3 py-2 cursor-pointer flex items-center justify-between gap-2 ${t.disabled ? "text-base-content/30 cursor-not-allowed" : l ? "bg-primary text-primary-content" : a ? "bg-base-200" : "hover:bg-base-200"}`,
+                  onClick: () => K(t, s),
+                  onMouseEnter: () => A(t, s),
+                  children: [
+                    /* @__PURE__ */ n("span", { children: t.label }),
+                    f && /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+                  ]
+                },
+                t.value
+              );
+            })
+          },
+          s
+        ))
+      }
+    )
+  ] });
+}
 export {
-  $ as Chart
+  T as Cascader
 };
 //# sourceMappingURL=index15.js.map