asterui 0.10.3 → 0.12.0

package/dist/index80.js

@@ -1,37 +1,98 @@
-import { jsx as c } from "react/jsx-runtime";
-const f = ({
-  children: i,
-  tip: s,
-  className: l = "",
-  position: p = "top",
-  color: o,
-  open: t = !1,
-  ...e
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { useState as C } from "react";
+const v = ({
+  closable: s = !1,
+  closeIcon: t,
+  onClose: n,
+  color: e,
+  icon: r,
+  size: o = "md",
+  children: l,
+  className: i = "",
+  ...b
 }) => {
-  const r = {
-    top: "tooltip-top",
-    bottom: "tooltip-bottom",
-    left: "tooltip-left",
-    right: "tooltip-right"
-  }, a = o ? {
-    neutral: "tooltip-neutral",
-    primary: "tooltip-primary",
-    secondary: "tooltip-secondary",
-    accent: "tooltip-accent",
-    info: "tooltip-info",
-    success: "tooltip-success",
-    warning: "tooltip-warning",
-    error: "tooltip-error"
-  }[o] : void 0, n = [
-    "tooltip",
-    r[p],
-    a,
-    t && "tooltip-open",
-    l
+  const [m, u] = C(!0), h = () => {
+    u(!1), n?.();
+  };
+  if (!m) return null;
+  const d = () => {
+    if (!e) return "";
+    const c = {
+      primary: "badge-primary",
+      secondary: "badge-secondary",
+      accent: "badge-accent",
+      neutral: "badge-neutral",
+      info: "badge-info",
+      success: "badge-success",
+      warning: "badge-warning",
+      error: "badge-error",
+      ghost: "badge-ghost"
+    };
+    return c[e] ? c[e] : "";
+  }, p = {
+    xs: "badge-xs text-xs",
+    sm: "badge-sm text-sm",
+    md: "badge-md",
+    lg: "badge-lg text-lg"
+  }, f = [
+    "badge gap-1 inline-flex items-center",
+    d(),
+    p[o],
+    i
+  ].filter(Boolean).join(" "), x = e && !d() ? { backgroundColor: e, borderColor: e } : void 0;
+  return /* @__PURE__ */ g("span", { className: f, style: x, ...b, children: [
+    r && /* @__PURE__ */ a("span", { className: "inline-flex", children: r }),
+    l,
+    s && /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        onClick: h,
+        className: "btn btn-ghost btn-xs p-0 min-h-0 h-auto hover:bg-transparent",
+        "aria-label": "Close",
+        children: t || /* @__PURE__ */ a(
+          "svg",
+          {
+            className: "w-3 h-3",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ a(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M6 18L18 6M6 6l12 12"
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}, N = ({
+  checked: s = !1,
+  onChange: t,
+  icon: n,
+  children: e,
+  className: r = "",
+  ...o
+}) => {
+  const l = () => {
+    t?.(!s);
+  }, i = [
+    "badge badge-md gap-1 cursor-pointer transition-colors",
+    s ? "badge-primary" : "badge-outline hover:badge-primary hover:badge-outline",
+    r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c("div", { className: n, "data-tip": s, "data-state": t ? "open" : "closed", ...e, children: i });
+  return /* @__PURE__ */ g("span", { className: i, onClick: l, role: "checkbox", "aria-checked": s, ...o, children: [
+    n && /* @__PURE__ */ a("span", { className: "inline-flex", children: n }),
+    e
+  ] });
 };
 export {
-  f as Tooltip
+  N as CheckableTag,
+  v as Tag
 };
 //# sourceMappingURL=index80.js.map

package/dist/index80.js.map

@@ -1 +1 @@
-{"version":3,"file":"index80.js","sources":["../src/components/Tooltip.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  tip: string\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  open?: boolean\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  tip,\n  className = '',\n  position = 'top',\n  color,\n  open = false,\n  ...rest\n}) => {\n  const positionClasses = {\n    top: 'tooltip-top',\n    bottom: 'tooltip-bottom',\n    left: 'tooltip-left',\n    right: 'tooltip-right',\n  }\n\n  const colorClasses = color\n    ? {\n        neutral: 'tooltip-neutral',\n        primary: 'tooltip-primary',\n        secondary: 'tooltip-secondary',\n        accent: 'tooltip-accent',\n        info: 'tooltip-info',\n        success: 'tooltip-success',\n        warning: 'tooltip-warning',\n        error: 'tooltip-error',\n      }[color]\n    : undefined\n\n  const classes = [\n    'tooltip',\n    positionClasses[position],\n    colorClasses,\n    open && 'tooltip-open',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} data-tip={tip} data-state={open ? 'open' : 'closed'} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["Tooltip","children","tip","className","position","color","open","rest","positionClasses","colorClasses","classes","jsx"],"mappings":";AAUO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AAAA,IACtB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAeJ,IACjB;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,EACPA,CAAK,IACP,QAEEK,IAAU;AAAA,IACd;AAAA,IACAF,EAAgBJ,CAAQ;AAAA,IACxBK;AAAA,IACAH,KAAQ;AAAA,IACRH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAAS,YAAUR,GAAK,cAAYI,IAAO,SAAS,UAAW,GAAGC,GAC/E,UAAAN,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"index80.js","sources":["../src/components/Tag.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {\n  closable?: boolean\n  closeIcon?: React.ReactNode\n  onClose?: () => void\n  color?: string\n  icon?: React.ReactNode\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  children?: React.ReactNode\n}\n\nexport interface CheckableTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'> {\n  checked?: boolean\n  onChange?: (checked: boolean) => void\n  icon?: React.ReactNode\n  children?: React.ReactNode\n}\n\nexport const Tag: React.FC<TagProps> = ({\n  closable = false,\n  closeIcon,\n  onClose,\n  color,\n  icon,\n  size = 'md',\n  children,\n  className = '',\n  ...rest\n}) => {\n  const [visible, setVisible] = useState(true)\n\n  const handleClose = () => {\n    setVisible(false)\n    onClose?.()\n  }\n\n  if (!visible) return null\n\n  // Map color to daisyUI badge classes\n  const getColorClass = () => {\n    if (!color) return ''\n\n    const colorMap: Record<string, string> = {\n      primary: 'badge-primary',\n      secondary: 'badge-secondary',\n      accent: 'badge-accent',\n      neutral: 'badge-neutral',\n      info: 'badge-info',\n      success: 'badge-success',\n      warning: 'badge-warning',\n      error: 'badge-error',\n      ghost: 'badge-ghost',\n    }\n\n    // Check if it's a preset color\n    if (colorMap[color]) {\n      return colorMap[color]\n    }\n\n    // Assume it's a custom hex/color\n    return ''\n  }\n\n  const sizeClasses = {\n    xs: 'badge-xs text-xs',\n    sm: 'badge-sm text-sm',\n    md: 'badge-md',\n    lg: 'badge-lg text-lg',\n  }\n\n  const tagClasses = [\n    'badge gap-1 inline-flex items-center',\n    getColorClass(),\n    sizeClasses[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const customColorStyle = color && !getColorClass() ? { backgroundColor: color, borderColor: color } : undefined\n\n  return (\n    <span className={tagClasses} style={customColorStyle} {...rest}>\n      {icon && <span className=\"inline-flex\">{icon}</span>}\n      {children}\n      {closable && (\n        <button\n          type=\"button\"\n          onClick={handleClose}\n          className=\"btn btn-ghost btn-xs p-0 min-h-0 h-auto hover:bg-transparent\"\n          aria-label=\"Close\"\n        >\n          {closeIcon || (\n            <svg\n              className=\"w-3 h-3\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          )}\n        </button>\n      )}\n    </span>\n  )\n}\n\nexport const CheckableTag: React.FC<CheckableTagProps> = ({\n  checked = false,\n  onChange,\n  icon,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const handleClick = () => {\n    onChange?.(!checked)\n  }\n\n  const tagClasses = [\n    'badge badge-md gap-1 cursor-pointer transition-colors',\n    checked ? 'badge-primary' : 'badge-outline hover:badge-primary hover:badge-outline',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <span className={tagClasses} onClick={handleClick} role=\"checkbox\" aria-checked={checked} {...rest}>\n      {icon && <span className=\"inline-flex\">{icon}</span>}\n      {children}\n    </span>\n  )\n}\n"],"names":["Tag","closable","closeIcon","onClose","color","icon","size","children","className","rest","visible","setVisible","useState","handleClose","getColorClass","colorMap","sizeClasses","tagClasses","customColorStyle","jsx","CheckableTag","checked","onChange","handleClick","jsxs"],"mappings":";;AAmBO,MAAMA,IAA0B,CAAC;AAAA,EACtC,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAI,GAErCC,IAAc,MAAM;AACxB,IAAAF,EAAW,EAAK,GAChBR,IAAA;AAAA,EACF;AAEA,MAAI,CAACO,EAAS,QAAO;AAGrB,QAAMI,IAAgB,MAAM;AAC1B,QAAI,CAACV,EAAO,QAAO;AAEnB,UAAMW,IAAmC;AAAA,MACvC,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IAAA;AAIT,WAAIA,EAASX,CAAK,IACTW,EAASX,CAAK,IAIhB;AAAA,EACT,GAEMY,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAa;AAAA,IACjB;AAAA,IACAH,EAAA;AAAA,IACAE,EAAYV,CAAI;AAAA,IAChBE;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELU,IAAmBd,KAAS,CAACU,EAAA,IAAkB,EAAE,iBAAiBV,GAAO,aAAaA,EAAA,IAAU;AAEtG,2BACG,QAAA,EAAK,WAAWa,GAAY,OAAOC,GAAmB,GAAGT,GACvD,UAAA;AAAA,IAAAJ,KAAQ,gBAAAc,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAd,GAAK;AAAA,IAC5CE;AAAA,IACAN,KACC,gBAAAkB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASN;AAAA,QACT,WAAU;AAAA,QACV,cAAW;AAAA,QAEV,UAAAX,KACC,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,QAAO;AAAA,YACP,SAAQ;AAAA,YAER,UAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAc;AAAA,gBACd,gBAAe;AAAA,gBACf,aAAa;AAAA,gBACb,GAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ,GAEJ;AAEJ,GAEaC,IAA4C,CAAC;AAAA,EACxD,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,MAAAjB;AAAA,EACA,UAAAE;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMc,IAAc,MAAM;AACxB,IAAAD,IAAW,CAACD,CAAO;AAAA,EACrB,GAEMJ,IAAa;AAAA,IACjB;AAAA,IACAI,IAAU,kBAAkB;AAAA,IAC5Bb;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAgB,EAAC,QAAA,EAAK,WAAWP,GAAY,SAASM,GAAa,MAAK,YAAW,gBAAcF,GAAU,GAAGZ,GAC3F,UAAA;AAAA,IAAAJ,KAAQ,gBAAAc,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAd,GAAK;AAAA,IAC5CE;AAAA,EAAA,GACH;AAEJ;"}

package/dist/index81.js

@@ -1,213 +1,133 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import { useState as C, useMemo as S, useCallback as j } from "react";
-function B({
-  items: s,
-  selectedKeys: n,
-  onSelectChange: p,
-  title: x,
-  showSearch: g,
-  filterOption: y,
-  render: N,
-  showSelectAll: w,
-  disabled: u,
-  listStyle: T
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import { useState as i, useEffect as h } from "react";
+function p({
+  lightTheme: t = "light",
+  darkTheme: n = "dark",
+  initialTheme: o,
+  onChange: u,
+  className: m = ""
 }) {
-  const [l, L] = C(""), b = S(() => l ? s.filter((e) => y(l, e)) : s, [s, l, y]), m = b.filter((e) => !e.disabled), d = m.length > 0 && m.every((e) => n.includes(e.key)), h = m.some((e) => n.includes(e.key)), i = () => {
-    if (!u)
-      if (d)
-        p(n.filter((e) => !m.some((a) => a.key === e)));
-      else {
-        const e = m.map((o) => o.key), a = [.../* @__PURE__ */ new Set([...n, ...e])];
-        p(a);
-      }
-  }, M = (e, a) => {
-    u || a || (n.includes(e) ? p(n.filter((o) => o !== e)) : p([...n, e]));
-  };
-  return /* @__PURE__ */ k(
-    "div",
-    {
-      className: "flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden",
-      style: { width: 200, height: 300, ...T },
-      children: [
-        /* @__PURE__ */ k("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200", children: [
-          w && /* @__PURE__ */ r(
-            "input",
-            {
-              type: "checkbox",
-              className: "checkbox checkbox-sm checkbox-primary",
-              checked: d,
-              ref: (e) => {
-                e && (e.indeterminate = h && !d);
-              },
-              onChange: i,
-              disabled: u || m.length === 0
-            }
-          ),
-          /* @__PURE__ */ r("span", { className: "flex-1 font-medium text-sm truncate", children: x }),
-          /* @__PURE__ */ k("span", { className: "text-xs text-base-content/50", children: [
-            n.filter((e) => b.some((a) => a.key === e)).length,
-            "/",
-            b.length
-          ] })
-        ] }),
-        g && /* @__PURE__ */ r("div", { className: "px-2 py-2 border-b border-base-300", children: /* @__PURE__ */ r(
-          "input",
-          {
-            type: "text",
-            className: "input input-bordered input-sm w-full",
-            placeholder: "Search...",
-            value: l,
-            onChange: (e) => L(e.target.value),
-            disabled: u
-          }
-        ) }),
-        /* @__PURE__ */ r("div", { className: "flex-1 overflow-auto", children: b.length > 0 ? b.map((e) => /* @__PURE__ */ k(
-          "div",
-          {
-            className: [
-              "flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors",
-              n.includes(e.key) && "bg-primary/10",
-              (u || e.disabled) && "opacity-50 cursor-not-allowed"
-            ].filter(Boolean).join(" "),
-            onClick: () => M(e.key, !!e.disabled),
-            children: [
-              /* @__PURE__ */ r(
-                "input",
-                {
-                  type: "checkbox",
-                  className: "checkbox checkbox-sm checkbox-primary",
-                  checked: n.includes(e.key),
-                  disabled: u || e.disabled,
-                  onChange: () => {
-                  }
-                }
-              ),
-              /* @__PURE__ */ r("span", { className: "flex-1 truncate text-sm", children: N(e) })
-            ]
-          },
-          e.key
-        )) : /* @__PURE__ */ r("div", { className: "flex items-center justify-center h-full text-base-content/50 text-sm", children: "No data" }) })
-      ]
-    }
-  );
-}
-function G({
-  dataSource: s,
-  targetKeys: n,
-  defaultTargetKeys: p = [],
-  onChange: x,
-  onSelectChange: g,
-  titles: y = ["Source", "Target"],
-  render: N = (d) => d.title,
-  showSearch: w = !1,
-  filterOption: u = (d, h) => (typeof h.title == "string" ? h.title : String(h.title)).toLowerCase().includes(d.toLowerCase()),
-  showSelectAll: T = !0,
-  disabled: l = !1,
-  listStyle: L,
-  className: b = "",
-  ...m
-}) {
-  const [d, h] = C(p), [i, M] = C([]), [e, a] = C([]), o = n ?? d, K = S(
-    () => s.filter((t) => !o.includes(t.key)),
-    [s, o]
-  ), V = S(
-    () => s.filter((t) => o.includes(t.key)),
-    [s, o]
-  ), W = j(
-    (t) => {
-      M(t), g?.(t, e);
-    },
-    [e, g]
-  ), $ = j(
-    (t) => {
-      a(t), g?.(i, t);
-    },
-    [i, g]
-  ), q = j(() => {
-    if (l || i.length === 0) return;
-    const t = i.filter((f) => {
-      const v = s.find((I) => I.key === f);
-      return v && !v.disabled;
-    });
-    if (t.length === 0) return;
-    const c = [...o, ...t];
-    n === void 0 && h(c), M([]), x?.(c, "right", t);
-  }, [l, i, o, n, x, s]), z = j(() => {
-    if (l || e.length === 0) return;
-    const t = e.filter((f) => {
-      const v = s.find((I) => I.key === f);
-      return v && !v.disabled;
-    });
-    if (t.length === 0) return;
-    const c = o.filter((f) => !t.includes(f));
-    n === void 0 && h(c), a([]), x?.(c, "left", t);
-  }, [l, e, o, n, x, s]), A = i.some((t) => {
-    const c = s.find((f) => f.key === t);
-    return c && !c.disabled;
-  }), D = e.some((t) => {
-    const c = s.find((f) => f.key === t);
-    return c && !c.disabled;
+  const [s, l] = i(() => {
+    const r = document.documentElement.getAttribute("data-theme");
+    return o ? o === n : r ? r === n : !!(window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches);
   });
-  return /* @__PURE__ */ k("div", { className: `flex items-center gap-4 ${b}`, ...m, children: [
-    /* @__PURE__ */ r(
-      B,
+  h(() => {
+    const r = document.documentElement.getAttribute("data-theme");
+    if (o)
+      l(o === n), document.documentElement.setAttribute("data-theme", o);
+    else if (r)
+      l(r === n);
+    else {
+      const c = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches, d = c ? n : t;
+      l(c), document.documentElement.setAttribute("data-theme", d);
+    }
+  }, [o, n, t]);
+  const e = (r) => {
+    const c = r.target.checked;
+    l(c);
+    const d = c ? n : t;
+    document.documentElement.setAttribute("data-theme", d), u?.(d);
+  };
+  return /* @__PURE__ */ w("label", { className: `swap swap-rotate ${m}`, children: [
+    /* @__PURE__ */ a(
+      "input",
       {
-        items: K,
-        selectedKeys: i,
-        onSelectChange: W,
-        title: y[0],
-        showSearch: w,
-        filterOption: u,
-        render: N,
-        showSelectAll: T,
-        disabled: l,
-        listStyle: L,
-        direction: "left"
+        type: "checkbox",
+        className: "theme-controller",
+        value: n,
+        checked: s,
+        onChange: e
       }
     ),
-    /* @__PURE__ */ k("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          className: "btn btn-sm btn-outline",
-          onClick: q,
-          disabled: l || !A,
-          "aria-label": "Move to target",
-          children: /* @__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" }) })
-        }
-      ),
-      /* @__PURE__ */ r(
-        "button",
+    /* @__PURE__ */ a(
+      "svg",
+      {
+        className: "swap-off h-8 w-8 fill-current",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ a("path", { d: "M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z" })
+      }
+    ),
+    /* @__PURE__ */ a(
+      "svg",
+      {
+        className: "swap-on h-8 w-8 fill-current",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ a("path", { d: "M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" })
+      }
+    )
+  ] });
+}
+function f({
+  themes: t,
+  initialTheme: n,
+  onChange: o,
+  className: u = ""
+}) {
+  const [m, s] = i(() => {
+    if (n) return n;
+    const e = document.documentElement.getAttribute("data-theme");
+    return e && t.includes(e) ? e : window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? t.find((r) => r === "dark") || t[0] || "light" : t.find((r) => r === "light") || t[0] || "light";
+  });
+  h(() => {
+    const e = document.documentElement.getAttribute("data-theme");
+    if (n)
+      s(n), document.documentElement.setAttribute("data-theme", n);
+    else if (e && t.includes(e))
+      s(e);
+    else if (!e && t.length > 0) {
+      const c = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? t.find((d) => d === "dark") || t[0] : t.find((d) => d === "light") || t[0];
+      s(c), document.documentElement.setAttribute("data-theme", c);
+    }
+  }, [n, t]);
+  const l = (e) => {
+    s(e), document.documentElement.setAttribute("data-theme", e), o?.(e);
+  };
+  return /* @__PURE__ */ w("div", { className: `dropdown dropdown-end ${u}`, children: [
+    /* @__PURE__ */ w("div", { tabIndex: 0, role: "button", className: "btn", children: [
+      "Theme",
+      /* @__PURE__ */ a(
+        "svg",
         {
-          type: "button",
-          className: "btn btn-sm btn-outline",
-          onClick: z,
-          disabled: l || !D,
-          "aria-label": "Move to source",
-          children: /* @__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: "M15 19l-7-7 7-7" }) })
+          width: "12px",
+          height: "12px",
+          className: "inline-block h-2 w-2 fill-current opacity-60",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 2048 2048",
+          children: /* @__PURE__ */ a("path", { d: "M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z" })
         }
       )
     ] }),
-    /* @__PURE__ */ r(
-      B,
+    /* @__PURE__ */ a(
+      "ul",
       {
-        items: V,
-        selectedKeys: e,
-        onSelectChange: $,
-        title: y[1],
-        showSearch: w,
-        filterOption: u,
-        render: N,
-        showSelectAll: T,
-        disabled: l,
-        listStyle: L,
-        direction: "right"
+        tabIndex: 0,
+        className: "dropdown-content bg-base-300 rounded-box z-[1] w-28 p-2 shadow-2xl max-h-96 overflow-y-auto",
+        children: t.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+          "input",
+          {
+            type: "radio",
+            name: "theme-dropdown",
+            className: "theme-controller btn btn-sm btn-block btn-ghost justify-start",
+            "aria-label": e,
+            value: e,
+            checked: m === e,
+            onChange: () => l(e)
+          }
+        ) }, e))
       }
     )
   ] });
 }
+const A = Object.assign(
+  {},
+  {
+    Swap: p,
+    Dropdown: f
+  }
+);
 export {
-  G as Transfer
+  A as ThemeController
 };
 //# sourceMappingURL=index81.js.map

package/dist/index81.js.map

@@ -1 +1 @@
-{"version":3,"file":"index81.js","sources":["../src/components/Transfer.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\n\nexport interface TransferItem {\n  key: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface TransferProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  dataSource: TransferItem[]\n  targetKeys?: string[]\n  defaultTargetKeys?: string[]\n  onChange?: (targetKeys: string[], direction: 'left' | 'right', moveKeys: string[]) => void\n  onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void\n  titles?: [React.ReactNode, React.ReactNode]\n  render?: (item: TransferItem) => React.ReactNode\n  showSearch?: boolean\n  filterOption?: (inputValue: string, item: TransferItem) => boolean\n  showSelectAll?: boolean\n  disabled?: boolean\n  listStyle?: React.CSSProperties\n}\n\ninterface TransferListProps {\n  items: TransferItem[]\n  selectedKeys: string[]\n  onSelectChange: (keys: string[]) => void\n  title: React.ReactNode\n  showSearch: boolean\n  filterOption: (inputValue: string, item: TransferItem) => boolean\n  render: (item: TransferItem) => React.ReactNode\n  showSelectAll: boolean\n  disabled: boolean\n  listStyle?: React.CSSProperties\n  direction: 'left' | 'right'\n}\n\nfunction TransferList({\n  items,\n  selectedKeys,\n  onSelectChange,\n  title,\n  showSearch,\n  filterOption,\n  render,\n  showSelectAll,\n  disabled,\n  listStyle,\n}: TransferListProps) {\n  const [searchValue, setSearchValue] = useState('')\n\n  const filteredItems = useMemo(() => {\n    if (!searchValue) return items\n    return items.filter((item) => filterOption(searchValue, item))\n  }, [items, searchValue, filterOption])\n\n  const enabledItems = filteredItems.filter((item) => !item.disabled)\n  const allSelected = enabledItems.length > 0 && enabledItems.every((item) => selectedKeys.includes(item.key))\n  const someSelected = enabledItems.some((item) => selectedKeys.includes(item.key))\n\n  const handleSelectAll = () => {\n    if (disabled) return\n\n    if (allSelected) {\n      // Deselect all enabled items\n      onSelectChange(selectedKeys.filter((key) => !enabledItems.some((item) => item.key === key)))\n    } else {\n      // Select all enabled items\n      const enabledKeys = enabledItems.map((item) => item.key)\n      const newKeys = [...new Set([...selectedKeys, ...enabledKeys])]\n      onSelectChange(newKeys)\n    }\n  }\n\n  const handleSelectItem = (key: string, itemDisabled: boolean) => {\n    if (disabled || itemDisabled) return\n\n    if (selectedKeys.includes(key)) {\n      onSelectChange(selectedKeys.filter((k) => k !== key))\n    } else {\n      onSelectChange([...selectedKeys, key])\n    }\n  }\n\n  return (\n    <div\n      className=\"flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden\"\n      style={{ width: 200, height: 300, ...listStyle }}\n    >\n      {/* Header */}\n      <div className=\"flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200\">\n        {showSelectAll && (\n          <input\n            type=\"checkbox\"\n            className=\"checkbox checkbox-sm checkbox-primary\"\n            checked={allSelected}\n            ref={(el) => {\n              if (el) el.indeterminate = someSelected && !allSelected\n            }}\n            onChange={handleSelectAll}\n            disabled={disabled || enabledItems.length === 0}\n          />\n        )}\n        <span className=\"flex-1 font-medium text-sm truncate\">{title}</span>\n        <span className=\"text-xs text-base-content/50\">\n          {selectedKeys.filter((k) => filteredItems.some((item) => item.key === k)).length}/\n          {filteredItems.length}\n        </span>\n      </div>\n\n      {/* Search */}\n      {showSearch && (\n        <div className=\"px-2 py-2 border-b border-base-300\">\n          <input\n            type=\"text\"\n            className=\"input input-bordered input-sm w-full\"\n            placeholder=\"Search...\"\n            value={searchValue}\n            onChange={(e) => setSearchValue(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n      )}\n\n      {/* List */}\n      <div className=\"flex-1 overflow-auto\">\n        {filteredItems.length > 0 ? (\n          filteredItems.map((item) => (\n            <div\n              key={item.key}\n              className={[\n                'flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors',\n                selectedKeys.includes(item.key) && 'bg-primary/10',\n                (disabled || item.disabled) && 'opacity-50 cursor-not-allowed',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => handleSelectItem(item.key, !!item.disabled)}\n            >\n              <input\n                type=\"checkbox\"\n                className=\"checkbox checkbox-sm checkbox-primary\"\n                checked={selectedKeys.includes(item.key)}\n                disabled={disabled || item.disabled}\n                onChange={() => {}}\n              />\n              <span className=\"flex-1 truncate text-sm\">{render(item)}</span>\n            </div>\n          ))\n        ) : (\n          <div className=\"flex items-center justify-center h-full text-base-content/50 text-sm\">\n            No data\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function Transfer({\n  dataSource,\n  targetKeys: controlledTargetKeys,\n  defaultTargetKeys = [],\n  onChange,\n  onSelectChange,\n  titles = ['Source', 'Target'],\n  render = (item) => item.title,\n  showSearch = false,\n  filterOption = (inputValue, item) => {\n    const title = typeof item.title === 'string' ? item.title : String(item.title)\n    return title.toLowerCase().includes(inputValue.toLowerCase())\n  },\n  showSelectAll = true,\n  disabled = false,\n  listStyle,\n  className = '',\n  ...rest\n}: TransferProps) {\n  const [internalTargetKeys, setInternalTargetKeys] = useState<string[]>(defaultTargetKeys)\n  const [sourceSelectedKeys, setSourceSelectedKeys] = useState<string[]>([])\n  const [targetSelectedKeys, setTargetSelectedKeys] = useState<string[]>([])\n\n  const targetKeys = controlledTargetKeys ?? internalTargetKeys\n\n  // Split items into source and target\n  const sourceItems = useMemo(\n    () => dataSource.filter((item) => !targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const targetItems = useMemo(\n    () => dataSource.filter((item) => targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const handleSourceSelectChange = useCallback(\n    (keys: string[]) => {\n      setSourceSelectedKeys(keys)\n      onSelectChange?.(keys, targetSelectedKeys)\n    },\n    [targetSelectedKeys, onSelectChange]\n  )\n\n  const handleTargetSelectChange = useCallback(\n    (keys: string[]) => {\n      setTargetSelectedKeys(keys)\n      onSelectChange?.(sourceSelectedKeys, keys)\n    },\n    [sourceSelectedKeys, onSelectChange]\n  )\n\n  const moveToTarget = useCallback(() => {\n    if (disabled || sourceSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = sourceSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = [...targetKeys, ...movableKeys]\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setSourceSelectedKeys([])\n    onChange?.(newTargetKeys, 'right', movableKeys)\n  }, [disabled, sourceSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const moveToSource = useCallback(() => {\n    if (disabled || targetSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = targetSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = targetKeys.filter((key) => !movableKeys.includes(key))\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setTargetSelectedKeys([])\n    onChange?.(newTargetKeys, 'left', movableKeys)\n  }, [disabled, targetSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const canMoveToTarget = sourceSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  const canMoveToSource = targetSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  return (\n    <div className={`flex items-center gap-4 ${className}`} {...rest}>\n      {/* Source list */}\n      <TransferList\n        items={sourceItems}\n        selectedKeys={sourceSelectedKeys}\n        onSelectChange={handleSourceSelectChange}\n        title={titles[0]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={disabled}\n        listStyle={listStyle}\n        direction=\"left\"\n      />\n\n      {/* Actions */}\n      <div className=\"flex flex-col gap-2\">\n        <button\n          type=\"button\"\n          className=\"btn btn-sm btn-outline\"\n          onClick={moveToTarget}\n          disabled={disabled || !canMoveToTarget}\n          aria-label=\"Move to target\"\n        >\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        </button>\n        <button\n          type=\"button\"\n          className=\"btn btn-sm btn-outline\"\n          onClick={moveToSource}\n          disabled={disabled || !canMoveToSource}\n          aria-label=\"Move to source\"\n        >\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=\"M15 19l-7-7 7-7\" />\n          </svg>\n        </button>\n      </div>\n\n      {/* Target list */}\n      <TransferList\n        items={targetItems}\n        selectedKeys={targetSelectedKeys}\n        onSelectChange={handleTargetSelectChange}\n        title={titles[1]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={disabled}\n        listStyle={listStyle}\n        direction=\"right\"\n      />\n    </div>\n  )\n}\n"],"names":["TransferList","items","selectedKeys","onSelectChange","title","showSearch","filterOption","render","showSelectAll","disabled","listStyle","searchValue","setSearchValue","useState","filteredItems","useMemo","item","enabledItems","allSelected","someSelected","handleSelectAll","key","enabledKeys","newKeys","handleSelectItem","itemDisabled","k","jsxs","jsx","el","Transfer","dataSource","controlledTargetKeys","defaultTargetKeys","onChange","titles","inputValue","className","rest","internalTargetKeys","setInternalTargetKeys","sourceSelectedKeys","setSourceSelectedKeys","targetSelectedKeys","setTargetSelectedKeys","targetKeys","sourceItems","targetItems","handleSourceSelectChange","useCallback","keys","handleTargetSelectChange","moveToTarget","movableKeys","i","newTargetKeys","moveToSource","canMoveToTarget","canMoveToSource"],"mappings":"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"}
+{"version":3,"file":"index81.js","sources":["../src/components/ThemeController.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\n\nexport interface ThemeControllerSwapProps {\n  lightTheme?: string\n  darkTheme?: string\n  initialTheme?: string\n  onChange?: (theme: string) => void\n  className?: string\n}\n\nexport interface ThemeControllerDropdownProps {\n  themes: string[]\n  initialTheme?: string\n  onChange?: (theme: string) => void\n  className?: string\n}\n\nfunction ThemeControllerSwap({\n  lightTheme = 'light',\n  darkTheme = 'dark',\n  initialTheme,\n  onChange,\n  className = '',\n}: ThemeControllerSwapProps) {\n  const [isDark, setIsDark] = useState(() => {\n    const currentTheme = document.documentElement.getAttribute('data-theme')\n    if (initialTheme) {\n      return initialTheme === darkTheme\n    }\n    if (currentTheme) {\n      return currentTheme === darkTheme\n    }\n    // Detect system theme preference\n    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n      return true\n    }\n    return false\n  })\n\n  useEffect(() => {\n    const currentTheme = document.documentElement.getAttribute('data-theme')\n    if (initialTheme) {\n      setIsDark(initialTheme === darkTheme)\n      document.documentElement.setAttribute('data-theme', initialTheme)\n    } else if (currentTheme) {\n      setIsDark(currentTheme === darkTheme)\n    } else {\n      // Apply system theme preference\n      const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n      const theme = prefersDark ? darkTheme : lightTheme\n      setIsDark(prefersDark)\n      document.documentElement.setAttribute('data-theme', theme)\n    }\n  }, [initialTheme, darkTheme, lightTheme])\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.checked\n    setIsDark(checked)\n    const newTheme = checked ? darkTheme : lightTheme\n    document.documentElement.setAttribute('data-theme', newTheme)\n    onChange?.(newTheme)\n  }\n\n  return (\n    <label className={`swap swap-rotate ${className}`}>\n      <input\n        type=\"checkbox\"\n        className=\"theme-controller\"\n        value={darkTheme}\n        checked={isDark}\n        onChange={handleChange}\n      />\n      {/* sun icon */}\n      <svg\n        className=\"swap-off h-8 w-8 fill-current\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path d=\"M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z\" />\n      </svg>\n      {/* moon icon */}\n      <svg\n        className=\"swap-on h-8 w-8 fill-current\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path d=\"M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z\" />\n      </svg>\n    </label>\n  )\n}\n\nfunction ThemeControllerDropdown({\n  themes,\n  initialTheme,\n  onChange,\n  className = '',\n}: ThemeControllerDropdownProps) {\n  const [selectedTheme, setSelectedTheme] = useState(() => {\n    if (initialTheme) return initialTheme\n    const currentTheme = document.documentElement.getAttribute('data-theme')\n    if (currentTheme && themes.includes(currentTheme)) return currentTheme\n    // Detect system theme preference\n    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n      return themes.find(t => t === 'dark') || themes[0] || 'light'\n    }\n    return themes.find(t => t === 'light') || themes[0] || 'light'\n  })\n\n  useEffect(() => {\n    const currentTheme = document.documentElement.getAttribute('data-theme')\n    if (initialTheme) {\n      setSelectedTheme(initialTheme)\n      document.documentElement.setAttribute('data-theme', initialTheme)\n    } else if (currentTheme && themes.includes(currentTheme)) {\n      setSelectedTheme(currentTheme)\n    } else if (!currentTheme && themes.length > 0) {\n      // Apply system theme preference\n      const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n      const theme = prefersDark\n        ? themes.find(t => t === 'dark') || themes[0]\n        : themes.find(t => t === 'light') || themes[0]\n      setSelectedTheme(theme)\n      document.documentElement.setAttribute('data-theme', theme)\n    }\n  }, [initialTheme, themes])\n\n  const handleThemeChange = (theme: string) => {\n    setSelectedTheme(theme)\n    document.documentElement.setAttribute('data-theme', theme)\n    onChange?.(theme)\n  }\n\n  return (\n    <div className={`dropdown dropdown-end ${className}`}>\n      <div tabIndex={0} role=\"button\" className=\"btn\">\n        Theme\n        <svg\n          width=\"12px\"\n          height=\"12px\"\n          className=\"inline-block h-2 w-2 fill-current opacity-60\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 2048 2048\"\n        >\n          <path d=\"M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z\"></path>\n        </svg>\n      </div>\n      <ul\n        tabIndex={0}\n        className=\"dropdown-content bg-base-300 rounded-box z-[1] w-28 p-2 shadow-2xl max-h-96 overflow-y-auto\"\n      >\n        {themes.map((theme) => (\n          <li key={theme}>\n            <input\n              type=\"radio\"\n              name=\"theme-dropdown\"\n              className=\"theme-controller btn btn-sm btn-block btn-ghost justify-start\"\n              aria-label={theme}\n              value={theme}\n              checked={selectedTheme === theme}\n              onChange={() => handleThemeChange(theme)}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nexport const ThemeController = Object.assign(\n  {},\n  {\n    Swap: ThemeControllerSwap,\n    Dropdown: ThemeControllerDropdown,\n  }\n)\n"],"names":["ThemeControllerSwap","lightTheme","darkTheme","initialTheme","onChange","className","isDark","setIsDark","useState","currentTheme","useEffect","prefersDark","theme","handleChange","e","checked","newTheme","jsxs","jsx","ThemeControllerDropdown","themes","selectedTheme","setSelectedTheme","t","handleThemeChange","ThemeController"],"mappings":"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"}