asterui 0.12.15 → 0.12.17

package/dist/index43.js

@@ -1,18 +1,158 @@
-import { jsx as c } from "react/jsx-runtime";
-import n from "react";
-function f({ children: o, direction: t = "horizontal", className: s = "", ...r }) {
-  const a = ["join", t === "vertical" && "join-vertical", s].filter(Boolean).join(" "), l = n.Children.map(o, (e) => {
-    if (n.isValidElement(e)) {
-      const i = e.props.className || "", m = i ? `join-item ${i}` : "join-item";
-      return n.cloneElement(e, {
-        className: m
-      });
-    }
-    return e;
-  });
-  return /* @__PURE__ */ c("div", { className: a, ...r, children: l });
-}
+import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { forwardRef as S, useState as A, useRef as K, useImperativeHandle as W } from "react";
+const H = S(
+  ({
+    value: o,
+    defaultValue: I,
+    min: a = -1 / 0,
+    max: u = 1 / 0,
+    step: d = 1,
+    precision: s,
+    size: c,
+    disabled: l = !1,
+    onChange: p,
+    formatter: f,
+    parser: h,
+    className: w = "",
+    controls: v = !0,
+    block: C = !1,
+    ...D
+  }, V) => {
+    const [j, m] = A(I ?? null), b = K(null);
+    W(V, () => b.current);
+    const t = o !== void 0 ? o : j, B = (e) => {
+      if (e === null) return "";
+      let n = e;
+      return s !== void 0 && (n = Number(e.toFixed(s))), f ? f(n) : String(n);
+    }, M = (e) => {
+      if (!e) return null;
+      const n = h ? h(e) : parseFloat(e);
+      return isNaN(n) ? null : n;
+    }, x = (e) => {
+      let n = Math.max(a, Math.min(u, e));
+      return s !== void 0 && (n = Number(n.toFixed(s))), n;
+    }, i = (e) => {
+      if (e === null) {
+        o === void 0 && m(null), p?.(null);
+        return;
+      }
+      const n = x(e);
+      o === void 0 && m(n), p?.(n);
+    }, y = () => {
+      if (l) return;
+      i((t ?? 0) + d);
+    }, g = () => {
+      if (l) return;
+      i((t ?? 0) - d);
+    }, L = (e) => {
+      const n = M(e.target.value);
+      n !== null ? i(n) : e.target.value === "" && i(null);
+    }, $ = (e) => {
+      l || (e.key === "ArrowUp" ? (e.preventDefault(), y()) : e.key === "ArrowDown" && (e.preventDefault(), g()));
+    }, F = () => {
+      t !== null && (t < a || t > u) && i(x(t));
+    }, R = [
+      "input",
+      "input-bordered",
+      "w-full",
+      c && {
+        xs: "input-xs",
+        sm: "input-sm",
+        md: "input-md",
+        lg: "input-lg",
+        xl: "input-xl"
+      }[c],
+      l && "input-disabled",
+      v && "pr-8"
+    ].filter(Boolean).join(" "), N = c === "xs" || c === "sm" ? "btn-xs" : "btn-sm";
+    return /* @__PURE__ */ k("div", { className: `relative ${C ? "w-full" : "inline-block"} group ${w}`, children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: b,
+          type: "text",
+          inputMode: "decimal",
+          role: "spinbutton",
+          "aria-valuemin": a !== -1 / 0 ? a : void 0,
+          "aria-valuemax": u !== 1 / 0 ? u : void 0,
+          "aria-valuenow": t ?? void 0,
+          className: R,
+          value: B(t),
+          onChange: L,
+          onKeyDown: $,
+          onBlur: F,
+          disabled: l,
+          ...D
+        }
+      ),
+      v && /* @__PURE__ */ k("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex flex-col gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity", children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Increase value",
+            className: `btn ${N} btn-ghost px-1 min-h-0 h-3.5`,
+            onClick: y,
+            disabled: l || t !== null && t >= u,
+            tabIndex: -1,
+            children: /* @__PURE__ */ r(
+              "svg",
+              {
+                className: "w-3 h-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ r(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M5 15l7-7 7 7"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Decrease value",
+            className: `btn ${N} btn-ghost px-1 min-h-0 h-3.5`,
+            onClick: g,
+            disabled: l || t !== null && t <= a,
+            tabIndex: -1,
+            children: /* @__PURE__ */ r(
+              "svg",
+              {
+                className: "w-3 h-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ r(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M19 9l-7 7-7-7"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] })
+    ] });
+  }
+);
+H.displayName = "InputNumber";
 export {
-  f as Join
+  H as InputNumber,
+  H as default
 };
 //# sourceMappingURL=index43.js.map

