asterui 0.12.49 → 0.12.50

package/dist/components/Select.js

@@ -1,77 +1,78 @@
 import { jsx as s, jsxs as C } from "react/jsx-runtime";
-import { forwardRef as N, useRef as y } from "react";
-const R = N(
+import { forwardRef as E, useRef as v } from "react";
+import { useConfig as X } from "./ConfigProvider.js";
+const o = "select", r = "select-bordered", $ = "select-ghost", F = "select-xs", G = "select-sm", I = "select-md", L = "select-lg", M = "select-xl", P = "select-neutral", W = "select-primary", k = "select-secondary", q = "select-accent", A = "select-info", D = "select-success", b = "select-warning", h = "select-error", H = "floating-label", J = E(
   ({
-    size: e,
-    color: r,
-    status: o,
-    ghost: b = !1,
-    bordered: p = !0,
-    floatingLabel: a,
-    addonBefore: l,
-    addonAfter: t,
-    className: i = "",
-    children: f,
-    ...m
-  }, w) => {
-    const h = y(null), u = w || h, c = {
-      xs: "select-xs",
-      sm: "select-sm",
-      md: "select-md",
-      lg: "select-lg",
-      xl: "select-xl"
-    }, d = o ? {
-      error: "select-error",
-      warning: "select-warning"
-    }[o] : r ? {
-      neutral: "select-neutral",
-      primary: "select-primary",
-      secondary: "select-secondary",
-      accent: "select-accent",
-      info: "select-info",
-      success: "select-success",
-      warning: "select-warning",
-      error: "select-error"
-    }[r] : "", g = l || t, j = g ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", i].filter(Boolean).join(" ") : [
-      "select",
+    size: w,
+    color: a,
+    status: i,
+    ghost: y = !1,
+    bordered: N = !0,
+    floatingLabel: d,
+    addonBefore: t,
+    addonAfter: c,
+    className: f = "",
+    children: m,
+    ...S
+  }, j) => {
+    const { componentSize: R } = X(), e = w ?? R ?? "md", z = v(null), u = j || z, l = {
+      xs: F,
+      sm: G,
+      md: I,
+      lg: L,
+      xl: M
+    }, g = i ? {
+      error: h,
+      warning: b
+    }[i] : a ? {
+      neutral: P,
+      primary: W,
+      secondary: k,
+      accent: q,
+      info: A,
+      success: D,
+      warning: b,
+      error: h
+    }[a] : "", p = t || c, B = p ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", f].filter(Boolean).join(" ") : [
+      o,
       "w-full",
-      p && "select-bordered",
-      b && "select-ghost",
-      e && c[e],
-      d,
-      i
-    ].filter(Boolean).join(" "), x = /* @__PURE__ */ s("select", { ref: u, className: j, ...m, children: f });
-    if (a) {
+      N && r,
+      y && $,
+      e && l[e],
+      g,
+      f
+    ].filter(Boolean).join(" "), x = /* @__PURE__ */ s("select", { ref: u, className: B, ...S, children: m });
+    if (d) {
       const n = [
-        "floating-label",
-        e && c[e]
+        H,
+        e && l[e]
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ C("label", { className: n, children: [
-        /* @__PURE__ */ s("select", { ref: u, className: "select select-bordered w-full", ...m, children: f }),
-        /* @__PURE__ */ s("span", { children: a })
+        /* @__PURE__ */ s("select", { ref: u, className: `${o} ${r} w-full`, ...S, children: m }),
+        /* @__PURE__ */ s("span", { children: d })
       ] });
     }
-    if (g) {
+    if (p) {
       const n = [
-        "select",
-        "select-bordered",
+        o,
+        r,
         "flex",
         "items-center",
         "gap-2",
-        e && c[e],
-        d
+        e && l[e],
+        g
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ C("label", { className: n, children: [
-        l && /* @__PURE__ */ s("span", { className: "text-base-content/70", children: l }),
+        t && /* @__PURE__ */ s("span", { className: "text-base-content/70", children: t }),
         x,
-        t && /* @__PURE__ */ s("span", { className: "text-base-content/70", children: t })
+        c && /* @__PURE__ */ s("span", { className: "text-base-content/70", children: c })
       ] });
     }
     return x;
   }
 );
-R.displayName = "Select";
+J.displayName = "Select";
 export {
-  R as Select
+  J as Select
 };
 //# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      className = '',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: 'select-xs',\n      sm: 'select-sm',\n      md: 'select-md',\n      lg: 'select-lg',\n      xl: 'select-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'select-neutral',\n      primary: 'select-primary',\n      secondary: 'select-secondary',\n      accent: 'select-accent',\n      info: 'select-info',\n      success: 'select-success',\n      warning: 'select-warning',\n      error: 'select-error',\n    }\n\n    const statusClasses = {\n      error: 'select-error',\n      warning: 'select-warning',\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          'select',\n          'w-full',\n          bordered && 'select-bordered',\n          ghost && 'select-ghost',\n          size && sizeClasses[size],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} {...props}>\n        {children}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        'floating-label',\n        size && sizeClasses[size],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses}>\n          <select ref={selectRef} className=\"select select-bordered w-full\" {...props}>\n            {children}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        'select',\n        'select-bordered',\n        'flex',\n        'items-center',\n        'gap-2',\n        size && sizeClasses[size],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses}>\n          {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n          {selectElement}\n          {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","className","children","props","ref","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","selectClasses","selectElement","floatingClasses","jsxs","jsx","addonClasses"],"mappings":";;AAmBO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAWC,EAA0B,IAAI,GACzCC,IAAaH,KAA8CC,GAE3DG,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAoBAC,IAAsBd,IANN;AAAA,MACpB,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,EAIwCA,CAAM,IAAKD,IAjBzC;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,EAS0EA,CAAK,IAAI,IAGtFgB,IAAoBX,KAAeC,GAEnCW,IAAgBD,IAClB,CAAC,QAAQ,kBAAkB,YAAY,gBAAgB,sBAAsBT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAChH;AAAA,MACE;AAAA,MACA;AAAA,MACAJ,KAAY;AAAA,MACZD,KAAS;AAAA,MACTH,KAAQe,EAAYf,CAAI;AAAA,MACxBgB;AAAA,MACAR;AAAA,IAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAGxBW,sBACH,UAAA,EAAO,KAAKL,GAAW,WAAWI,GAAgB,GAAGR,GACnD,UAAAD,EAAA,CACH;AAIF,QAAIJ,GAAe;AACjB,YAAMe,IAAkB;AAAA,QACtB;AAAA,QACApB,KAAQe,EAAYf,CAAI;AAAA,MAAA,EACxB,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,aACE,gBAAAqB,EAAC,SAAA,EAAM,WAAWD,GAChB,UAAA;AAAA,QAAA,gBAAAE,EAAC,YAAO,KAAKR,GAAW,WAAU,iCAAiC,GAAGJ,GACnE,UAAAD,GACH;AAAA,QACA,gBAAAa,EAAC,UAAM,UAAAjB,EAAA,CAAc;AAAA,MAAA,GACvB;AAAA,IAEJ;AAGA,QAAIY,GAAmB;AACrB,YAAMM,IAAe;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAvB,KAAQe,EAAYf,CAAI;AAAA,QACxBgB;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,aACE,gBAAAK,EAAC,SAAA,EAAM,WAAWE,GACf,UAAA;AAAA,QAAAjB,KAAe,gBAAAgB,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAhB,GAAY;AAAA,QACnEa;AAAA,QACAZ,KAAc,gBAAAe,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAf,EAAA,CAAW;AAAA,MAAA,GACpE;AAAA,IAEJ;AAEA,WAAOY;AAAA,EACT;AACF;AAEArB,EAAO,cAAc;"}
+{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dSelectGhost = 'select-ghost'\nconst dSelectXs = 'select-xs'\nconst dSelectSm = 'select-sm'\nconst dSelectMd = 'select-md'\nconst dSelectLg = 'select-lg'\nconst dSelectXl = 'select-xl'\nconst dSelectNeutral = 'select-neutral'\nconst dSelectPrimary = 'select-primary'\nconst dSelectSecondary = 'select-secondary'\nconst dSelectAccent = 'select-accent'\nconst dSelectInfo = 'select-info'\nconst dSelectSuccess = 'select-success'\nconst dSelectWarning = 'select-warning'\nconst dSelectError = 'select-error'\nconst dFloatingLabel = 'floating-label'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      className = '',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: dSelectXs,\n      sm: dSelectSm,\n      md: dSelectMd,\n      lg: dSelectLg,\n      xl: dSelectXl,\n    }\n\n    const colorClasses = {\n      neutral: dSelectNeutral,\n      primary: dSelectPrimary,\n      secondary: dSelectSecondary,\n      accent: dSelectAccent,\n      info: dSelectInfo,\n      success: dSelectSuccess,\n      warning: dSelectWarning,\n      error: dSelectError,\n    }\n\n    const statusClasses = {\n      error: dSelectError,\n      warning: dSelectWarning,\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dSelect,\n          'w-full',\n          bordered && dSelectBordered,\n          ghost && dSelectGhost,\n          effectiveSize && sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} {...props}>\n        {children}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        dFloatingLabel,\n        effectiveSize && sizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses}>\n          <select ref={selectRef} className={`${dSelect} ${dSelectBordered} w-full`} {...props}>\n            {children}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        dSelect,\n        dSelectBordered,\n        'flex',\n        'items-center',\n        'gap-2',\n        effectiveSize && sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses}>\n          {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n          {selectElement}\n          {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","className","children","props","ref","componentSize","useConfig","effectiveSize","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","selectClasses","selectElement","floatingClasses","jsxs","jsx","addonClasses"],"mappings":";;;AAIA,MAAMA,IAAU,UACVC,IAAkB,mBAClBC,IAAe,gBACfC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAiB,kBACjBC,IAAiB,kBACjBC,IAAmB,oBACnBC,IAAgB,iBAChBC,IAAc,eACdC,IAAiB,kBACjBC,IAAiB,kBACjBC,IAAe,gBACfC,IAAiB,kBAmBVC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBd,KAAQY,KAAiB,MAEzCG,IAAWC,EAA0B,IAAI,GACzCC,IAAaN,KAA8CI,GAE3DG,IAAc;AAAA,MAClB,IAAIlC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,GAoBA+B,IAAsBjB,IANN;AAAA,MACpB,OAAON;AAAA,MACP,SAASD;AAAA,IAAA,EAIwCO,CAAM,IAAKD,IAjBzC;AAAA,MACnB,SAASZ;AAAA,MACT,SAASC;AAAA,MACT,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,MAAMC;AAAA,MACN,SAASC;AAAA,MACT,SAASC;AAAA,MACT,OAAOC;AAAA,IAAA,EAS0EK,CAAK,IAAI,IAGtFmB,IAAoBd,KAAeC,GAEnCc,IAAgBD,IAClB,CAAC,QAAQ,kBAAkB,YAAY,gBAAgB,sBAAsBZ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAChH;AAAA,MACE3B;AAAA,MACA;AAAA,MACAuB,KAAYtB;AAAA,MACZqB,KAASpB;AAAA,MACT+B,KAAiBI,EAAYJ,CAAa;AAAA,MAC1CK;AAAA,MACAX;AAAA,IAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAGxBc,sBACH,UAAA,EAAO,KAAKL,GAAW,WAAWI,GAAgB,GAAGX,GACnD,UAAAD,EAAA,CACH;AAIF,QAAIJ,GAAe;AACjB,YAAMkB,IAAkB;AAAA,QACtB1B;AAAA,QACAiB,KAAiBI,EAAYJ,CAAa;AAAA,MAAA,EAC1C,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,aACE,gBAAAU,EAAC,SAAA,EAAM,WAAWD,GAChB,UAAA;AAAA,QAAA,gBAAAE,EAAC,UAAA,EAAO,KAAKR,GAAW,WAAW,GAAGpC,CAAO,IAAIC,CAAe,WAAY,GAAG4B,GAC5E,UAAAD,EAAA,CACH;AAAA,QACA,gBAAAgB,EAAC,UAAM,UAAApB,EAAA,CAAc;AAAA,MAAA,GACvB;AAAA,IAEJ;AAGA,QAAIe,GAAmB;AACrB,YAAMM,IAAe;AAAA,QACnB7C;AAAA,QACAC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAgC,KAAiBI,EAAYJ,CAAa;AAAA,QAC1CK;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,aACE,gBAAAK,EAAC,SAAA,EAAM,WAAWE,GACf,UAAA;AAAA,QAAApB,KAAe,gBAAAmB,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAnB,GAAY;AAAA,QACnEgB;AAAA,QACAf,KAAc,gBAAAkB,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAlB,EAAA,CAAW;AAAA,MAAA,GACpE;AAAA,IAEJ;AAEA,WAAOe;AAAA,EACT;AACF;AAEAxB,EAAO,cAAc;"}

package/dist/components/Skeleton.js

@@ -1,7 +1,7 @@
 import { jsx as x } from "react/jsx-runtime";
-const i = ({
-  width: s,
-  height: t,
+const k = "skeleton", y = "skeleton-text", i = ({
+  width: t,
+  height: s,
   circle: o = !1,
   variant: l = "default",
   className: n = "",
@@ -9,14 +9,14 @@ const i = ({
   style: f,
   ...u
 }) => {
-  const p = () => {
-    const e = ["skeleton"];
-    return l === "text" && e.push("skeleton-text"), o && e.push("rounded-full"), n && e.push(n), e.join(" ");
-  }, c = () => {
+  const c = () => {
+    const e = [k];
+    return l === "text" && e.push(y), o && e.push("rounded-full"), n && e.push(n), e.join(" ");
+  }, p = () => {
     const e = {};
-    return s && (e.width = typeof s == "number" ? `${s}px` : s), t && (e.height = typeof t == "number" ? `${t}px` : t), Object.keys(e).length > 0 ? e : void 0;
+    return t && (e.width = typeof t == "number" ? `${t}px` : t), s && (e.height = typeof s == "number" ? `${s}px` : s), Object.keys(e).length > 0 ? e : void 0;
   };
-  return /* @__PURE__ */ x("div", { className: p(), style: { ...c(), ...f }, ...u, children: r });
+  return /* @__PURE__ */ x("div", { className: c(), style: { ...p(), ...f }, ...u, children: r });
 };
 export {
   i as Skeleton

package/dist/components/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../src/components/Skeleton.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: string | number\n  height?: string | number\n  circle?: boolean\n  variant?: 'default' | 'text'\n  children?: React.ReactNode\n}\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  width,\n  height,\n  circle = false,\n  variant = 'default',\n  className = '',\n  children,\n  style,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = ['skeleton']\n\n    if (variant === 'text') {\n      classes.push('skeleton-text')\n    }\n\n    if (circle) {\n      classes.push('rounded-full')\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyles = () => {\n    const styles: React.CSSProperties = {}\n\n    if (width) {\n      styles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (height) {\n      styles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    return Object.keys(styles).length > 0 ? styles : undefined\n  }\n\n  return (\n    <div className={getClasses()} style={{ ...getStyles(), ...style }} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["Skeleton","width","height","circle","variant","className","children","style","rest","getClasses","classes","getStyles","styles","jsx"],"mappings":";AAUO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAAC,UAAU;AAE3B,WAAIN,MAAY,UACdM,EAAQ,KAAK,eAAe,GAG1BP,KACFO,EAAQ,KAAK,cAAc,GAGzBL,KACFK,EAAQ,KAAKL,CAAS,GAGjBK,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAY,MAAM;AACtB,UAAMC,IAA8B,CAAA;AAEpC,WAAIX,MACFW,EAAO,QAAQ,OAAOX,KAAU,WAAW,GAAGA,CAAK,OAAOA,IAGxDC,MACFU,EAAO,SAAS,OAAOV,KAAW,WAAW,GAAGA,CAAM,OAAOA,IAGxD,OAAO,KAAKU,CAAM,EAAE,SAAS,IAAIA,IAAS;AAAA,EACnD;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,EAAA,GAAc,OAAO,EAAE,GAAGE,EAAA,GAAa,GAAGJ,EAAA,GAAU,GAAGC,GACpE,UAAAF,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"Skeleton.js","sources":["../../src/components/Skeleton.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dSkeleton = 'skeleton'\nconst dSkeletonText = 'skeleton-text'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: string | number\n  height?: string | number\n  circle?: boolean\n  variant?: 'default' | 'text'\n  children?: React.ReactNode\n}\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  width,\n  height,\n  circle = false,\n  variant = 'default',\n  className = '',\n  children,\n  style,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = [dSkeleton]\n\n    if (variant === 'text') {\n      classes.push(dSkeletonText)\n    }\n\n    if (circle) {\n      classes.push('rounded-full')\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyles = () => {\n    const styles: React.CSSProperties = {}\n\n    if (width) {\n      styles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (height) {\n      styles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    return Object.keys(styles).length > 0 ? styles : undefined\n  }\n\n  return (\n    <div className={getClasses()} style={{ ...getStyles(), ...style }} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["dSkeleton","dSkeletonText","Skeleton","width","height","circle","variant","className","children","style","rest","getClasses","classes","getStyles","styles","jsx"],"mappings":";AAGA,MAAMA,IAAY,YACZC,IAAgB,iBAUTC,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAACZ,CAAS;AAE1B,WAAIM,MAAY,UACdM,EAAQ,KAAKX,CAAa,GAGxBI,KACFO,EAAQ,KAAK,cAAc,GAGzBL,KACFK,EAAQ,KAAKL,CAAS,GAGjBK,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAY,MAAM;AACtB,UAAMC,IAA8B,CAAA;AAEpC,WAAIX,MACFW,EAAO,QAAQ,OAAOX,KAAU,WAAW,GAAGA,CAAK,OAAOA,IAGxDC,MACFU,EAAO,SAAS,OAAOV,KAAW,WAAW,GAAGA,CAAM,OAAOA,IAGxD,OAAO,KAAKU,CAAM,EAAE,SAAS,IAAIA,IAAS;AAAA,EACnD;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,EAAA,GAAc,OAAO,EAAE,GAAGE,EAAA,GAAa,GAAGJ,EAAA,GAAU,GAAGC,GACpE,UAAAF,EAAA,CACH;AAEJ;"}

package/dist/components/Splitter.js

@@ -1,126 +1,126 @@
-import { jsx as h, jsxs as K, Fragment as ie } from "react/jsx-runtime";
-import T, { useRef as L, useState as J, useCallback as y, useEffect as Q } from "react";
-const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
+import { jsx as h, jsxs as U, Fragment as me } from "react/jsx-runtime";
+import F, { useRef as L, useState as I, useCallback as b, useEffect as ee } from "react";
+const ze = "bg-base-300", ge = "bg-primary", B = "text-base-content", we = "hover:bg-primary", te = "hover:text-base-content", K = "group-hover:bg-primary", oe = "hover:bg-base-content", ne = "rounded", G = "rounded-full", Ce = ({ children: M }) => /* @__PURE__ */ h(me, { children: M }), ve = ({
   children: M,
-  direction: z = "horizontal",
-  sizes: P,
-  defaultSizes: $,
-  onSizesChange: F,
+  direction: g = "horizontal",
+  sizes: $,
+  defaultSizes: N,
+  onSizesChange: W,
   gutterSize: R = 8,
   minSize: E = 50,
-  className: Z = ""
+  className: se = ""
 }) => {
-  const D = L(null), I = L([]), x = L(null), u = T.Children.toArray(M).filter(
-    (e) => T.isValidElement(e)
-  ), m = u.length, [f, W] = J(
+  const D = L(null), re = L([]), x = L(null), u = F.Children.toArray(M).filter(
+    (e) => F.isValidElement(e)
+  ), m = u.length, [d, X] = I(
     () => u.map((e) => e.props.defaultCollapsed ?? e.props.collapsed ?? !1)
-  ), X = L([]), j = y(() => {
+  ), Y = L([]), j = b(() => {
     const e = u.map((s) => s.props.defaultSize), o = e.some((s) => s !== void 0);
-    if ($ && $.length === m)
-      return $;
+    if (N && N.length === m)
+      return N;
     if (o) {
       const s = e.reduce((l, n) => l + (n ?? 0), 0), r = e.filter((l) => l === void 0).length, a = Math.max(0, 100 - s), t = r > 0 ? a / r : 0;
       return e.map((l) => l ?? t);
     }
     const i = 100 / m;
     return Array(m).fill(i);
-  }, [$, m, u]), [k, Y] = J(j), ee = y(() => {
+  }, [N, m, u]), [y, _] = I(j), le = b(() => {
     const e = u.map((t) => t.props.size);
     if (!e.some((t) => t !== void 0)) return null;
     const i = e.reduce((t, l) => t + (l ?? 0), 0), s = e.filter((t) => t === void 0).length, r = Math.max(0, 100 - i), a = s > 0 ? r / s : 0;
-    return e.map((t, l) => t ?? k[l] ?? a);
-  }, [u, k]), d = P || ee() || k;
-  Q(() => {
-    !P && k.length !== m && Y(j());
-  }, [m, P, k.length, j]), Q(() => {
+    return e.map((t, l) => t ?? y[l] ?? a);
+  }, [u, y]), f = $ || le() || y;
+  ee(() => {
+    !$ && y.length !== m && _(j());
+  }, [m, $, y.length, j]), ee(() => {
     const e = u.map(
-      (i, s) => i.props.collapsed ?? f[s] ?? !1
+      (i, s) => i.props.collapsed ?? d[s] ?? !1
     );
-    e.some((i, s) => i !== f[s]) && W(e);
+    e.some((i, s) => i !== d[s]) && X(e);
   }, [u.map((e) => e.props.collapsed).join(",")]);
-  const b = y(
+  const w = b(
     (e) => {
-      P || Y(e), F?.(e);
+      $ || _(e), W?.(e);
     },
-    [P, F]
-  ), _ = y(
+    [$, W]
+  ), q = b(
     (e) => {
       const o = u[e];
       if (!o?.props.collapsible) return;
-      const s = !f[e], r = [...f];
-      if (r[e] = s, W(r), o.props.onCollapse?.(s), s) {
-        X.current = [...d];
-        const a = 0, t = d[e] - a, l = d.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]);
+      const s = !d[e], r = [...d];
+      if (r[e] = s, X(r), o.props.onCollapse?.(s), s) {
+        Y.current = [...f];
+        const a = 0, t = f[e] - a, l = f.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]);
         if (l.length > 0) {
-          const n = t / l.length, c = d.map((p, w) => w === e ? a : r[w] ? p : p + n);
-          b(c);
+          const n = t / l.length, c = f.map((p, C) => C === e ? a : r[C] ? p : p + n);
+          w(c);
         }
       } else {
-        const a = X.current[e] || 100 / m, l = d.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]).reduce((n, c) => n + c.size, 0);
+        const a = Y.current[e] || 100 / m, l = f.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]).reduce((n, c) => n + c.size, 0);
         if (l > 0) {
-          const n = d.map((c, p) => {
+          const n = f.map((c, p) => {
             if (p === e) return a;
             if (!r[p]) {
-              const w = c / l;
-              return c - a * w;
+              const C = c / l;
+              return c - a * C;
             }
             return c;
           });
-          b(n);
+          w(n);
         }
       }
     },
-    [u, f, d, m, b]
-  ), te = y(
+    [u, d, f, m, w]
+  ), ae = b(
     (e, o) => {
       const i = u[e]?.props || {}, s = u[e + 1]?.props || {};
-      if (i.resizable === !1 || s.resizable === !1 || f[e] || f[e + 1])
+      if (i.resizable === !1 || s.resizable === !1 || d[e] || d[e + 1])
         return;
       o.preventDefault();
-      const r = z === "horizontal" ? o.clientX : o.clientY;
+      const r = g === "horizontal" ? o.clientX : o.clientY;
       x.current = {
         index: e,
         startPos: r,
-        startSizes: [...d]
+        startSizes: [...f]
       };
       const a = (l) => {
         if (!x.current || !D.current) return;
-        const { index: n, startPos: c, startSizes: p } = x.current, w = D.current.getBoundingClientRect(), se = z === "horizontal" ? w.width : w.height, re = z === "horizontal" ? l.clientX : l.clientY, le = (m - 1) * R, N = se - le, q = (re - c) / N * 100, G = u[n]?.props || {}, H = u[n + 1]?.props || {}, ae = G.minSize ?? E, ce = H.minSize ?? E, A = ae / N * 100, B = ce / N * 100;
-        let v = p[n] + q, C = p[n + 1] - q;
-        v < A && (v = A, C = p[n] + p[n + 1] - A), C < B && (C = B, v = p[n] + p[n + 1] - B);
-        const O = G.maxSize, V = H.maxSize;
-        if (O) {
-          const S = O / N * 100;
-          v > S && (v = S, C = p[n] + p[n + 1] - S);
+        const { index: n, startPos: c, startSizes: p } = x.current, C = D.current.getBoundingClientRect(), pe = g === "horizontal" ? C.width : C.height, ue = g === "horizontal" ? l.clientX : l.clientY, de = (m - 1) * R, k = pe - de, O = (ue - c) / k * 100, V = u[n]?.props || {}, J = u[n + 1]?.props || {}, fe = V.minSize ?? E, he = J.minSize ?? E, A = fe / k * 100, H = he / k * 100;
+        let v = p[n] + O, S = p[n + 1] - O;
+        v < A && (v = A, S = p[n] + p[n + 1] - A), S < H && (S = H, v = p[n] + p[n + 1] - H);
+        const Q = V.maxSize, Z = J.maxSize;
+        if (Q) {
+          const P = Q / k * 100;
+          v > P && (v = P, S = p[n] + p[n + 1] - P);
         }
-        if (V) {
-          const S = V / N * 100;
-          C > S && (C = S, v = p[n] + p[n + 1] - S);
+        if (Z) {
+          const P = Z / k * 100;
+          S > P && (S = P, v = p[n] + p[n + 1] - P);
         }
-        const U = [...p];
-        U[n] = v, U[n + 1] = C, b(U);
+        const T = [...p];
+        T[n] = v, T[n + 1] = S, w(T);
       }, t = () => {
         x.current = null, document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", t), document.body.style.cursor = "", document.body.style.userSelect = "";
       };
-      document.addEventListener("mousemove", a), document.addEventListener("mouseup", t), document.body.style.cursor = z === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none";
+      document.addEventListener("mousemove", a), document.addEventListener("mouseup", t), document.body.style.cursor = g === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none";
     },
-    [z, d, m, R, u, E, b, f]
-  ), oe = y(
+    [g, f, m, R, u, E, w, d]
+  ), ce = b(
     (e, o) => {
-      if (f[e] || f[e + 1])
+      if (d[e] || d[e + 1])
         return;
       const i = o.shiftKey ? 10 : 1;
       let s = 0;
-      if (z === "horizontal" ? o.key === "ArrowLeft" ? s = -i : o.key === "ArrowRight" && (s = i) : o.key === "ArrowUp" ? s = -i : o.key === "ArrowDown" && (s = i), s !== 0) {
+      if (g === "horizontal" ? o.key === "ArrowLeft" ? s = -i : o.key === "ArrowRight" && (s = i) : o.key === "ArrowUp" ? s = -i : o.key === "ArrowDown" && (s = i), s !== 0) {
         o.preventDefault();
-        const r = [...d], a = 5;
+        const r = [...f], a = 5;
         let t = r[e] + s, l = r[e + 1] - s;
-        t >= a && l >= a && (r[e] = t, r[e + 1] = l, b(r));
+        t >= a && l >= a && (r[e] = t, r[e + 1] = l, w(r));
       }
     },
-    [z, d, b, f]
-  ), g = z === "horizontal", ne = (e) => {
-    const o = u[e], i = u[e + 1], s = o?.props.collapsible, r = i?.props.collapsible, a = f[e], t = f[e + 1];
+    [g, f, w, d]
+  ), z = g === "horizontal", ie = (e) => {
+    const o = u[e], i = u[e + 1], s = o?.props.collapsible, r = i?.props.collapsible, a = d[e], t = d[e + 1];
     return {
       showStart: s && !t,
       showEnd: r && !a,
@@ -132,19 +132,19 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
     "div",
     {
       ref: D,
-      className: `flex ${g ? "flex-row" : "flex-col"} h-full w-full ${Z}`,
+      className: `flex ${z ? "flex-row" : "flex-col"} h-full w-full ${se}`,
       children: u.map((e, o) => {
-        const i = e.props, s = o === u.length - 1, r = f[o], a = i.resizable !== !1 && !r;
-        return /* @__PURE__ */ K(T.Fragment, { children: [
+        const i = e.props, s = o === u.length - 1, r = d[o], a = i.resizable !== !1 && !r;
+        return /* @__PURE__ */ U(F.Fragment, { children: [
           /* @__PURE__ */ h(
             "div",
             {
               ref: (t) => {
-                I.current[o] = t;
+                re.current[o] = t;
               },
               className: `overflow-auto ${i.className || ""}`,
               style: {
-                [g ? "width" : "height"]: r ? "0px" : `calc(${d[o]}% - ${(m - 1) * R / m}px)`,
+                [z ? "width" : "height"]: r ? "0px" : `calc(${f[o]}% - ${(m - 1) * R / m}px)`,
                 flexShrink: 0,
                 overflow: r ? "hidden" : "auto"
               },
@@ -156,40 +156,40 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
             "div",
             {
               role: "separator",
-              "aria-orientation": g ? "vertical" : "horizontal",
-              "aria-valuenow": Math.round(d[o]),
+              "aria-orientation": z ? "vertical" : "horizontal",
+              "aria-valuenow": Math.round(f[o]),
               tabIndex: a ? 0 : -1,
               className: `
-                  flex-shrink-0 bg-base-300 transition-colors duration-150 relative group
-                  ${a ? "hover:bg-primary/30 active:bg-primary/50" : ""}
-                  ${a ? g ? "cursor-col-resize" : "cursor-row-resize" : "cursor-default"}
+                  flex-shrink-0 ${ze} transition-colors duration-150 relative group
+                  ${a ? `${we}/30 active:${ge}/50` : ""}
+                  ${a ? z ? "cursor-col-resize" : "cursor-row-resize" : "cursor-default"}
                 `,
               style: {
-                [g ? "width" : "height"]: `${R}px`
+                [z ? "width" : "height"]: `${R}px`
               },
-              onMouseDown: (t) => te(o, t),
-              onKeyDown: (t) => oe(o, t),
+              onMouseDown: (t) => ae(o, t),
+              onKeyDown: (t) => ce(o, t),
               children: (() => {
-                const { showStart: t, showEnd: l, panel1Collapsed: n, panel2Collapsed: c } = ne(o);
-                return !t && !l ? /* @__PURE__ */ K(
+                const { showStart: t, showEnd: l, panel1Collapsed: n, panel2Collapsed: c } = ie(o);
+                return !t && !l ? /* @__PURE__ */ U(
                   "div",
                   {
                     className: `
                           absolute inset-0 flex items-center justify-center
-                          ${g ? "flex-col gap-0.5" : "flex-row gap-0.5"}
+                          ${z ? "flex-col gap-0.5" : "flex-row gap-0.5"}
                         `,
                     children: [
-                      /* @__PURE__ */ h("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" }),
-                      /* @__PURE__ */ h("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" }),
-                      /* @__PURE__ */ h("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" })
+                      /* @__PURE__ */ h("div", { className: `w-1 h-1 ${G} ${B}/30 ${K}/60` }),
+                      /* @__PURE__ */ h("div", { className: `w-1 h-1 ${G} ${B}/30 ${K}/60` }),
+                      /* @__PURE__ */ h("div", { className: `w-1 h-1 ${G} ${B}/30 ${K}/60` })
                     ]
                   }
-                ) : /* @__PURE__ */ K(
+                ) : /* @__PURE__ */ U(
                   "div",
                   {
                     className: `
                         absolute inset-0 flex items-center justify-center
-                        ${g ? "flex-col" : "flex-row"}
+                        ${z ? "flex-col" : "flex-row"}
                       `,
                     children: [
                       t && /* @__PURE__ */ h(
@@ -197,17 +197,17 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                         {
                           type: "button",
                           onClick: (p) => {
-                            p.stopPropagation(), _(o);
+                            p.stopPropagation(), q(o);
                           },
                           className: `
-                            p-0.5 rounded hover:bg-base-content/20 transition-colors
+                            p-0.5 ${ne} ${oe}/20 transition-colors
                             
                           `,
                           "aria-label": n ? "Expand panel" : "Collapse panel",
                           children: /* @__PURE__ */ h(
                             "svg",
                             {
-                              className: `w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${n ? g ? "rotate-180" : "-rotate-90" : g ? "rotate-0" : "rotate-90"}`,
+                              className: `w-3 h-3 ${B}/50 ${te} transition-transform ${n ? z ? "rotate-180" : "-rotate-90" : z ? "rotate-0" : "rotate-90"}`,
                               fill: "none",
                               viewBox: "0 0 24 24",
                               stroke: "currentColor",
@@ -221,16 +221,16 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                         {
                           type: "button",
                           onClick: (p) => {
-                            p.stopPropagation(), _(o + 1);
+                            p.stopPropagation(), q(o + 1);
                           },
                           className: `
-                            p-0.5 rounded hover:bg-base-content/20 transition-colors
+                            p-0.5 ${ne} ${oe}/20 transition-colors
                           `,
                           "aria-label": c ? "Expand panel" : "Collapse panel",
                           children: /* @__PURE__ */ h(
                             "svg",
                             {
-                              className: `w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${c ? g ? "rotate-0" : "rotate-90" : g ? "rotate-180" : "-rotate-90"}`,
+                              className: `w-3 h-3 ${B}/50 ${te} transition-transform ${c ? z ? "rotate-0" : "rotate-90" : z ? "rotate-180" : "-rotate-90"}`,
                               fill: "none",
                               viewBox: "0 0 24 24",
                               stroke: "currentColor",
@@ -250,8 +250,8 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
     }
   );
 };
-ue.Panel = pe;
+ve.Panel = Ce;
 export {
-  ue as Splitter
+  ve as Splitter
 };
 //# sourceMappingURL=Splitter.js.map