asterui 0.12.11 → 0.12.13

package/dist/index78.js

@@ -1,25 +1,97 @@
-import { jsx as o } from "react/jsx-runtime";
-function c({ children: e, vertical: s = !1, className: t = "", ...n }) {
-  const r = ["steps", s && "steps-vertical", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("ul", { className: r, ...n, children: e });
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import y from "react";
+const j = {
+  neutral: "step-neutral",
+  primary: "step-primary",
+  secondary: "step-secondary",
+  accent: "step-accent",
+  info: "step-info",
+  success: "step-success",
+  warning: "step-warning",
+  error: "step-error"
+};
+function N({
+  children: a,
+  items: l,
+  current: e,
+  direction: p,
+  vertical: d = !1,
+  onChange: t,
+  className: c = "",
+  ...f
+}) {
+  const n = ["steps", (p === "vertical" || d) && "steps-vertical", c].filter(Boolean).join(" ");
+  if (l && l.length > 0)
+    return /* @__PURE__ */ i("ul", { className: n, ...f, children: l.map((s, o) => {
+      const C = e !== void 0 && o < e, r = e !== void 0 && o === e, v = s.color || (C || r ? "primary" : void 0);
+      return /* @__PURE__ */ i(
+        k,
+        {
+          color: v,
+          icon: s.icon,
+          title: s.title,
+          description: s.description,
+          disabled: s.disabled,
+          _index: o,
+          _clickable: !!t && !s.disabled,
+          _onClick: t,
+          "aria-current": r ? "step" : void 0
+        },
+        s.key ?? o
+      );
+    }) });
+  const u = e !== void 0 ? y.Children.map(a, (s, o) => {
+    if (y.isValidElement(s)) {
+      const C = o < e, r = o === e, v = s.props.color || (C || r ? "primary" : void 0);
+      return y.cloneElement(s, {
+        color: v,
+        _index: o,
+        _clickable: !!t && !s.props.disabled,
+        _onClick: t,
+        "aria-current": r ? "step" : void 0
+      });
+    }
+    return s;
+  }) : a;
+  return /* @__PURE__ */ i("ul", { className: n, ...f, children: u });
 }
-function p({ children: e, color: s, dataContent: t, className: n = "", ...r }) {
-  const a = ["step", s && {
-    neutral: "step-neutral",
-    primary: "step-primary",
-    secondary: "step-secondary",
-    accent: "step-accent",
-    info: "step-info",
-    success: "step-success",
-    warning: "step-warning",
-    error: "step-error"
-  }[s], n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("li", { className: a, "data-content": t, ...r, children: e });
+function k({
+  children: a,
+  title: l,
+  description: e,
+  icon: p,
+  color: d,
+  dataContent: t,
+  disabled: c = !1,
+  className: f = "",
+  _index: m,
+  _clickable: n,
+  _onClick: u,
+  ...s
+}) {
+  const o = ["step", d && j[d], c && "step-disabled", f].filter(Boolean).join(" ");
+  return /* @__PURE__ */ b(
+    "li",
+    {
+      className: o,
+      "data-content": t,
+      onClick: () => {
+        n && u && m !== void 0 && !c && u(m);
+      },
+      style: n && !c ? { cursor: "pointer" } : void 0,
+      ...s,
+      children: [
+        p && /* @__PURE__ */ i("span", { className: "step-icon", children: p }),
+        l ?? a,
+        e && /* @__PURE__ */ i("span", { className: "text-xs opacity-70 block", children: e })
+      ]
+    }
+  );
 }
-const u = Object.assign(c, {
-  Step: p
+const V = Object.assign(N, {
+  Step: k
 });
 export {
-  u as Steps
+  V as Steps
 };
 //# sourceMappingURL=index78.js.map

package/dist/index78.js.map

@@ -1 +1 @@
-{"version":3,"file":"index78.js","sources":["../src/components/Steps.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface StepsProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode\n  vertical?: boolean\n}\n\nexport interface StepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color'> {\n  children: React.ReactNode\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  dataContent?: string\n}\n\nfunction StepsRoot({ children, vertical = false, className = '', ...rest }: StepsProps) {\n  const classes = ['steps', vertical && 'steps-vertical', className].filter(Boolean).join(' ')\n\n  return <ul className={classes} {...rest}>{children}</ul>\n}\n\nfunction Step({ children, color, dataContent, className = '', ...rest }: StepProps) {\n  const colorClasses = {\n    neutral: 'step-neutral',\n    primary: 'step-primary',\n    secondary: 'step-secondary',\n    accent: 'step-accent',\n    info: 'step-info',\n    success: 'step-success',\n    warning: 'step-warning',\n    error: 'step-error',\n  }\n\n  const classes = ['step', color && colorClasses[color], className].filter(Boolean).join(' ')\n\n  return (\n    <li className={classes} data-content={dataContent} {...rest}>\n      {children}\n    </li>\n  )\n}\n\nexport const Steps = Object.assign(StepsRoot, {\n  Step,\n})\n"],"names":["StepsRoot","children","vertical","className","rest","classes","Step","color","dataContent","jsx","Steps"],"mappings":";AAaA,SAASA,EAAU,EAAE,UAAAC,GAAU,UAAAC,IAAW,IAAO,WAAAC,IAAY,IAAI,GAAGC,KAAoB;AACtF,QAAMC,IAAU,CAAC,SAASH,KAAY,kBAAkBC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE3F,2BAAQ,MAAA,EAAG,WAAWE,GAAU,GAAGD,GAAO,UAAAH,GAAS;AACrD;AAEA,SAASK,EAAK,EAAE,UAAAL,GAAU,OAAAM,GAAO,aAAAC,GAAa,WAAAL,IAAY,IAAI,GAAGC,KAAmB;AAYlF,QAAMC,IAAU,CAAC,QAAQE,KAXJ;AAAA,IACnB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,EAGsCA,CAAK,GAAGJ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1F,SACE,gBAAAM,EAAC,QAAG,WAAWJ,GAAS,gBAAcG,GAAc,GAAGJ,GACpD,UAAAH,GACH;AAEJ;AAEO,MAAMS,IAAQ,OAAO,OAAOV,GAAW;AAAA,EAC5C,MAAAM;AACF,CAAC;"}
+{"version":3,"file":"index78.js","sources":["../src/components/Steps.tsx"],"sourcesContent":["import React from 'react'\n\nexport type StepsDirection = 'horizontal' | 'vertical'\n\nexport interface StepItem {\n  key?: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  icon?: React.ReactNode\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  disabled?: boolean\n}\n\nexport interface StepsProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onChange'> {\n  /** Step items (compound pattern) */\n  children?: React.ReactNode\n  /** Step items (data-driven pattern) */\n  items?: StepItem[]\n  /** Current step index (0-based) */\n  current?: number\n  /** Layout direction */\n  direction?: StepsDirection\n  /** @deprecated Use direction=\"vertical\" instead */\n  vertical?: boolean\n  /** Callback when step is clicked */\n  onChange?: (current: number) => void\n}\n\nexport interface StepProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color' | 'title'> {\n  /** Step title/label */\n  children?: React.ReactNode\n  /** Step title (alternative to children) */\n  title?: React.ReactNode\n  /** Step description */\n  description?: React.ReactNode\n  /** Step icon */\n  icon?: React.ReactNode\n  /** Step color */\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Custom content for step indicator */\n  dataContent?: string\n  /** Whether step is disabled */\n  disabled?: boolean\n  /** Internal: step index */\n  _index?: number\n  /** Internal: whether step is clickable */\n  _clickable?: boolean\n  /** Internal: click handler */\n  _onClick?: (index: number) => void\n}\n\nconst colorClasses: Record<string, string> = {\n  neutral: 'step-neutral',\n  primary: 'step-primary',\n  secondary: 'step-secondary',\n  accent: 'step-accent',\n  info: 'step-info',\n  success: 'step-success',\n  warning: 'step-warning',\n  error: 'step-error',\n}\n\nfunction StepsRoot({\n  children,\n  items,\n  current,\n  direction,\n  vertical = false,\n  onChange,\n  className = '',\n  ...rest\n}: StepsProps) {\n  const isVertical = direction === 'vertical' || vertical\n\n  const classes = ['steps', isVertical && 'steps-vertical', className]\n    .filter(Boolean)\n    .join(' ')\n\n  // Render data-driven items if provided\n  if (items && items.length > 0) {\n    return (\n      <ul className={classes} {...rest}>\n        {items.map((item, index) => {\n          const isCompleted = current !== undefined && index < current\n          const isCurrent = current !== undefined && index === current\n          const stepColor = item.color || ((isCompleted || isCurrent) ? 'primary' : undefined)\n\n          return (\n            <Step\n              key={item.key ?? index}\n              color={stepColor}\n              icon={item.icon}\n              title={item.title}\n              description={item.description}\n              disabled={item.disabled}\n              _index={index}\n              _clickable={!!onChange && !item.disabled}\n              _onClick={onChange}\n              aria-current={isCurrent ? 'step' : undefined}\n            />\n          )\n        })}\n      </ul>\n    )\n  }\n\n  // For compound pattern, inject props into children if current is provided\n  const processedChildren =\n    current !== undefined\n      ? React.Children.map(children, (child, index) => {\n          if (React.isValidElement<StepProps>(child)) {\n            const isCompleted = index < current\n            const isCurrent = index === current\n            const childColor = child.props.color || ((isCompleted || isCurrent) ? 'primary' : undefined)\n\n            return React.cloneElement(child, {\n              color: childColor,\n              _index: index,\n              _clickable: !!onChange && !child.props.disabled,\n              _onClick: onChange,\n              'aria-current': isCurrent ? 'step' : undefined,\n            } as Partial<StepProps>)\n          }\n          return child\n        })\n      : children\n\n  return (\n    <ul className={classes} {...rest}>\n      {processedChildren}\n    </ul>\n  )\n}\n\nfunction Step({\n  children,\n  title,\n  description,\n  icon,\n  color,\n  dataContent,\n  disabled = false,\n  className = '',\n  _index,\n  _clickable,\n  _onClick,\n  ...rest\n}: StepProps) {\n  const classes = ['step', color && colorClasses[color], disabled && 'step-disabled', className]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = () => {\n    if (_clickable && _onClick && _index !== undefined && !disabled) {\n      _onClick(_index)\n    }\n  }\n\n  const displayContent = title ?? children\n\n  return (\n    <li\n      className={classes}\n      data-content={dataContent}\n      onClick={handleClick}\n      style={_clickable && !disabled ? { cursor: 'pointer' } : undefined}\n      {...rest}\n    >\n      {icon && <span className=\"step-icon\">{icon}</span>}\n      {displayContent}\n      {description && <span className=\"text-xs opacity-70 block\">{description}</span>}\n    </li>\n  )\n}\n\nexport const Steps = Object.assign(StepsRoot, {\n  Step,\n})\n"],"names":["colorClasses","StepsRoot","children","items","current","direction","vertical","onChange","className","rest","classes","jsx","item","index","isCompleted","isCurrent","stepColor","Step","processedChildren","React","child","childColor","title","description","icon","color","dataContent","disabled","_index","_clickable","_onClick","jsxs","Steps"],"mappings":"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"}

package/dist/index8.js

@@ -1,14 +1,38 @@
-import { jsx as r } from "react/jsx-runtime";
-function c({ children: t, className: e = "", ...u }) {
-  return /* @__PURE__ */ r("div", { className: `breadcrumbs text-sm ${e}`, ...u, children: /* @__PURE__ */ r("ul", { children: t }) });
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import u from "react";
+function x({ children: c, items: r, separator: t, className: o = "", ...i }) {
+  const s = t !== void 0, a = typeof t == "string" ? "px-2" : "px-1", m = () => !r || r.length === 0 ? null : r.map((e, l) => {
+    const d = l === r.length - 1;
+    return /* @__PURE__ */ f(u.Fragment, { children: [
+      /* @__PURE__ */ n("li", { className: e.className, children: e.href || e.onClick ? /* @__PURE__ */ n("a", { href: e.href, onClick: e.onClick, children: e.title }) : e.title }),
+      s && !d && /* @__PURE__ */ n("li", { className: `flex items-center ${a} text-base-content/50`, children: t })
+    ] }, l);
+  }), b = () => {
+    if (r && r.length > 0)
+      return m();
+    if (s && c) {
+      const e = u.Children.toArray(c), l = [];
+      return e.forEach((d, h) => {
+        l.push(d), h < e.length - 1 && l.push(
+          /* @__PURE__ */ n("li", { className: `flex items-center ${a} text-base-content/50`, children: t }, `sep-${h}`)
+        );
+      }), l;
+    }
+    return c;
+  }, p = s ? `breadcrumbs text-sm [&_li::before]:!hidden ${o}` : `breadcrumbs text-sm ${o}`;
+  return /* @__PURE__ */ n("div", { className: p, ...i, children: /* @__PURE__ */ n("ul", { children: b() }) });
 }
-function i({ children: t, href: e, onClick: u, className: m = "", ...n }) {
-  return e || u ? /* @__PURE__ */ r("li", { className: m, ...n, children: /* @__PURE__ */ r("a", { href: e, onClick: u, children: t }) }) : /* @__PURE__ */ r("li", { className: m, ...n, children: t });
+function g({ children: c, href: r, onClick: t, icon: o, className: i = "", ...s }) {
+  const a = o ? /* @__PURE__ */ f("span", { className: "inline-flex items-center gap-2", children: [
+    o,
+    c
+  ] }) : c;
+  return r || t ? /* @__PURE__ */ n("li", { className: i, ...s, children: /* @__PURE__ */ n("a", { href: r, onClick: t, children: a }) }) : /* @__PURE__ */ n("li", { className: i, ...s, children: a });
 }
-const a = Object.assign(c, {
-  Item: i
+const N = Object.assign(x, {
+  Item: g
 });
 export {
-  a as Breadcrumb
+  N as Breadcrumb
 };
 //# sourceMappingURL=index8.js.map

package/dist/index8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index8.js","sources":["../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nexport interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {\n  children: React.ReactNode\n  href?: string\n  onClick?: () => void\n}\n\nfunction BreadcrumbRoot({ children, className = '', ...rest }: BreadcrumbProps) {\n  return (\n    <div className={`breadcrumbs text-sm ${className}`} {...rest}>\n      <ul>{children}</ul>\n    </div>\n  )\n}\n\nfunction BreadcrumbItem({ children, href, onClick, className = '', ...rest }: BreadcrumbItemProps) {\n  if (href || onClick) {\n    return (\n      <li className={className} {...rest}>\n        <a href={href} onClick={onClick}>\n          {children}\n        </a>\n      </li>\n    )\n  }\n\n  return <li className={className} {...rest}>{children}</li>\n}\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n})\n"],"names":["BreadcrumbRoot","children","className","rest","jsx","BreadcrumbItem","href","onClick","Breadcrumb"],"mappings":";AAYA,SAASA,EAAe,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAyB;AAC9E,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,uBAAuBF,CAAS,IAAK,GAAGC,GACtD,UAAA,gBAAAC,EAAC,MAAA,EAAI,UAAAH,EAAA,CAAS,GAChB;AAEJ;AAEA,SAASI,EAAe,EAAE,UAAAJ,GAAU,MAAAK,GAAM,SAAAC,GAAS,WAAAL,IAAY,IAAI,GAAGC,KAA6B;AACjG,SAAIG,KAAQC,IAER,gBAAAH,EAAC,MAAA,EAAG,WAAAF,GAAuB,GAAGC,GAC5B,4BAAC,KAAA,EAAE,MAAAG,GAAY,SAAAC,GACZ,UAAAN,EAAA,CACH,EAAA,CACF,IAIG,gBAAAG,EAAC,MAAA,EAAG,WAAAF,GAAuB,GAAGC,GAAO,UAAAF,GAAS;AACvD;AAEO,MAAMO,IAAa,OAAO,OAAOR,GAAgB;AAAA,EACtD,MAAMK;AACR,CAAC;"}
+{"version":3,"file":"index8.js","sources":["../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface BreadcrumbItemType {\n  /** Item title/label */\n  title: React.ReactNode\n  /** Link URL */\n  href?: string\n  /** Click handler */\n  onClick?: () => void\n  /** Custom class name */\n  className?: string\n}\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Breadcrumb.Item children (compound pattern) */\n  children?: React.ReactNode\n  /** Breadcrumb items data (data-driven pattern) */\n  items?: BreadcrumbItemType[]\n  /** Custom separator between items */\n  separator?: React.ReactNode\n}\n\nexport interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {\n  children: React.ReactNode\n  href?: string\n  onClick?: () => void\n  /** Icon to display before the label */\n  icon?: React.ReactNode\n}\n\nfunction BreadcrumbRoot({ children, items, separator, className = '', ...rest }: BreadcrumbProps) {\n  const hasCustomSeparator = separator !== undefined\n  // Text separators need more padding than icon separators\n  const separatorPadding = typeof separator === 'string' ? 'px-2' : 'px-1'\n\n  const renderFromItems = () => {\n    if (!items || items.length === 0) return null\n\n    return items.map((item, index) => {\n      const isLast = index === items.length - 1\n      return (\n        <React.Fragment key={index}>\n          <li className={item.className}>\n            {item.href || item.onClick ? (\n              <a href={item.href} onClick={item.onClick}>\n                {item.title}\n              </a>\n            ) : (\n              item.title\n            )}\n          </li>\n          {hasCustomSeparator && !isLast && (\n            <li className={`flex items-center ${separatorPadding} text-base-content/50`}>\n              {separator}\n            </li>\n          )}\n        </React.Fragment>\n      )\n    })\n  }\n\n  const renderChildren = () => {\n    if (items && items.length > 0) {\n      return renderFromItems()\n    }\n\n    if (hasCustomSeparator && children) {\n      // Insert custom separator nodes between children\n      const childArray = React.Children.toArray(children)\n      const result: React.ReactNode[] = []\n      childArray.forEach((child, index) => {\n        result.push(child)\n        if (index < childArray.length - 1) {\n          result.push(\n            <li key={`sep-${index}`} className={`flex items-center ${separatorPadding} text-base-content/50`}>\n              {separator}\n            </li>\n          )\n        }\n      })\n      return result\n    }\n\n    return children\n  }\n\n  // When custom separator is provided, hide default DaisyUI separator\n  const cssClass = hasCustomSeparator\n    ? `breadcrumbs text-sm [&_li::before]:!hidden ${className}`\n    : `breadcrumbs text-sm ${className}`\n\n  return (\n    <div className={cssClass} {...rest}>\n      <ul>{renderChildren()}</ul>\n    </div>\n  )\n}\n\nfunction BreadcrumbItem({ children, href, onClick, icon, className = '', ...rest }: BreadcrumbItemProps) {\n  const content = icon ? (\n    <span className=\"inline-flex items-center gap-2\">\n      {icon}\n      {children}\n    </span>\n  ) : children\n\n  if (href || onClick) {\n    return (\n      <li className={className} {...rest}>\n        <a href={href} onClick={onClick}>\n          {content}\n        </a>\n      </li>\n    )\n  }\n\n  return <li className={className} {...rest}>{content}</li>\n}\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n})\n"],"names":["BreadcrumbRoot","children","items","separator","className","rest","hasCustomSeparator","separatorPadding","renderFromItems","item","index","isLast","jsxs","React","jsx","renderChildren","childArray","result","child","cssClass","BreadcrumbItem","href","onClick","icon","content","Breadcrumb"],"mappings":";;AA8BA,SAASA,EAAe,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,WAAAC,IAAY,IAAI,GAAGC,KAAyB;AAChG,QAAMC,IAAqBH,MAAc,QAEnCI,IAAmB,OAAOJ,KAAc,WAAW,SAAS,QAE5DK,IAAkB,MAClB,CAACN,KAASA,EAAM,WAAW,IAAU,OAElCA,EAAM,IAAI,CAACO,GAAMC,MAAU;AAChC,UAAMC,IAASD,MAAUR,EAAM,SAAS;AACxC,WACE,gBAAAU,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAWL,EAAK,WACjB,YAAK,QAAQA,EAAK,UACjB,gBAAAK,EAAC,KAAA,EAAE,MAAML,EAAK,MAAM,SAASA,EAAK,SAC/B,YAAK,MAAA,CACR,IAEAA,EAAK,MAAA,CAET;AAAA,MACCH,KAAsB,CAACK,KACtB,gBAAAG,EAAC,QAAG,WAAW,qBAAqBP,CAAgB,yBACjD,UAAAJ,EAAA,CACH;AAAA,IAAA,EAAA,GAbiBO,CAerB;AAAA,EAEJ,CAAC,GAGGK,IAAiB,MAAM;AAC3B,QAAIb,KAASA,EAAM,SAAS;AAC1B,aAAOM,EAAA;AAGT,QAAIF,KAAsBL,GAAU;AAElC,YAAMe,IAAaH,EAAM,SAAS,QAAQZ,CAAQ,GAC5CgB,IAA4B,CAAA;AAClC,aAAAD,EAAW,QAAQ,CAACE,GAAOR,MAAU;AACnC,QAAAO,EAAO,KAAKC,CAAK,GACbR,IAAQM,EAAW,SAAS,KAC9BC,EAAO;AAAA,UACL,gBAAAH,EAAC,QAAwB,WAAW,qBAAqBP,CAAgB,yBACtE,UAAAJ,EAAA,GADM,OAAOO,CAAK,EAErB;AAAA,QAAA;AAAA,MAGN,CAAC,GACMO;AAAA,IACT;AAEA,WAAOhB;AAAA,EACT,GAGMkB,IAAWb,IACb,8CAA8CF,CAAS,KACvD,uBAAuBA,CAAS;AAEpC,SACE,gBAAAU,EAAC,OAAA,EAAI,WAAWK,GAAW,GAAGd,GAC5B,UAAA,gBAAAS,EAAC,MAAA,EAAI,UAAAC,EAAA,EAAe,CAAE,EAAA,CACxB;AAEJ;AAEA,SAASK,EAAe,EAAE,UAAAnB,GAAU,MAAAoB,GAAM,SAAAC,GAAS,MAAAC,GAAM,WAAAnB,IAAY,IAAI,GAAGC,KAA6B;AACvG,QAAMmB,IAAUD,IACd,gBAAAX,EAAC,QAAA,EAAK,WAAU,kCACb,UAAA;AAAA,IAAAW;AAAA,IACAtB;AAAA,EAAA,EAAA,CACH,IACEA;AAEJ,SAAIoB,KAAQC,IAER,gBAAAR,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAC5B,4BAAC,KAAA,EAAE,MAAAgB,GAAY,SAAAC,GACZ,UAAAE,EAAA,CACH,EAAA,CACF,IAIG,gBAAAV,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAAO,UAAAmB,GAAQ;AACtD;AAEO,MAAMC,IAAa,OAAO,OAAOzB,GAAgB;AAAA,EACtD,MAAMoB;AACR,CAAC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.11",
+  "version": "0.12.13",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {