asterui 0.12.48 → 0.12.50

package/dist/components/Tag.js

@@ -1,27 +1,27 @@
-import { jsx as n, jsxs as j, Fragment as $ } from "react/jsx-runtime";
-import { forwardRef as I, useState as M } from "react";
-const p = {
-  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"
-}, L = {
-  xs: "badge-xs text-xs",
-  sm: "badge-sm text-sm",
-  md: "badge-md",
-  lg: "badge-lg text-lg",
-  xl: "badge-xl text-xl"
-}, z = {
+import { jsx as s, jsxs as X, Fragment as q } from "react/jsx-runtime";
+import { forwardRef as G, useState as H } from "react";
+const P = "badge", y = "badge-primary", B = "badge-secondary", C = "badge-accent", x = "badge-neutral", k = "badge-info", w = "badge-success", N = "badge-warning", T = "badge-error", D = "badge-ghost", J = "badge-xs", Q = "badge-sm", U = "badge-md", Y = "badge-lg", Z = "badge-xl", e = "badge-outline", _ = "badge-soft", ee = "badge-dash", te = "btn", oe = "btn-ghost", ae = "btn-xs", p = {
+  primary: y,
+  secondary: B,
+  accent: C,
+  neutral: x,
+  info: k,
+  success: w,
+  warning: N,
+  error: T,
+  ghost: D
+}, W = {
+  xs: `${J} text-xs`,
+  sm: `${Q} text-sm`,
+  md: U,
+  lg: `${Y} text-lg`,
+  xl: `${Z} text-xl`
+}, ne = {
   filled: "",
-  outlined: "badge-outline",
-  soft: "badge-soft",
-  dash: "badge-dash"
-}, H = () => /* @__PURE__ */ n(
+  outlined: e,
+  soft: _,
+  dash: ee
+}, ue = () => /* @__PURE__ */ s(
   "div",
   {
     id: "tag-live-region",
@@ -31,58 +31,58 @@ const p = {
     className: "sr-only",
     style: { position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", border: 0 }
   }
-), F = (t) => {
-  const s = document.getElementById("tag-live-region");
-  s && (s.textContent = `${t} removed`, setTimeout(() => {
-    s.textContent = "";
+), se = (a) => {
+  const r = document.getElementById("tag-live-region");
+  r && (r.textContent = `${a} removed`, setTimeout(() => {
+    r.textContent = "";
   }, 1e3));
-}, P = I(
+}, re = G(
   ({
-    closable: t = !1,
-    closeIcon: s,
-    onClose: c,
-    color: a,
-    icon: i,
-    size: o = "md",
-    variant: h = "filled",
-    visible: u,
-    disabled: e = !1,
-    href: l,
-    target: v,
-    children: d,
-    className: b = "",
-    "data-testid": f,
+    closable: a = !1,
+    closeIcon: r,
+    onClose: u,
+    color: o,
+    icon: d,
+    size: n = "md",
+    variant: f = "filled",
+    visible: h,
+    disabled: t = !1,
+    href: c,
+    target: b,
+    children: l,
+    className: v = "",
+    "data-testid": m,
     "aria-label": g,
-    ...y
-  }, C) => {
-    const [B, R] = M(!0), x = u !== void 0, E = x ? u : B, m = f ?? "tag", k = g ?? (typeof d == "string" ? d : "tag"), w = (r) => {
-      r.stopPropagation(), r.preventDefault(), !e && (x || R(!1), F(k), c?.());
-    }, K = (r) => {
-      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), w(r));
+    ...S
+  }, I) => {
+    const [z, A] = H(!0), L = h !== void 0, F = L ? h : z, $ = m ?? "tag", j = g ?? (typeof l == "string" ? l : "tag"), E = (i) => {
+      i.stopPropagation(), i.preventDefault(), !t && (L || A(!1), se(j), u?.());
+    }, O = (i) => {
+      (i.key === "Enter" || i.key === " ") && (i.preventDefault(), E(i));
     };
-    if (!E) return null;
-    const S = a && p[a] ? p[a] : "", N = a && !p[a] ? { backgroundColor: a, borderColor: a } : void 0, T = [
-      "badge gap-1 inline-flex items-center",
-      S,
-      L[o],
-      z[h],
-      e && "opacity-50 cursor-not-allowed",
-      l && !e && "cursor-pointer hover:opacity-80",
-      b
-    ].filter(Boolean).join(" "), D = /* @__PURE__ */ j($, { children: [
-      i && /* @__PURE__ */ n("span", { className: "inline-flex", children: i }),
-      d,
-      t && /* @__PURE__ */ n(
+    if (!F) return null;
+    const V = o && p[o] ? p[o] : "", R = o && !p[o] ? { backgroundColor: o, borderColor: o } : void 0, K = [
+      `${P} gap-1 inline-flex items-center`,
+      V,
+      W[n],
+      ne[f],
+      t && "opacity-50 cursor-not-allowed",
+      c && !t && "cursor-pointer hover:opacity-80",
+      v
+    ].filter(Boolean).join(" "), M = /* @__PURE__ */ X(q, { children: [
+      d && /* @__PURE__ */ s("span", { className: "inline-flex", children: d }),
+      l,
+      a && /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: w,
-          onKeyDown: K,
-          disabled: e,
-          className: "btn btn-ghost btn-xs p-0 min-h-0 h-auto hover:bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-1 rounded",
-          "aria-label": `Remove ${k}`,
-          "data-testid": `${m}-close`,
-          children: s || /* @__PURE__ */ n(
+          onClick: E,
+          onKeyDown: O,
+          disabled: t,
+          className: `${te} ${oe} ${ae} p-0 min-h-0 h-auto hover:bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-1 rounded`,
+          "aria-label": `Remove ${j}`,
+          "data-testid": `${$}-close`,
+          children: r || /* @__PURE__ */ s(
             "svg",
             {
               className: "w-3 h-3",
@@ -90,7 +90,7 @@ const p = {
               stroke: "currentColor",
               viewBox: "0 0 24 24",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ n(
+              children: /* @__PURE__ */ s(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -104,107 +104,107 @@ const p = {
         }
       )
     ] });
-    return l && !e ? /* @__PURE__ */ n(
+    return c && !t ? /* @__PURE__ */ s(
       "a",
       {
-        ref: C,
-        href: l,
-        target: v,
-        className: T,
-        style: N,
-        "data-testid": m,
-        "data-disabled": e || void 0,
-        ...y,
-        children: D
+        ref: I,
+        href: c,
+        target: b,
+        className: K,
+        style: R,
+        "data-testid": $,
+        "data-disabled": t || void 0,
+        ...S,
+        children: M
       }
-    ) : /* @__PURE__ */ n(
+    ) : /* @__PURE__ */ s(
       "span",
       {
-        ref: C,
-        className: T,
-        style: N,
-        "data-testid": m,
-        "data-disabled": e || void 0,
-        "aria-disabled": e || void 0,
-        ...y,
-        children: D
+        ref: I,
+        className: K,
+        style: R,
+        "data-testid": $,
+        "data-disabled": t || void 0,
+        "aria-disabled": t || void 0,
+        ...S,
+        children: M
       }
     );
   }
 );
-P.displayName = "Tag";
-const V = {
-  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"
-}, W = {
-  primary: "badge-outline hover:badge-primary hover:badge-outline",
-  secondary: "badge-outline hover:badge-secondary hover:badge-outline",
-  accent: "badge-outline hover:badge-accent hover:badge-outline",
-  neutral: "badge-outline hover:badge-neutral hover:badge-outline",
-  info: "badge-outline hover:badge-info hover:badge-outline",
-  success: "badge-outline hover:badge-success hover:badge-outline",
-  warning: "badge-outline hover:badge-warning hover:badge-outline",
-  error: "badge-outline hover:badge-error hover:badge-outline",
-  ghost: "badge-outline hover:badge-ghost hover:badge-outline"
-}, q = I(
+re.displayName = "Tag";
+const ie = {
+  primary: y,
+  secondary: B,
+  accent: C,
+  neutral: x,
+  info: k,
+  success: w,
+  warning: N,
+  error: T,
+  ghost: D
+}, de = {
+  primary: `${e} hover:${y} hover:${e}`,
+  secondary: `${e} hover:${B} hover:${e}`,
+  accent: `${e} hover:${C} hover:${e}`,
+  neutral: `${e} hover:${x} hover:${e}`,
+  info: `${e} hover:${k} hover:${e}`,
+  success: `${e} hover:${w} hover:${e}`,
+  warning: `${e} hover:${N} hover:${e}`,
+  error: `${e} hover:${T} hover:${e}`,
+  ghost: `${e} hover:${D} hover:${e}`
+}, ce = G(
   ({
-    checked: t = !1,
-    onChange: s,
-    icon: c,
-    size: a = "md",
-    color: i = "primary",
-    disabled: o = !1,
-    children: h,
-    className: u = "",
-    "data-testid": e,
-    ...l
-  }, v) => {
-    const d = e ?? "checkable-tag", b = () => {
-      o || s?.(!t);
-    }, f = [
-      "badge gap-1 cursor-pointer transition-colors",
+    checked: a = !1,
+    onChange: r,
+    icon: u,
+    size: o = "md",
+    color: d = "primary",
+    disabled: n = !1,
+    children: f,
+    className: h = "",
+    "data-testid": t,
+    ...c
+  }, b) => {
+    const l = t ?? "checkable-tag", v = () => {
+      n || r?.(!a);
+    }, m = [
+      `${P} gap-1 cursor-pointer transition-colors`,
       "focus:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-2",
-      L[a],
-      t ? V[i] : W[i],
-      o && "opacity-50 cursor-not-allowed",
-      u
+      W[o],
+      a ? ie[d] : de[d],
+      n && "opacity-50 cursor-not-allowed",
+      h
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ j(
+    return /* @__PURE__ */ X(
       "span",
       {
-        ref: v,
-        className: f,
-        onClick: b,
+        ref: b,
+        className: m,
+        onClick: v,
         role: "checkbox",
-        "aria-checked": t,
-        "aria-disabled": o || void 0,
-        tabIndex: o ? -1 : 0,
+        "aria-checked": a,
+        "aria-disabled": n || void 0,
+        tabIndex: n ? -1 : 0,
         onKeyDown: (g) => {
-          o || (g.key === "Enter" || g.key === " ") && (g.preventDefault(), b());
+          n || (g.key === "Enter" || g.key === " ") && (g.preventDefault(), v());
         },
-        "data-testid": d,
-        "data-state": t ? "checked" : "unchecked",
-        "data-disabled": o || void 0,
-        ...l,
+        "data-testid": l,
+        "data-state": a ? "checked" : "unchecked",
+        "data-disabled": n || void 0,
+        ...c,
         children: [
-          c && /* @__PURE__ */ n("span", { className: "inline-flex", children: c }),
-          h
+          u && /* @__PURE__ */ s("span", { className: "inline-flex", children: u }),
+          f
         ]
       }
     );
   }
 );
-q.displayName = "CheckableTag";
+ce.displayName = "CheckableTag";
 export {
-  q as CheckableTag,
-  P as Tag,
-  H as TagLiveRegion
+  ce as CheckableTag,
+  re as Tag,
+  ue as TagLiveRegion
 };
 //# sourceMappingURL=Tag.js.map

package/dist/components/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../src/components/Tag.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react'\n\nexport type TagSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TagColor =\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'ghost'\n\nexport type TagVariant = 'filled' | 'outlined' | 'soft' | 'dash'\n\nexport interface TagProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {\n  closable?: boolean\n  closeIcon?: React.ReactNode\n  onClose?: () => void\n  color?: TagColor | string\n  icon?: React.ReactNode\n  size?: TagSize\n  variant?: TagVariant\n  visible?: boolean\n  disabled?: boolean\n  href?: string\n  target?: string\n  children?: React.ReactNode\n  'data-testid'?: string\n  'aria-label'?: string\n}\n\nexport interface CheckableTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange' | 'color'> {\n  checked?: boolean\n  onChange?: (checked: boolean) => void\n  icon?: React.ReactNode\n  size?: TagSize\n  color?: TagColor\n  disabled?: boolean\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nconst colorClasses: 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\nconst sizeClasses: Record<TagSize, string> = {\n  xs: 'badge-xs text-xs',\n  sm: 'badge-sm text-sm',\n  md: 'badge-md',\n  lg: 'badge-lg text-lg',\n  xl: 'badge-xl text-xl',\n}\n\nconst variantClasses: Record<TagVariant, string> = {\n  filled: '',\n  outlined: 'badge-outline',\n  soft: 'badge-soft',\n  dash: 'badge-dash',\n}\n\nconst TagLiveRegion: React.FC = () => (\n  <div\n    id=\"tag-live-region\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-atomic=\"true\"\n    className=\"sr-only\"\n    style={{ position: 'absolute', width: 1, height: 1, padding: 0, margin: -1, overflow: 'hidden', clip: 'rect(0, 0, 0, 0)', whiteSpace: 'nowrap', border: 0 }}\n  />\n)\n\nconst announceTagRemoval = (label: string) => {\n  const region = document.getElementById('tag-live-region')\n  if (region) {\n    region.textContent = `${label} removed`\n    setTimeout(() => {\n      region.textContent = ''\n    }, 1000)\n  }\n}\n\nexport const Tag = forwardRef<HTMLElement, TagProps>(\n  (\n    {\n      closable = false,\n      closeIcon,\n      onClose,\n      color,\n      icon,\n      size = 'md',\n      variant = 'filled',\n      visible: controlledVisible,\n      disabled = false,\n      href,\n      target,\n      children,\n      className = '',\n      'data-testid': testId,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref\n  ) => {\n    const [internalVisible, setInternalVisible] = useState(true)\n    const isControlled = controlledVisible !== undefined\n    const visible = isControlled ? controlledVisible : internalVisible\n    const baseTestId = testId ?? 'tag'\n    const tagLabel = ariaLabel ?? (typeof children === 'string' ? children : 'tag')\n\n    const handleClose = (e: React.MouseEvent) => {\n      e.stopPropagation()\n      e.preventDefault()\n      if (disabled) return\n      if (!isControlled) {\n        setInternalVisible(false)\n      }\n      announceTagRemoval(tagLabel)\n      onClose?.()\n    }\n\n    const handleCloseKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        handleClose(e as unknown as React.MouseEvent)\n      }\n    }\n\n    if (!visible) return null\n\n    const colorClass = color && colorClasses[color] ? colorClasses[color] : ''\n    const customColorStyle =\n      color && !colorClasses[color] ? { backgroundColor: color, borderColor: color } : undefined\n\n    const tagClasses = [\n      'badge gap-1 inline-flex items-center',\n      colorClass,\n      sizeClasses[size],\n      variantClasses[variant],\n      disabled && 'opacity-50 cursor-not-allowed',\n      href && !disabled && 'cursor-pointer hover:opacity-80',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const content = (\n      <>\n        {icon && <span className=\"inline-flex\">{icon}</span>}\n        {children}\n        {closable && (\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            onKeyDown={handleCloseKeyDown}\n            disabled={disabled}\n            className=\"btn btn-ghost btn-xs p-0 min-h-0 h-auto hover:bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-1 rounded\"\n            aria-label={`Remove ${tagLabel}`}\n            data-testid={`${baseTestId}-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                aria-hidden=\"true\"\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      </>\n    )\n\n    if (href && !disabled) {\n      return (\n        <a\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={href}\n          target={target}\n          className={tagClasses}\n          style={customColorStyle}\n          data-testid={baseTestId}\n          data-disabled={disabled || undefined}\n          {...rest}\n        >\n          {content}\n        </a>\n      )\n    }\n\n    return (\n      <span\n        ref={ref as React.Ref<HTMLSpanElement>}\n        className={tagClasses}\n        style={customColorStyle}\n        data-testid={baseTestId}\n        data-disabled={disabled || undefined}\n        aria-disabled={disabled || undefined}\n        {...rest}\n      >\n        {content}\n      </span>\n    )\n  }\n)\n\nTag.displayName = 'Tag'\n\nconst checkedColorClasses: Record<TagColor, 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\nconst uncheckedColorClasses: Record<TagColor, string> = {\n  primary: 'badge-outline hover:badge-primary hover:badge-outline',\n  secondary: 'badge-outline hover:badge-secondary hover:badge-outline',\n  accent: 'badge-outline hover:badge-accent hover:badge-outline',\n  neutral: 'badge-outline hover:badge-neutral hover:badge-outline',\n  info: 'badge-outline hover:badge-info hover:badge-outline',\n  success: 'badge-outline hover:badge-success hover:badge-outline',\n  warning: 'badge-outline hover:badge-warning hover:badge-outline',\n  error: 'badge-outline hover:badge-error hover:badge-outline',\n  ghost: 'badge-outline hover:badge-ghost hover:badge-outline',\n}\n\nexport const CheckableTag = forwardRef<HTMLSpanElement, CheckableTagProps>(\n  (\n    {\n      checked = false,\n      onChange,\n      icon,\n      size = 'md',\n      color = 'primary',\n      disabled = false,\n      children,\n      className = '',\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const baseTestId = testId ?? 'checkable-tag'\n\n    const handleClick = () => {\n      if (disabled) return\n      onChange?.(!checked)\n    }\n\n    const tagClasses = [\n      'badge gap-1 cursor-pointer transition-colors',\n      'focus:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-2',\n      sizeClasses[size],\n      checked ? checkedColorClasses[color] : uncheckedColorClasses[color],\n      disabled && 'opacity-50 cursor-not-allowed',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <span\n        ref={ref}\n        className={tagClasses}\n        onClick={handleClick}\n        role=\"checkbox\"\n        aria-checked={checked}\n        aria-disabled={disabled || undefined}\n        tabIndex={disabled ? -1 : 0}\n        onKeyDown={(e) => {\n          if (disabled) return\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            handleClick()\n          }\n        }}\n        data-testid={baseTestId}\n        data-state={checked ? 'checked' : 'unchecked'}\n        data-disabled={disabled || undefined}\n        {...rest}\n      >\n        {icon && <span className=\"inline-flex\">{icon}</span>}\n        {children}\n      </span>\n    )\n  }\n)\n\nCheckableTag.displayName = 'CheckableTag'\n\nexport { TagLiveRegion }\n"],"names":["colorClasses","sizeClasses","variantClasses","TagLiveRegion","jsx","announceTagRemoval","label","region","Tag","forwardRef","closable","closeIcon","onClose","color","icon","size","variant","controlledVisible","disabled","href","target","children","className","testId","ariaLabel","rest","ref","internalVisible","setInternalVisible","useState","isControlled","visible","baseTestId","tagLabel","handleClose","e","handleCloseKeyDown","colorClass","customColorStyle","tagClasses","content","jsxs","Fragment","checkedColorClasses","uncheckedColorClasses","CheckableTag","checked","onChange","handleClick"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../src/components/Tag.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react'\n\n// DaisyUI classes\nconst dBadge = 'badge'\nconst dBadgePrimary = 'badge-primary'\nconst dBadgeSecondary = 'badge-secondary'\nconst dBadgeAccent = 'badge-accent'\nconst dBadgeNeutral = 'badge-neutral'\nconst dBadgeInfo = 'badge-info'\nconst dBadgeSuccess = 'badge-success'\nconst dBadgeWarning = 'badge-warning'\nconst dBadgeError = 'badge-error'\nconst dBadgeGhost = 'badge-ghost'\nconst dBadgeXs = 'badge-xs'\nconst dBadgeSm = 'badge-sm'\nconst dBadgeMd = 'badge-md'\nconst dBadgeLg = 'badge-lg'\nconst dBadgeXl = 'badge-xl'\nconst dBadgeOutline = 'badge-outline'\nconst dBadgeSoft = 'badge-soft'\nconst dBadgeDash = 'badge-dash'\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnXs = 'btn-xs'\n\nexport type TagSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TagColor =\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'ghost'\n\nexport type TagVariant = 'filled' | 'outlined' | 'soft' | 'dash'\n\nexport interface TagProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {\n  closable?: boolean\n  closeIcon?: React.ReactNode\n  onClose?: () => void\n  color?: TagColor | string\n  icon?: React.ReactNode\n  size?: TagSize\n  variant?: TagVariant\n  visible?: boolean\n  disabled?: boolean\n  href?: string\n  target?: string\n  children?: React.ReactNode\n  'data-testid'?: string\n  'aria-label'?: string\n}\n\nexport interface CheckableTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange' | 'color'> {\n  checked?: boolean\n  onChange?: (checked: boolean) => void\n  icon?: React.ReactNode\n  size?: TagSize\n  color?: TagColor\n  disabled?: boolean\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nconst colorClasses: Record<string, string> = {\n  primary: dBadgePrimary,\n  secondary: dBadgeSecondary,\n  accent: dBadgeAccent,\n  neutral: dBadgeNeutral,\n  info: dBadgeInfo,\n  success: dBadgeSuccess,\n  warning: dBadgeWarning,\n  error: dBadgeError,\n  ghost: dBadgeGhost,\n}\n\nconst sizeClasses: Record<TagSize, string> = {\n  xs: `${dBadgeXs} text-xs`,\n  sm: `${dBadgeSm} text-sm`,\n  md: dBadgeMd,\n  lg: `${dBadgeLg} text-lg`,\n  xl: `${dBadgeXl} text-xl`,\n}\n\nconst variantClasses: Record<TagVariant, string> = {\n  filled: '',\n  outlined: dBadgeOutline,\n  soft: dBadgeSoft,\n  dash: dBadgeDash,\n}\n\nconst TagLiveRegion: React.FC = () => (\n  <div\n    id=\"tag-live-region\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-atomic=\"true\"\n    className=\"sr-only\"\n    style={{ position: 'absolute', width: 1, height: 1, padding: 0, margin: -1, overflow: 'hidden', clip: 'rect(0, 0, 0, 0)', whiteSpace: 'nowrap', border: 0 }}\n  />\n)\n\nconst announceTagRemoval = (label: string) => {\n  const region = document.getElementById('tag-live-region')\n  if (region) {\n    region.textContent = `${label} removed`\n    setTimeout(() => {\n      region.textContent = ''\n    }, 1000)\n  }\n}\n\nexport const Tag = forwardRef<HTMLElement, TagProps>(\n  (\n    {\n      closable = false,\n      closeIcon,\n      onClose,\n      color,\n      icon,\n      size = 'md',\n      variant = 'filled',\n      visible: controlledVisible,\n      disabled = false,\n      href,\n      target,\n      children,\n      className = '',\n      'data-testid': testId,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref\n  ) => {\n    const [internalVisible, setInternalVisible] = useState(true)\n    const isControlled = controlledVisible !== undefined\n    const visible = isControlled ? controlledVisible : internalVisible\n    const baseTestId = testId ?? 'tag'\n    const tagLabel = ariaLabel ?? (typeof children === 'string' ? children : 'tag')\n\n    const handleClose = (e: React.MouseEvent) => {\n      e.stopPropagation()\n      e.preventDefault()\n      if (disabled) return\n      if (!isControlled) {\n        setInternalVisible(false)\n      }\n      announceTagRemoval(tagLabel)\n      onClose?.()\n    }\n\n    const handleCloseKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        handleClose(e as unknown as React.MouseEvent)\n      }\n    }\n\n    if (!visible) return null\n\n    const colorClass = color && colorClasses[color] ? colorClasses[color] : ''\n    const customColorStyle =\n      color && !colorClasses[color] ? { backgroundColor: color, borderColor: color } : undefined\n\n    const tagClasses = [\n      `${dBadge} gap-1 inline-flex items-center`,\n      colorClass,\n      sizeClasses[size],\n      variantClasses[variant],\n      disabled && 'opacity-50 cursor-not-allowed',\n      href && !disabled && 'cursor-pointer hover:opacity-80',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const content = (\n      <>\n        {icon && <span className=\"inline-flex\">{icon}</span>}\n        {children}\n        {closable && (\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            onKeyDown={handleCloseKeyDown}\n            disabled={disabled}\n            className={`${dBtn} ${dBtnGhost} ${dBtnXs} p-0 min-h-0 h-auto hover:bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-1 rounded`}\n            aria-label={`Remove ${tagLabel}`}\n            data-testid={`${baseTestId}-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                aria-hidden=\"true\"\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      </>\n    )\n\n    if (href && !disabled) {\n      return (\n        <a\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={href}\n          target={target}\n          className={tagClasses}\n          style={customColorStyle}\n          data-testid={baseTestId}\n          data-disabled={disabled || undefined}\n          {...rest}\n        >\n          {content}\n        </a>\n      )\n    }\n\n    return (\n      <span\n        ref={ref as React.Ref<HTMLSpanElement>}\n        className={tagClasses}\n        style={customColorStyle}\n        data-testid={baseTestId}\n        data-disabled={disabled || undefined}\n        aria-disabled={disabled || undefined}\n        {...rest}\n      >\n        {content}\n      </span>\n    )\n  }\n)\n\nTag.displayName = 'Tag'\n\nconst checkedColorClasses: Record<TagColor, string> = {\n  primary: dBadgePrimary,\n  secondary: dBadgeSecondary,\n  accent: dBadgeAccent,\n  neutral: dBadgeNeutral,\n  info: dBadgeInfo,\n  success: dBadgeSuccess,\n  warning: dBadgeWarning,\n  error: dBadgeError,\n  ghost: dBadgeGhost,\n}\n\nconst uncheckedColorClasses: Record<TagColor, string> = {\n  primary: `${dBadgeOutline} hover:${dBadgePrimary} hover:${dBadgeOutline}`,\n  secondary: `${dBadgeOutline} hover:${dBadgeSecondary} hover:${dBadgeOutline}`,\n  accent: `${dBadgeOutline} hover:${dBadgeAccent} hover:${dBadgeOutline}`,\n  neutral: `${dBadgeOutline} hover:${dBadgeNeutral} hover:${dBadgeOutline}`,\n  info: `${dBadgeOutline} hover:${dBadgeInfo} hover:${dBadgeOutline}`,\n  success: `${dBadgeOutline} hover:${dBadgeSuccess} hover:${dBadgeOutline}`,\n  warning: `${dBadgeOutline} hover:${dBadgeWarning} hover:${dBadgeOutline}`,\n  error: `${dBadgeOutline} hover:${dBadgeError} hover:${dBadgeOutline}`,\n  ghost: `${dBadgeOutline} hover:${dBadgeGhost} hover:${dBadgeOutline}`,\n}\n\nexport const CheckableTag = forwardRef<HTMLSpanElement, CheckableTagProps>(\n  (\n    {\n      checked = false,\n      onChange,\n      icon,\n      size = 'md',\n      color = 'primary',\n      disabled = false,\n      children,\n      className = '',\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const baseTestId = testId ?? 'checkable-tag'\n\n    const handleClick = () => {\n      if (disabled) return\n      onChange?.(!checked)\n    }\n\n    const tagClasses = [\n      `${dBadge} gap-1 cursor-pointer transition-colors`,\n      'focus:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-2',\n      sizeClasses[size],\n      checked ? checkedColorClasses[color] : uncheckedColorClasses[color],\n      disabled && 'opacity-50 cursor-not-allowed',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <span\n        ref={ref}\n        className={tagClasses}\n        onClick={handleClick}\n        role=\"checkbox\"\n        aria-checked={checked}\n        aria-disabled={disabled || undefined}\n        tabIndex={disabled ? -1 : 0}\n        onKeyDown={(e) => {\n          if (disabled) return\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            handleClick()\n          }\n        }}\n        data-testid={baseTestId}\n        data-state={checked ? 'checked' : 'unchecked'}\n        data-disabled={disabled || undefined}\n        {...rest}\n      >\n        {icon && <span className=\"inline-flex\">{icon}</span>}\n        {children}\n      </span>\n    )\n  }\n)\n\nCheckableTag.displayName = 'CheckableTag'\n\nexport { TagLiveRegion }\n"],"names":["dBadge","dBadgePrimary","dBadgeSecondary","dBadgeAccent","dBadgeNeutral","dBadgeInfo","dBadgeSuccess","dBadgeWarning","dBadgeError","dBadgeGhost","dBadgeXs","dBadgeSm","dBadgeMd","dBadgeLg","dBadgeXl","dBadgeOutline","dBadgeSoft","dBadgeDash","dBtn","dBtnGhost","dBtnXs","colorClasses","sizeClasses","variantClasses","TagLiveRegion","jsx","announceTagRemoval","label","region","Tag","forwardRef","closable","closeIcon","onClose","color","icon","size","variant","controlledVisible","disabled","href","target","children","className","testId","ariaLabel","rest","ref","internalVisible","setInternalVisible","useState","isControlled","visible","baseTestId","tagLabel","handleClose","e","handleCloseKeyDown","colorClass","customColorStyle","tagClasses","content","jsxs","Fragment","checkedColorClasses","uncheckedColorClasses","CheckableTag","checked","onChange","handleClick"],"mappings":"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"}

package/dist/components/TextRotate.js

@@ -1,26 +1,26 @@
 import { jsx as t } from "react/jsx-runtime";
-const c = {
+const c = "text-rotate", d = {
   6e3: "duration-6000",
   9e3: "duration-9000",
   12e3: "duration-12000",
   15e3: "duration-15000",
   18e3: "duration-18000"
-}, l = ({
+}, u = ({
   items: s,
   duration: e,
   centered: a = !1,
   className: n = ""
 }) => {
-  const r = e ? c[e] : "";
+  const r = e ? d[e] : "";
   return /* @__PURE__ */ t(
     "span",
     {
-      className: `text-rotate ${r} ${a ? "justify-items-center" : ""} ${n}`.trim(),
-      children: /* @__PURE__ */ t("span", { children: s.slice(0, 6).map((i, o) => /* @__PURE__ */ t("span", { children: i }, o)) })
+      className: `${c} ${r} ${a ? "justify-items-center" : ""} ${n}`.trim(),
+      children: /* @__PURE__ */ t("span", { children: s.slice(0, 6).map((o, i) => /* @__PURE__ */ t("span", { children: o }, i)) })
     }
   );
 };
 export {
-  l as TextRotate
+  u as TextRotate
 };
 //# sourceMappingURL=TextRotate.js.map

package/dist/components/TextRotate.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextRotate.js","sources":["../../src/components/TextRotate.tsx"],"sourcesContent":["import React from 'react'\n\nexport type TextRotateDuration = 6000 | 9000 | 12000 | 15000 | 18000\n\nconst durationClasses: Record<TextRotateDuration, string> = {\n  6000: 'duration-6000',\n  9000: 'duration-9000',\n  12000: 'duration-12000',\n  15000: 'duration-15000',\n  18000: 'duration-18000',\n}\n\nexport interface TextRotateProps {\n  /** Text items to rotate through (max 6) */\n  items: React.ReactNode[]\n  /** Animation duration in ms (default 10000) */\n  duration?: TextRotateDuration\n  /** Center text horizontally */\n  centered?: boolean\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const TextRotate: React.FC<TextRotateProps> = ({\n  items,\n  duration,\n  centered = false,\n  className = '',\n}) => {\n  const durationClass = duration ? durationClasses[duration] : ''\n\n  return (\n    <span\n      className={`text-rotate ${durationClass} ${centered ? 'justify-items-center' : ''} ${className}`.trim()}\n    >\n      <span>\n        {items.slice(0, 6).map((item, index) => (\n          <span key={index}>{item}</span>\n        ))}\n      </span>\n    </span>\n  )\n}\n"],"names":["durationClasses","TextRotate","items","duration","centered","className","durationClass","jsx","item","index"],"mappings":";AAIA,MAAMA,IAAsD;AAAA,EAC1D,KAAM;AAAA,EACN,KAAM;AAAA,EACN,MAAO;AAAA,EACP,MAAO;AAAA,EACP,MAAO;AACT,GAaaC,IAAwC,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAgBH,IAAWH,EAAgBG,CAAQ,IAAI;AAE7D,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,eAAeD,CAAa,IAAIF,IAAW,yBAAyB,EAAE,IAAIC,CAAS,GAAG,KAAA;AAAA,MAEjG,4BAAC,QAAA,EACE,UAAAH,EAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAACM,GAAMC,MAC5B,gBAAAF,EAAC,QAAA,EAAkB,UAAAC,EAAA,GAARC,CAAa,CACzB,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TextRotate.js","sources":["../../src/components/TextRotate.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dTextRotate = 'text-rotate'\n\nexport type TextRotateDuration = 6000 | 9000 | 12000 | 15000 | 18000\n\nconst durationClasses: Record<TextRotateDuration, string> = {\n  6000: 'duration-6000',\n  9000: 'duration-9000',\n  12000: 'duration-12000',\n  15000: 'duration-15000',\n  18000: 'duration-18000',\n}\n\nexport interface TextRotateProps {\n  /** Text items to rotate through (max 6) */\n  items: React.ReactNode[]\n  /** Animation duration in ms (default 10000) */\n  duration?: TextRotateDuration\n  /** Center text horizontally */\n  centered?: boolean\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const TextRotate: React.FC<TextRotateProps> = ({\n  items,\n  duration,\n  centered = false,\n  className = '',\n}) => {\n  const durationClass = duration ? durationClasses[duration] : ''\n\n  return (\n    <span\n      className={`${dTextRotate} ${durationClass} ${centered ? 'justify-items-center' : ''} ${className}`.trim()}\n    >\n      <span>\n        {items.slice(0, 6).map((item, index) => (\n          <span key={index}>{item}</span>\n        ))}\n      </span>\n    </span>\n  )\n}\n"],"names":["dTextRotate","durationClasses","TextRotate","items","duration","centered","className","durationClass","jsx","item","index"],"mappings":";AAGA,MAAMA,IAAc,eAIdC,IAAsD;AAAA,EAC1D,KAAM;AAAA,EACN,KAAM;AAAA,EACN,MAAO;AAAA,EACP,MAAO;AAAA,EACP,MAAO;AACT,GAaaC,IAAwC,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAgBH,IAAWH,EAAgBG,CAAQ,IAAI;AAE7D,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGR,CAAW,IAAIO,CAAa,IAAIF,IAAW,yBAAyB,EAAE,IAAIC,CAAS,GAAG,KAAA;AAAA,MAEpG,4BAAC,QAAA,EACE,UAAAH,EAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAACM,GAAMC,MAC5B,gBAAAF,EAAC,QAAA,EAAkB,UAAAC,EAAA,GAARC,CAAa,CACzB,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Textarea.js

@@ -1,43 +1,44 @@
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-const f = i(
+import { forwardRef as T } from "react";
+import { useConfig as f } from "./ConfigProvider.js";
+const u = "textarea", g = "textarea-bordered", p = "textarea-ghost", y = "textarea-xs", S = "textarea-sm", w = "textarea-md", C = "textarea-lg", z = "textarea-xl", N = "textarea-neutral", h = "textarea-primary", j = "textarea-secondary", B = "textarea-accent", X = "textarea-info", b = "textarea-success", v = "textarea-warning", A = "textarea-error", E = T(
   ({
-    size: e,
-    color: a,
-    ghost: t = !1,
-    bordered: r = !0,
-    className: s = "",
-    ...x
-  }, o) => {
-    const n = {
-      xs: "textarea-xs",
-      sm: "textarea-sm",
-      md: "textarea-md",
-      lg: "textarea-lg",
-      xl: "textarea-xl"
-    }, l = {
-      neutral: "textarea-neutral",
-      primary: "textarea-primary",
-      secondary: "textarea-secondary",
-      accent: "textarea-accent",
-      info: "textarea-info",
-      success: "textarea-success",
-      warning: "textarea-warning",
-      error: "textarea-error"
-    }, c = [
-      "textarea",
+    size: t,
+    color: e,
+    ghost: r = !1,
+    bordered: s = !0,
+    className: o = "",
+    ...n
+  }, x) => {
+    const { componentSize: c } = f(), a = t ?? c ?? "md", d = {
+      xs: y,
+      sm: S,
+      md: w,
+      lg: C,
+      xl: z
+    }, i = {
+      neutral: N,
+      primary: h,
+      secondary: j,
+      accent: B,
+      info: X,
+      success: b,
+      warning: v,
+      error: A
+    }, l = [
+      u,
       "w-full",
-      r && "textarea-bordered",
-      t && "textarea-ghost",
-      e && n[e],
-      a && l[a],
-      s
+      s && g,
+      r && p,
+      a && d[a],
+      e && i[e],
+      o
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ m("textarea", { ref: o, className: c, ...x });
+    return /* @__PURE__ */ m("textarea", { ref: x, className: l, ...n });
   }
 );
-f.displayName = "Textarea";
+E.displayName = "Textarea";
 export {
-  f as Textarea
+  E as Textarea
 };
 //# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../src/components/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      size,\n      color,\n      ghost = false,\n      bordered = true,\n      className = '',\n      ...props\n    },\n    ref\n  ) => {\n    const sizeClasses = {\n      xs: 'textarea-xs',\n      sm: 'textarea-sm',\n      md: 'textarea-md',\n      lg: 'textarea-lg',\n      xl: 'textarea-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'textarea-neutral',\n      primary: 'textarea-primary',\n      secondary: 'textarea-secondary',\n      accent: 'textarea-accent',\n      info: 'textarea-info',\n      success: 'textarea-success',\n      warning: 'textarea-warning',\n      error: 'textarea-error',\n    }\n\n    const textareaClasses = [\n      'textarea',\n      'w-full',\n      bordered && 'textarea-bordered',\n      ghost && 'textarea-ghost',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return <textarea ref={ref} className={textareaClasses} {...props} />\n  }\n)\n\nTextarea.displayName = 'Textarea'\n"],"names":["Textarea","forwardRef","size","color","ghost","bordered","className","props","ref","sizeClasses","colorClasses","textareaClasses"],"mappings":";;AAUO,MAAMA,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;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,GAGHC,IAAkB;AAAA,MACtB;AAAA,MACA;AAAA,MACAN,KAAY;AAAA,MACZD,KAAS;AAAA,MACTF,KAAQO,EAAYP,CAAI;AAAA,MACxBC,KAASO,EAAaP,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BAAQ,YAAA,EAAS,KAAAE,GAAU,WAAWG,GAAkB,GAAGJ,GAAO;AAAA,EACpE;AACF;AAEAP,EAAS,cAAc;"}
+{"version":3,"file":"Textarea.js","sources":["../../src/components/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dTextarea = 'textarea'\nconst dTextareaBordered = 'textarea-bordered'\nconst dTextareaGhost = 'textarea-ghost'\nconst dTextareaXs = 'textarea-xs'\nconst dTextareaSm = 'textarea-sm'\nconst dTextareaMd = 'textarea-md'\nconst dTextareaLg = 'textarea-lg'\nconst dTextareaXl = 'textarea-xl'\nconst dTextareaNeutral = 'textarea-neutral'\nconst dTextareaPrimary = 'textarea-primary'\nconst dTextareaSecondary = 'textarea-secondary'\nconst dTextareaAccent = 'textarea-accent'\nconst dTextareaInfo = 'textarea-info'\nconst dTextareaSuccess = 'textarea-success'\nconst dTextareaWarning = 'textarea-warning'\nconst dTextareaError = 'textarea-error'\n\nexport interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      size,\n      color,\n      ghost = false,\n      bordered = true,\n      className = '',\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dTextareaXs,\n      sm: dTextareaSm,\n      md: dTextareaMd,\n      lg: dTextareaLg,\n      xl: dTextareaXl,\n    }\n\n    const colorClasses = {\n      neutral: dTextareaNeutral,\n      primary: dTextareaPrimary,\n      secondary: dTextareaSecondary,\n      accent: dTextareaAccent,\n      info: dTextareaInfo,\n      success: dTextareaSuccess,\n      warning: dTextareaWarning,\n      error: dTextareaError,\n    }\n\n    const textareaClasses = [\n      dTextarea,\n      'w-full',\n      bordered && dTextareaBordered,\n      ghost && dTextareaGhost,\n      effectiveSize && sizeClasses[effectiveSize],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return <textarea ref={ref} className={textareaClasses} {...props} />\n  }\n)\n\nTextarea.displayName = 'Textarea'\n"],"names":["dTextarea","dTextareaBordered","dTextareaGhost","dTextareaXs","dTextareaSm","dTextareaMd","dTextareaLg","dTextareaXl","dTextareaNeutral","dTextareaPrimary","dTextareaSecondary","dTextareaAccent","dTextareaInfo","dTextareaSuccess","dTextareaWarning","dTextareaError","Textarea","forwardRef","size","color","ghost","bordered","className","props","ref","componentSize","useConfig","effectiveSize","sizeClasses","colorClasses","textareaClasses"],"mappings":";;;AAIA,MAAMA,IAAY,YACZC,IAAoB,qBACpBC,IAAiB,kBACjBC,IAAc,eACdC,IAAc,eACdC,IAAc,eACdC,IAAc,eACdC,IAAc,eACdC,IAAmB,oBACnBC,IAAmB,oBACnBC,IAAqB,sBACrBC,IAAkB,mBAClBC,IAAgB,iBAChBC,IAAmB,oBACnBC,IAAmB,oBACnBC,IAAiB,kBAUVC,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBT,KAAQO,KAAiB,MAEzCG,IAAc;AAAA,MAClB,IAAIzB;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,GAGAsB,IAAe;AAAA,MACnB,SAASrB;AAAA,MACT,SAASC;AAAA,MACT,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,MAAMC;AAAA,MACN,SAASC;AAAA,MACT,SAASC;AAAA,MACT,OAAOC;AAAA,IAAA,GAGHe,IAAkB;AAAA,MACtB9B;AAAA,MACA;AAAA,MACAqB,KAAYpB;AAAA,MACZmB,KAASlB;AAAA,MACTyB,KAAiBC,EAAYD,CAAa;AAAA,MAC1CR,KAASU,EAAaV,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BAAQ,YAAA,EAAS,KAAAE,GAAU,WAAWM,GAAkB,GAAGP,GAAO;AAAA,EACpE;AACF;AAEAP,EAAS,cAAc;"}

package/dist/components/ThemeController.d.ts

@@ -14,7 +14,7 @@ export interface ThemeControllerToggleProps {
     lightTheme?: string;
     darkTheme?: string;
     onChange?: (theme: string) => void;
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     className?: string;
 }
 declare function ThemeControllerSwap({ lightTheme, darkTheme, onChange, className, }: ThemeControllerSwapProps): import("react/jsx-runtime").JSX.Element;