package/dist/index43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index43.js","sources":["../src/components/Join.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface JoinProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  direction?: 'horizontal' | 'vertical'\n}\n\nexport function Join({ children, direction = 'horizontal', className = '', ...rest }: JoinProps) {\n  const classes = ['join', direction === 'vertical' && 'join-vertical', className].filter(Boolean).join(' ')\n\n  // Automatically add join-item class to all children\n  const childrenWithJoinItem = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      const existingClassName = (child.props as any).className || ''\n      const newClassName = existingClassName ? `join-item ${existingClassName}` : 'join-item'\n\n      return React.cloneElement(child as React.ReactElement<any>, {\n        className: newClassName,\n      })\n    }\n    return child\n  })\n\n  return <div className={classes} {...rest}>{childrenWithJoinItem}</div>\n}\n"],"names":["Join","children","direction","className","rest","classes","childrenWithJoinItem","React","child","existingClassName","newClassName"],"mappings":";;AAOO,SAASA,EAAK,EAAE,UAAAC,GAAU,WAAAC,IAAY,cAAc,WAAAC,IAAY,IAAI,GAAGC,KAAmB;AAC/F,QAAMC,IAAU,CAAC,QAAQH,MAAc,cAAc,iBAAiBC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAGnGG,IAAuBC,EAAM,SAAS,IAAIN,GAAU,CAACO,MAAU;AACnE,QAAID,EAAM,eAAeC,CAAK,GAAG;AAC/B,YAAMC,IAAqBD,EAAM,MAAc,aAAa,IACtDE,IAAeD,IAAoB,aAAaA,CAAiB,KAAK;AAE5E,aAAOF,EAAM,aAAaC,GAAkC;AAAA,QAC1D,WAAWE;AAAA,MAAA,CACZ;AAAA,IACH;AACA,WAAOF;AAAA,EACT,CAAC;AAED,2BAAQ,OAAA,EAAI,WAAWH,GAAU,GAAGD,GAAO,UAAAE,GAAqB;AAClE;"}
+{"version":3,"file":"index43.js","sources":["../src/components/InputNumber.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, useImperativeHandle } from 'react'\n\nexport interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n  value?: number\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  precision?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  disabled?: boolean\n  onChange?: (value: number | null) => void\n  formatter?: (value: number | undefined) => string\n  parser?: (displayValue: string) => number\n  className?: string\n  controls?: boolean\n  block?: boolean\n}\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue,\n      min = -Infinity,\n      max = Infinity,\n      step = 1,\n      precision,\n      size,\n      disabled = false,\n      onChange,\n      formatter,\n      parser,\n      className = '',\n      controls = true,\n      block = false,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<number | null>(defaultValue ?? null)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useImperativeHandle(ref, () => inputRef.current!)\n\n    const value = controlledValue !== undefined ? controlledValue : internalValue\n\n    const formatValue = (num: number | null): string => {\n      if (num === null) return ''\n      let formatted = num\n      if (precision !== undefined) {\n        formatted = Number(num.toFixed(precision))\n      }\n      return formatter ? formatter(formatted) : String(formatted)\n    }\n\n    const parseValue = (str: string): number | null => {\n      if (!str) return null\n      const parsed = parser ? parser(str) : parseFloat(str)\n      if (isNaN(parsed)) return null\n      return parsed\n    }\n\n    const clampValue = (num: number): number => {\n      let clamped = Math.max(min, Math.min(max, num))\n      if (precision !== undefined) {\n        clamped = Number(clamped.toFixed(precision))\n      }\n      return clamped\n    }\n\n    const updateValue = (newValue: number | null) => {\n      if (newValue === null) {\n        if (controlledValue === undefined) {\n          setInternalValue(null)\n        }\n        onChange?.(null)\n        return\n      }\n\n      const clamped = clampValue(newValue)\n      if (controlledValue === undefined) {\n        setInternalValue(clamped)\n      }\n      onChange?.(clamped)\n    }\n\n    const handleIncrement = () => {\n      if (disabled) return\n      const currentValue = value ?? 0\n      updateValue(currentValue + step)\n    }\n\n    const handleDecrement = () => {\n      if (disabled) return\n      const currentValue = value ?? 0\n      updateValue(currentValue - step)\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const parsed = parseValue(e.target.value)\n      if (parsed !== null) {\n        updateValue(parsed)\n      } else if (e.target.value === '') {\n        updateValue(null)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        handleIncrement()\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        handleDecrement()\n      }\n    }\n\n    const handleBlur = () => {\n      // Ensure value is within bounds on blur\n      if (value !== null && (value < min || value > max)) {\n        updateValue(clampValue(value))\n      }\n    }\n\n    const sizeClasses = {\n      xs: 'input-xs',\n      sm: 'input-sm',\n      md: 'input-md',\n      lg: 'input-lg',\n      xl: 'input-xl',\n    }\n\n    const inputClasses = [\n      'input',\n      'input-bordered',\n      'w-full',\n      size && sizeClasses[size],\n      disabled && 'input-disabled',\n      controls && 'pr-8',\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const buttonSize = size === 'xs' || size === 'sm' ? 'btn-xs' : 'btn-sm'\n\n    return (\n      <div className={`relative ${block ? 'w-full' : 'inline-block'} group ${className}`}>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          inputMode=\"decimal\"\n          role=\"spinbutton\"\n          aria-valuemin={min !== -Infinity ? min : undefined}\n          aria-valuemax={max !== Infinity ? max : undefined}\n          aria-valuenow={value ?? undefined}\n          className={inputClasses}\n          value={formatValue(value)}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          disabled={disabled}\n          {...props}\n        />\n        {controls && (\n          <div className=\"absolute right-1 top-1/2 -translate-y-1/2 flex flex-col gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity\">\n            <button\n              type=\"button\"\n              aria-label=\"Increase value\"\n              className={`btn ${buttonSize} btn-ghost px-1 min-h-0 h-3.5`}\n              onClick={handleIncrement}\n              disabled={disabled || (value !== null && value >= max)}\n              tabIndex={-1}\n            >\n              <svg\n                className=\"w-3 h-3\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M5 15l7-7 7 7\"\n                />\n              </svg>\n            </button>\n            <button\n              type=\"button\"\n              aria-label=\"Decrease value\"\n              className={`btn ${buttonSize} btn-ghost px-1 min-h-0 h-3.5`}\n              onClick={handleDecrement}\n              disabled={disabled || (value !== null && value <= min)}\n              tabIndex={-1}\n            >\n              <svg\n                className=\"w-3 h-3\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M19 9l-7 7-7-7\"\n                />\n              </svg>\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputNumber.displayName = 'InputNumber'\n\nexport default InputNumber\n"],"names":["InputNumber","forwardRef","controlledValue","defaultValue","min","max","step","precision","size","disabled","onChange","formatter","parser","className","controls","block","props","ref","internalValue","setInternalValue","useState","inputRef","useRef","useImperativeHandle","value","formatValue","num","formatted","parseValue","str","parsed","clampValue","clamped","updateValue","newValue","handleIncrement","handleDecrement","handleInputChange","handleKeyDown","handleBlur","inputClasses","buttonSize","jsxs","jsx"],"mappings":"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"}

package/dist/index44.js

@@ -1,20 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-const k = {
-  xs: "kbd-xs",
-  sm: "kbd-sm",
-  md: "kbd-md",
-  lg: "kbd-lg",
-  xl: "kbd-xl"
-}, t = ({
-  size: s,
-  children: d,
-  className: l = "",
-  ...o
-}) => {
-  const b = ["kbd", s ? k[s] : "", l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("kbd", { className: b, ...o, children: d });
-};
+import { jsx as c } from "react/jsx-runtime";
+import n from "react";
+function f({ children: o, direction: t = "horizontal", className: s = "", ...r }) {
+  const a = ["join", t === "vertical" && "join-vertical", s].filter(Boolean).join(" "), l = n.Children.map(o, (e) => {
+    if (n.isValidElement(e)) {
+      const i = e.props.className || "", m = i ? `join-item ${i}` : "join-item";
+      return n.cloneElement(e, {
+        className: m
+      });
+    }
+    return e;
+  });
+  return /* @__PURE__ */ c("div", { className: a, ...r, children: l });
+}
 export {
-  t as Kbd
+  f as Join
 };
 //# sourceMappingURL=index44.js.map

package/dist/index44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index44.js","sources":["../src/components/Kbd.tsx"],"sourcesContent":["import React from 'react'\n\nexport type KbdSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  /** Size of the kbd */\n  size?: KbdSize\n  /** Key content */\n  children?: React.ReactNode\n}\n\nconst sizeClasses: Record<KbdSize, string> = {\n  xs: 'kbd-xs',\n  sm: 'kbd-sm',\n  md: 'kbd-md',\n  lg: 'kbd-lg',\n  xl: 'kbd-xl',\n}\n\nexport const Kbd: React.FC<KbdProps> = ({\n  size,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const classes = ['kbd', size ? sizeClasses[size] : '', className]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <kbd className={classes} {...rest}>\n      {children}\n    </kbd>\n  )\n}\n"],"names":["sizeClasses","Kbd","size","children","className","rest","classes"],"mappings":";AAWA,MAAMA,IAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA0B,CAAC;AAAA,EACtC,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAU,CAAC,OAAOJ,IAAOF,EAAYE,CAAI,IAAI,IAAIE,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAC1B,UAAAF,GACH;AAEJ;"}
+{"version":3,"file":"index44.js","sources":["../src/components/Join.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface JoinProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  direction?: 'horizontal' | 'vertical'\n}\n\nexport function Join({ children, direction = 'horizontal', className = '', ...rest }: JoinProps) {\n  const classes = ['join', direction === 'vertical' && 'join-vertical', className].filter(Boolean).join(' ')\n\n  // Automatically add join-item class to all children\n  const childrenWithJoinItem = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      const existingClassName = (child.props as any).className || ''\n      const newClassName = existingClassName ? `join-item ${existingClassName}` : 'join-item'\n\n      return React.cloneElement(child as React.ReactElement<any>, {\n        className: newClassName,\n      })\n    }\n    return child\n  })\n\n  return <div className={classes} {...rest}>{childrenWithJoinItem}</div>\n}\n"],"names":["Join","children","direction","className","rest","classes","childrenWithJoinItem","React","child","existingClassName","newClassName"],"mappings":";;AAOO,SAASA,EAAK,EAAE,UAAAC,GAAU,WAAAC,IAAY,cAAc,WAAAC,IAAY,IAAI,GAAGC,KAAmB;AAC/F,QAAMC,IAAU,CAAC,QAAQH,MAAc,cAAc,iBAAiBC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAGnGG,IAAuBC,EAAM,SAAS,IAAIN,GAAU,CAACO,MAAU;AACnE,QAAID,EAAM,eAAeC,CAAK,GAAG;AAC/B,YAAMC,IAAqBD,EAAM,MAAc,aAAa,IACtDE,IAAeD,IAAoB,aAAaA,CAAiB,KAAK;AAE5E,aAAOF,EAAM,aAAaC,GAAkC;AAAA,QAC1D,WAAWE;AAAA,MAAA,CACZ;AAAA,IACH;AACA,WAAOF;AAAA,EACT,CAAC;AAED,2BAAQ,OAAA,EAAI,WAAWH,GAAU,GAAGD,GAAO,UAAAE,GAAqB;AAClE;"}

package/dist/index45.js

@@ -1,24 +1,20 @@
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-function c({ children: l, className: n = "", ...s }) {
-  return /* @__PURE__ */ a("span", { className: `label ${n}`, ...s, children: l });
-}
-function r({ children: l, label: n, size: s, className: e = "", ...t }) {
-  const i = ["floating-label", s && {
-    xs: "input-xs",
-    sm: "input-sm",
-    md: "input-md",
-    lg: "input-lg",
-    xl: "input-xl"
-  }[s], e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("label", { className: i, ...t, children: [
-    l,
-    /* @__PURE__ */ a("span", { children: n })
-  ] });
-}
-const m = Object.assign(c, {
-  Floating: r
-});
+import { jsx as e } from "react/jsx-runtime";
+const k = {
+  xs: "kbd-xs",
+  sm: "kbd-sm",
+  md: "kbd-md",
+  lg: "kbd-lg",
+  xl: "kbd-xl"
+}, t = ({
+  size: s,
+  children: d,
+  className: l = "",
+  ...o
+}) => {
+  const b = ["kbd", s ? k[s] : "", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("kbd", { className: b, ...o, children: d });
+};
 export {
-  m as Label
+  t as Kbd
 };
 //# sourceMappingURL=index45.js.map

package/dist/index45.js.map

@@ -1 +1 @@
-{"version":3,"file":"index45.js","sources":["../src/components/Label.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode\n}\n\nexport interface FloatingLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  children: React.ReactNode\n  label: string\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n}\n\nfunction LabelRoot({ children, className = '', ...rest }: LabelProps) {\n  return <span className={`label ${className}`} {...rest}>{children}</span>\n}\n\nfunction FloatingLabel({ children, label, size, className = '', ...rest }: FloatingLabelProps) {\n  const sizeClasses = {\n    xs: 'input-xs',\n    sm: 'input-sm',\n    md: 'input-md',\n    lg: 'input-lg',\n    xl: 'input-xl',\n  }\n\n  const classes = ['floating-label', size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  return (\n    <label className={classes} {...rest}>\n      {children}\n      <span>{label}</span>\n    </label>\n  )\n}\n\nexport const Label = Object.assign(LabelRoot, {\n  Floating: FloatingLabel,\n})\n"],"names":["LabelRoot","children","className","rest","jsx","FloatingLabel","label","size","classes","jsxs","Label"],"mappings":";AAYA,SAASA,EAAU,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAoB;AACpE,SAAO,gBAAAC,EAAC,UAAK,WAAW,SAASF,CAAS,IAAK,GAAGC,GAAO,UAAAF,GAAS;AACpE;AAEA,SAASI,EAAc,EAAE,UAAAJ,GAAU,OAAAK,GAAO,MAAAC,GAAM,WAAAL,IAAY,IAAI,GAAGC,KAA4B;AAS7F,QAAMK,IAAU,CAAC,kBAAkBD,KARf;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EAGiDA,CAAI,GAAGL,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjG,SACE,gBAAAO,EAAC,SAAA,EAAM,WAAWD,GAAU,GAAGL,GAC5B,UAAA;AAAA,IAAAF;AAAA,IACD,gBAAAG,EAAC,UAAM,UAAAE,EAAA,CAAM;AAAA,EAAA,GACf;AAEJ;AAEO,MAAMI,IAAQ,OAAO,OAAOV,GAAW;AAAA,EAC5C,UAAUK;AACZ,CAAC;"}
+{"version":3,"file":"index45.js","sources":["../src/components/Kbd.tsx"],"sourcesContent":["import React from 'react'\n\nexport type KbdSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  /** Size of the kbd */\n  size?: KbdSize\n  /** Key content */\n  children?: React.ReactNode\n}\n\nconst sizeClasses: Record<KbdSize, string> = {\n  xs: 'kbd-xs',\n  sm: 'kbd-sm',\n  md: 'kbd-md',\n  lg: 'kbd-lg',\n  xl: 'kbd-xl',\n}\n\nexport const Kbd: React.FC<KbdProps> = ({\n  size,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const classes = ['kbd', size ? sizeClasses[size] : '', className]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <kbd className={classes} {...rest}>\n      {children}\n    </kbd>\n  )\n}\n"],"names":["sizeClasses","Kbd","size","children","className","rest","classes"],"mappings":";AAWA,MAAMA,IAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAA0B,CAAC;AAAA,EACtC,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAU,CAAC,OAAOJ,IAAOF,EAAYE,CAAI,IAAI,IAAIE,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAC1B,UAAAF,GACH;AAEJ;"}

package/dist/index86.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useState as a, useRef as Y, useEffect as j } from "react";
-import { Input as _ } from "./index41.js";
+import { Input as _ } from "./index42.js";
 function q(t, N = "24", p = !1) {
   if (!t) return "";
   let n = t.getHours();

package/package.json

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

package/dist/components/Label.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
-    children: React.ReactNode;
-}
-export interface FloatingLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    children: React.ReactNode;
-    label: string;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-}
-declare function LabelRoot({ children, className, ...rest }: LabelProps): import("react/jsx-runtime").JSX.Element;
-declare function FloatingLabel({ children, label, size, className, ...rest }: FloatingLabelProps): import("react/jsx-runtime").JSX.Element;
-export declare const Label: typeof LabelRoot & {
-    Floating: typeof FloatingLabel;
-};
-export {};