asterui 0.11.0 → 0.12.1

package/dist/index39.js

@@ -1,24 +1,149 @@
-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 { 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: w,
+    min: i = -1 / 0,
+    max: c = 1 / 0,
+    step: p = 1,
+    precision: a,
+    size: s,
+    disabled: l = !1,
+    onChange: f,
+    formatter: d,
+    parser: h,
+    className: I = "",
+    controls: m = !0,
+    block: C = !0,
+    ...D
+  }, V) => {
+    const [j, v] = A(w ?? null), x = K(null);
+    W(V, () => x.current);
+    const n = o !== void 0 ? o : j, B = (t) => {
+      if (t === null) return "";
+      let e = t;
+      return a !== void 0 && (e = Number(t.toFixed(a))), d ? d(e) : String(e);
+    }, L = (t) => {
+      if (!t) return null;
+      const e = h ? h(t) : parseFloat(t);
+      return isNaN(e) ? null : e;
+    }, b = (t) => {
+      let e = Math.max(i, Math.min(c, t));
+      return a !== void 0 && (e = Number(e.toFixed(a))), e;
+    }, u = (t) => {
+      if (t === null) {
+        o === void 0 && v(null), f?.(null);
+        return;
+      }
+      const e = b(t);
+      o === void 0 && v(e), f?.(e);
+    }, g = () => {
+      if (l) return;
+      u((n ?? 0) + p);
+    }, y = () => {
+      if (l) return;
+      u((n ?? 0) - p);
+    }, M = (t) => {
+      const e = L(t.target.value);
+      e !== null ? u(e) : t.target.value === "" && u(null);
+    }, $ = (t) => {
+      l || (t.key === "ArrowUp" ? (t.preventDefault(), g()) : t.key === "ArrowDown" && (t.preventDefault(), y()));
+    }, F = () => {
+      n !== null && (n < i || n > c) && u(b(n));
+    }, R = [
+      "input",
+      "input-bordered",
+      "w-full",
+      s && {
+        xs: "input-xs",
+        sm: "input-sm",
+        md: "input-md",
+        lg: "input-lg",
+        xl: "input-xl"
+      }[s],
+      l && "input-disabled",
+      m && "pr-8"
+    ].filter(Boolean).join(" "), N = s === "xs" || s === "sm" ? "btn-xs" : "btn-sm";
+    return /* @__PURE__ */ k("div", { className: `relative ${C ? "w-full" : "inline-block"} group ${I}`, children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: x,
+          type: "text",
+          className: R,
+          value: B(n),
+          onChange: M,
+          onKeyDown: $,
+          onBlur: F,
+          disabled: l,
+          ...D
+        }
+      ),
+      m && /* @__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",
+            className: `btn ${N} btn-ghost px-1 min-h-0 h-3.5`,
+            onClick: g,
+            disabled: l || n !== null && n >= c,
+            tabIndex: -1,
+            children: /* @__PURE__ */ r(
+              "svg",
+              {
+                className: "w-3 h-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ r(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M5 15l7-7 7 7"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: `btn ${N} btn-ghost px-1 min-h-0 h-3.5`,
+            onClick: y,
+            disabled: l || n !== null && n <= i,
+            tabIndex: -1,
+            children: /* @__PURE__ */ r(
+              "svg",
+              {
+                className: "w-3 h-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ r(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M19 9l-7 7-7-7"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] })
+    ] });
+  }
+);
+H.displayName = "InputNumber";
 export {
-  m as Label
+  H as InputNumber,
+  H as default
 };
 //# sourceMappingURL=index39.js.map

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.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":"index39.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 = true,\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          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              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              >\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              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              >\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","e","handleKeyDown","handleBlur","inputClasses","buttonSize","jsxs","jsx"],"mappings":"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"}

package/dist/index4.js

@@ -1,104 +1,31 @@
-import { jsxs as z, jsx as c } from "react/jsx-runtime";
-import { useState as g, useRef as v, useEffect as y } from "react";
-const L = ({
-  value: a,
-  defaultValue: k = "",
-  onChange: m,
-  options: D,
-  placeholder: I = "Type to search...",
-  disabled: b = !1,
-  size: E = "md",
-  className: N = "",
-  allowCustomValue: w = !0,
-  filterOption: x,
-  notFoundContent: A = "No results found",
-  ...C
+import { jsx as i } from "react/jsx-runtime";
+const m = ({
+  children: r,
+  className: s = "",
+  type: e,
+  outline: a = !1,
+  dash: l = !1,
+  soft: t = !1,
+  vertical: o = !1,
+  ...n
 }) => {
-  const u = D.map(
-    (e) => typeof e == "string" ? { value: e, label: e } : e
-  ), [i, d] = g(k), [f, l] = g(!1), [r, n] = g(-1), p = v(null), o = v(null);
-  y(() => {
-    if (a !== void 0) {
-      const e = u.find((t) => t.value === a);
-      d(e?.label || a);
-    }
-  }, [a, u]);
-  const O = (e, t) => e.label.toLowerCase().includes(t.toLowerCase()), s = u.filter(
-    (e) => x ? x(e, i) : O(e, i)
-  ), F = (e) => {
-    const t = e.target.value;
-    d(t), l(!0), n(0), w && m?.(t);
-  }, h = (e) => {
-    d(e.label), l(!1), n(-1), m?.(e.value), p.current?.focus();
-  }, R = (e) => {
-    if (!f && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
-      l(!0), n(0);
-      return;
-    }
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault(), n((t) => t < s.length - 1 ? t + 1 : t);
-        break;
-      case "ArrowUp":
-        e.preventDefault(), n((t) => t > 0 ? t - 1 : 0);
-        break;
-      case "Enter":
-        e.preventDefault(), r >= 0 && s[r] ? h(s[r]) : !w && s.length > 0 && h(s[0]);
-        break;
-      case "Escape":
-        l(!1), n(-1), p.current?.blur();
-        break;
-    }
-  }, T = () => {
-    l(!0), s.length > 0 && n(0);
-  }, V = (e) => {
-    o.current && o.current.contains(e.relatedTarget) || setTimeout(() => l(!1), 200);
-  }, $ = {
-    xs: "input-xs",
-    sm: "input-sm",
-    md: "input-md",
-    lg: "input-lg"
-  }[E];
-  return y(() => {
-    r >= 0 && o.current && o.current.children[r]?.scrollIntoView({ block: "nearest" });
-  }, [r]), /* @__PURE__ */ z("div", { className: `relative ${N}`, "data-state": f ? "open" : "closed", ...C, children: [
-    /* @__PURE__ */ c(
-      "input",
-      {
-        ref: p,
-        type: "text",
-        value: i,
-        onChange: F,
-        onKeyDown: R,
-        onFocus: T,
-        onBlur: V,
-        placeholder: I,
-        disabled: b,
-        className: `input input-bordered w-full ${$}`
-      }
-    ),
-    f && !b && /* @__PURE__ */ c(
-      "div",
-      {
-        ref: o,
-        className: "absolute z-50 w-full mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-60 overflow-auto",
-        children: s.length > 0 ? s.map((e, t) => /* @__PURE__ */ c(
-          "div",
-          {
-            onMouseDown: (j) => {
-              j.preventDefault(), h(e);
-            },
-            onMouseEnter: () => n(t),
-            className: `px-4 py-2 cursor-pointer transition-colors ${t === r ? "bg-primary text-primary-content" : "hover:bg-base-200"}`,
-            children: e.label
-          },
-          e.value
-        )) : /* @__PURE__ */ c("div", { className: "px-4 py-2 text-base-content/60 text-center", children: A })
-      }
-    )
-  ] });
+  const c = [
+    "alert",
+    e && {
+      info: "alert-info",
+      success: "alert-success",
+      warning: "alert-warning",
+      error: "alert-error"
+    }[e],
+    a && "alert-outline",
+    l && "alert-dash",
+    t && "alert-soft",
+    o && "alert-vertical",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("div", { role: "alert", className: c, ...n, children: r });
 };
 export {
-  L as Autocomplete
+  m as Alert
 };
 //# sourceMappingURL=index4.js.map

package/dist/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":["../src/components/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\n\nexport interface AutocompleteOption {\n  value: string\n  label: string\n}\n\nexport interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  options: AutocompleteOption[] | string[]\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  allowCustomValue?: boolean\n  filterOption?: (option: AutocompleteOption, inputValue: string) => boolean\n  notFoundContent?: React.ReactNode\n}\n\nexport const Autocomplete: React.FC<AutocompleteProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  options: rawOptions,\n  placeholder = 'Type to search...',\n  disabled = false,\n  size = 'md',\n  className = '',\n  allowCustomValue = true,\n  filterOption,\n  notFoundContent = 'No results found',\n  ...rest\n}) => {\n  // Normalize options to AutocompleteOption[]\n  const options: AutocompleteOption[] = rawOptions.map((opt) =>\n    typeof opt === 'string' ? { value: opt, label: opt } : opt\n  )\n\n  const [inputValue, setInputValue] = useState(defaultValue)\n  const [isOpen, setIsOpen] = useState(false)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n\n  // Update input value when controlled value changes\n  useEffect(() => {\n    if (value !== undefined) {\n      const selectedOption = options.find((opt) => opt.value === value)\n      setInputValue(selectedOption?.label || value)\n    }\n  }, [value, options])\n\n  // Filter options based on input\n  const defaultFilter = (option: AutocompleteOption, input: string) =>\n    option.label.toLowerCase().includes(input.toLowerCase())\n\n  const filteredOptions = options.filter((option) =>\n    filterOption ? filterOption(option, inputValue) : defaultFilter(option, inputValue)\n  )\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newInputValue = e.target.value\n    setInputValue(newInputValue)\n    setIsOpen(true)\n    setHighlightedIndex(0)\n\n    if (allowCustomValue) {\n      onChange?.(newInputValue)\n    }\n  }\n\n  const handleOptionClick = (option: AutocompleteOption) => {\n    setInputValue(option.label)\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n\n    onChange?.(option.value)\n    inputRef.current?.focus()\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!isOpen && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n      setIsOpen(true)\n      setHighlightedIndex(0)\n      return\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setHighlightedIndex((prev) => (prev < filteredOptions.length - 1 ? prev + 1 : prev))\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : 0))\n        break\n      case 'Enter':\n        e.preventDefault()\n        if (highlightedIndex >= 0 && filteredOptions[highlightedIndex]) {\n          handleOptionClick(filteredOptions[highlightedIndex])\n        } else if (!allowCustomValue && filteredOptions.length > 0) {\n          handleOptionClick(filteredOptions[0])\n        }\n        break\n      case 'Escape':\n        setIsOpen(false)\n        setHighlightedIndex(-1)\n        inputRef.current?.blur()\n        break\n    }\n  }\n\n  const handleFocus = () => {\n    setIsOpen(true)\n    if (filteredOptions.length > 0) {\n      setHighlightedIndex(0)\n    }\n  }\n\n  const handleBlur = (e: React.FocusEvent) => {\n    // Don't close if clicking inside dropdown\n    if (dropdownRef.current && dropdownRef.current.contains(e.relatedTarget as Node)) {\n      return\n    }\n    setTimeout(() => setIsOpen(false), 200)\n  }\n\n  const sizeClass = {\n    xs: 'input-xs',\n    sm: 'input-sm',\n    md: 'input-md',\n    lg: 'input-lg',\n  }[size]\n\n  // Scroll highlighted option into view\n  useEffect(() => {\n    if (highlightedIndex >= 0 && dropdownRef.current) {\n      const highlightedElement = dropdownRef.current.children[highlightedIndex] as HTMLElement\n      highlightedElement?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [highlightedIndex])\n\n  return (\n    <div className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <input\n        ref={inputRef}\n        type=\"text\"\n        value={inputValue}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        disabled={disabled}\n        className={`input input-bordered w-full ${sizeClass}`}\n      />\n\n      {isOpen && !disabled && (\n        <div\n          ref={dropdownRef}\n          className=\"absolute z-50 w-full mt-1 bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-60 overflow-auto\"\n        >\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((option, index) => (\n              <div\n                key={option.value}\n                onMouseDown={(e) => {\n                  e.preventDefault()\n                  handleOptionClick(option)\n                }}\n                onMouseEnter={() => setHighlightedIndex(index)}\n                className={`px-4 py-2 cursor-pointer transition-colors ${\n                  index === highlightedIndex\n                    ? 'bg-primary text-primary-content'\n                    : 'hover:bg-base-200'\n                }`}\n              >\n                {option.label}\n              </div>\n            ))\n          ) : (\n            <div className=\"px-4 py-2 text-base-content/60 text-center\">{notFoundContent}</div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["Autocomplete","value","defaultValue","onChange","rawOptions","placeholder","disabled","size","className","allowCustomValue","filterOption","notFoundContent","rest","options","opt","inputValue","setInputValue","useState","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","dropdownRef","useEffect","selectedOption","defaultFilter","option","input","filteredOptions","handleInputChange","newInputValue","handleOptionClick","handleKeyDown","prev","handleFocus","handleBlur","sizeClass","jsxs","jsx","index","e"],"mappings":";;AAoBO,MAAMA,IAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,SAASC;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,cAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,MAAM;AAEJ,QAAMC,IAAgCT,EAAW;AAAA,IAAI,CAACU,MACpD,OAAOA,KAAQ,WAAW,EAAE,OAAOA,GAAK,OAAOA,MAAQA;AAAA,EAAA,GAGnD,CAACC,GAAYC,CAAa,IAAIC,EAASf,CAAY,GACnD,CAACgB,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAACG,GAAkBC,CAAmB,IAAIJ,EAAS,EAAE,GACrDK,IAAWC,EAAyB,IAAI,GACxCC,IAAcD,EAAuB,IAAI;AAG/C,EAAAE,EAAU,MAAM;AACd,QAAIxB,MAAU,QAAW;AACvB,YAAMyB,IAAiBb,EAAQ,KAAK,CAACC,MAAQA,EAAI,UAAUb,CAAK;AAChE,MAAAe,EAAcU,GAAgB,SAASzB,CAAK;AAAA,IAC9C;AAAA,EACF,GAAG,CAACA,GAAOY,CAAO,CAAC;AAGnB,QAAMc,IAAgB,CAACC,GAA4BC,MACjDD,EAAO,MAAM,cAAc,SAASC,EAAM,YAAA,CAAa,GAEnDC,IAAkBjB,EAAQ;AAAA,IAAO,CAACe,MACtClB,IAAeA,EAAakB,GAAQb,CAAU,IAAIY,EAAcC,GAAQb,CAAU;AAAA,EAAA,GAG9EgB,IAAoB,CAAC,MAA2C;AACpE,UAAMC,IAAgB,EAAE,OAAO;AAC/B,IAAAhB,EAAcgB,CAAa,GAC3Bb,EAAU,EAAI,GACdE,EAAoB,CAAC,GAEjBZ,KACFN,IAAW6B,CAAa;AAAA,EAE5B,GAEMC,IAAoB,CAACL,MAA+B;AACxD,IAAAZ,EAAcY,EAAO,KAAK,GAC1BT,EAAU,EAAK,GACfE,EAAoB,EAAE,GAEtBlB,IAAWyB,EAAO,KAAK,GACvBN,EAAS,SAAS,MAAA;AAAA,EACpB,GAEMY,IAAgB,CAAC,MAA6C;AAClE,QAAI,CAAChB,MAAW,EAAE,QAAQ,eAAe,EAAE,QAAQ,YAAY;AAC7D,MAAAC,EAAU,EAAI,GACdE,EAAoB,CAAC;AACrB;AAAA,IACF;AAEA,YAAQ,EAAE,KAAA;AAAA,MACR,KAAK;AACH,UAAE,eAAA,GACFA,EAAoB,CAACc,MAAUA,IAAOL,EAAgB,SAAS,IAAIK,IAAO,IAAIA,CAAK;AACnF;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFd,EAAoB,CAACc,MAAUA,IAAO,IAAIA,IAAO,IAAI,CAAE;AACvD;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACEf,KAAoB,KAAKU,EAAgBV,CAAgB,IAC3Da,EAAkBH,EAAgBV,CAAgB,CAAC,IAC1C,CAACX,KAAoBqB,EAAgB,SAAS,KACvDG,EAAkBH,EAAgB,CAAC,CAAC;AAEtC;AAAA,MACF,KAAK;AACH,QAAAX,EAAU,EAAK,GACfE,EAAoB,EAAE,GACtBC,EAAS,SAAS,KAAA;AAClB;AAAA,IAAA;AAAA,EAEN,GAEMc,IAAc,MAAM;AACxB,IAAAjB,EAAU,EAAI,GACVW,EAAgB,SAAS,KAC3BT,EAAoB,CAAC;AAAA,EAEzB,GAEMgB,IAAa,CAAC,MAAwB;AAE1C,IAAIb,EAAY,WAAWA,EAAY,QAAQ,SAAS,EAAE,aAAqB,KAG/E,WAAW,MAAML,EAAU,EAAK,GAAG,GAAG;AAAA,EACxC,GAEMmB,IAAY;AAAA,IAChB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EACJ/B,CAAI;AAGN,SAAAkB,EAAU,MAAM;AACd,IAAIL,KAAoB,KAAKI,EAAY,WACZA,EAAY,QAAQ,SAASJ,CAAgB,GACpD,eAAe,EAAE,OAAO,UAAA,CAAW;AAAA,EAE3D,GAAG,CAACA,CAAgB,CAAC,GAGnB,gBAAAmB,EAAC,OAAA,EAAI,WAAW,YAAY/B,CAAS,IAAI,cAAYU,IAAS,SAAS,UAAW,GAAGN,GACnF,UAAA;AAAA,IAAA,gBAAA4B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKlB;AAAA,QACL,MAAK;AAAA,QACL,OAAOP;AAAA,QACP,UAAUgB;AAAA,QACV,WAAWG;AAAA,QACX,SAASE;AAAA,QACT,QAAQC;AAAA,QACR,aAAAhC;AAAA,QACA,UAAAC;AAAA,QACA,WAAW,+BAA+BgC,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpDpB,KAAU,CAACZ,KACV,gBAAAkC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKhB;AAAA,QACL,WAAU;AAAA,QAET,YAAgB,SAAS,IACxBM,EAAgB,IAAI,CAACF,GAAQa,MAC3B,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,aAAa,CAACE,MAAM;AAClB,cAAAA,EAAE,eAAA,GACFT,EAAkBL,CAAM;AAAA,YAC1B;AAAA,YACA,cAAc,MAAMP,EAAoBoB,CAAK;AAAA,YAC7C,WAAW,8CACTA,MAAUrB,IACN,oCACA,mBACN;AAAA,YAEC,UAAAQ,EAAO;AAAA,UAAA;AAAA,UAZHA,EAAO;AAAA,QAAA,CAcf,IAED,gBAAAY,EAAC,OAAA,EAAI,WAAU,8CAA8C,UAAA7B,EAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAEjF,GAEJ;AAEJ;"}
+{"version":3,"file":"index4.js","sources":["../src/components/Alert.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  type?: 'info' | 'success' | 'warning' | 'error'\n  outline?: boolean\n  dash?: boolean\n  soft?: boolean\n  vertical?: boolean\n}\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  className = '',\n  type,\n  outline = false,\n  dash = false,\n  soft = false,\n  vertical = false,\n  ...rest\n}) => {\n  const typeClasses = {\n    info: 'alert-info',\n    success: 'alert-success',\n    warning: 'alert-warning',\n    error: 'alert-error',\n  }\n\n  const classes = [\n    'alert',\n    type && typeClasses[type],\n    outline && 'alert-outline',\n    dash && 'alert-dash',\n    soft && 'alert-soft',\n    vertical && 'alert-vertical',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div role=\"alert\" className={classes} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["Alert","children","className","type","outline","dash","soft","vertical","rest","classes","jsx"],"mappings":";AAWO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAM;AAQJ,QAAMC,IAAU;AAAA,IACd;AAAA,IACAN,KATkB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,EAKaA,CAAI;AAAA,IACxBC,KAAW;AAAA,IACXC,KAAQ;AAAA,IACRC,KAAQ;AAAA,IACRC,KAAY;AAAA,IACZL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,MAAK,SAAQ,WAAWD,GAAU,GAAGD,GACvC,UAAAP,GACH;AAEJ;"}

package/dist/index40.js

@@ -1,122 +1,18 @@
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import u, { useContext as k, createContext as S, useState as w, useCallback as g } from "react";
-const p = S(null);
-function F() {
-  return k(p);
-}
-function m({ children: o, className: n = "", style: s }) {
-  const t = u.Children.toArray(o), l = t.some(
-    (e) => u.isValidElement(e) && e.type.displayName === "LayoutSider"
-  ), f = [
-    "flex",
-    "min-h-0",
-    l ? "flex-row" : "flex-col",
-    n
-  ].filter(Boolean).join(" "), i = l ? t.map((e) => {
-    if (u.isValidElement(e) && (e.type === m || e.type.displayName === "LayoutRoot") && e.type.displayName !== "LayoutSider") {
-      const c = e.props.className || "";
-      if (!c.includes("flex-1"))
-        return u.cloneElement(e, {
-          className: `flex-1 ${c}`.trim()
-        });
+import { jsx as c } from "react/jsx-runtime";
+import n from "react";
+function p({ children: i, vertical: o = !1, className: t = "", ...a }) {
+  const r = ["join", o && "join-vertical", t].filter(Boolean).join(" "), m = n.Children.map(i, (e) => {
+    if (n.isValidElement(e)) {
+      const s = e.props.className || "", l = s ? `join-item ${s}` : "join-item";
+      return n.cloneElement(e, {
+        className: l
+      });
     }
     return e;
-  }) : o;
-  return /* @__PURE__ */ a("div", { className: f, style: s, children: i });
-}
-m.displayName = "LayoutRoot";
-function B({ children: o, className: n = "", style: s }) {
-  const t = [
-    "flex",
-    "items-center",
-    "px-6",
-    "h-16",
-    "bg-base-300",
-    "flex-shrink-0",
-    n
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("header", { className: t, style: s, children: o });
-}
-function E({ children: o, className: n = "", style: s }) {
-  const t = [
-    "px-6",
-    "py-4",
-    "text-center",
-    "bg-base-300",
-    "flex-shrink-0",
-    n
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("footer", { className: t, style: s, children: o });
-}
-function R({ children: o, className: n = "", style: s }) {
-  const t = ["flex-1", "min-h-0", "overflow-auto", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("main", { className: t, style: s, children: o });
-}
-function y({
-  children: o,
-  width: n = 200,
-  collapsedWidth: s = 80,
-  collapsed: t,
-  defaultCollapsed: l = !1,
-  collapsible: f = !1,
-  onCollapse: i,
-  trigger: e,
-  className: c = "",
-  style: C
-}) {
-  const [b, N] = w(l), r = t ?? b, h = g(() => {
-    const x = !r;
-    t === void 0 && N(x), i?.(x);
-  }, [r, t, i]), d = r ? s : n, L = [
-    "flex",
-    "flex-col",
-    "bg-base-200",
-    "flex-shrink-0",
-    "transition-all",
-    "duration-200",
-    c
-  ].filter(Boolean).join(" "), j = f && e !== null && /* @__PURE__ */ a(
-    "button",
-    {
-      onClick: h,
-      className: "flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors",
-      "aria-label": r ? "Expand sidebar" : "Collapse sidebar",
-      children: /* @__PURE__ */ a(
-        "svg",
-        {
-          className: `w-4 h-4 transition-transform ${r ? "rotate-180" : ""}`,
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ a(p.Provider, { value: { collapsed: r, collapsedWidth: s, width: n }, children: /* @__PURE__ */ v(
-    "aside",
-    {
-      className: L,
-      style: {
-        width: typeof d == "number" ? `${d}px` : d,
-        ...C
-      },
-      children: [
-        /* @__PURE__ */ a("div", { className: "flex-1 overflow-auto", children: o }),
-        e !== null && (e ?? j)
-      ]
-    }
-  ) });
+  });
+  return /* @__PURE__ */ c("div", { className: r, ...a, children: m });
 }
-y.displayName = "LayoutSider";
-const H = Object.assign(m, {
-  Header: B,
-  Footer: E,
-  Content: R,
-  Sider: y
-});
 export {
-  H as Layout,
-  F as useSiderContext
+  p as Join
 };
 //# sourceMappingURL=index40.js.map

package/dist/index40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index40.js","sources":["../src/components/Layout.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback } from 'react'\n\nexport interface LayoutProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutHeaderProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutFooterProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutContentProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutSiderProps {\n  children: React.ReactNode\n  width?: number | string\n  collapsedWidth?: number | string\n  collapsed?: boolean\n  defaultCollapsed?: boolean\n  collapsible?: boolean\n  onCollapse?: (collapsed: boolean) => void\n  trigger?: React.ReactNode | null\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n  onBreakpoint?: (broken: boolean) => void\n  className?: string\n  style?: React.CSSProperties\n}\n\ninterface SiderContextValue {\n  collapsed: boolean\n  collapsedWidth: number | string\n  width: number | string\n}\n\nconst SiderContext = createContext<SiderContextValue | null>(null)\n\nexport function useSiderContext() {\n  return useContext(SiderContext)\n}\n\nfunction LayoutRoot({ children, className = '', style }: LayoutProps) {\n  // Check if any child is a Sider to determine flex direction\n  const childArray = React.Children.toArray(children)\n  const hasSider = childArray.some(\n    (child) => React.isValidElement(child) && (child.type as any).displayName === 'LayoutSider'\n  )\n\n  const layoutClasses = [\n    'flex',\n    'min-h-0',\n    hasSider ? 'flex-row' : 'flex-col',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // If we have a Sider, auto-add flex-1 to non-Sider Layout children\n  const processedChildren = hasSider\n    ? childArray.map((child) => {\n        if (\n          React.isValidElement(child) &&\n          (child.type === LayoutRoot || (child.type as any).displayName === 'LayoutRoot') &&\n          (child.type as any).displayName !== 'LayoutSider'\n        ) {\n          // Clone the Layout child and add flex-1 if not already present\n          const existingClassName = (child.props as any).className || ''\n          if (!existingClassName.includes('flex-1')) {\n            return React.cloneElement(child as React.ReactElement<any>, {\n              className: `flex-1 ${existingClassName}`.trim(),\n            })\n          }\n        }\n        return child\n      })\n    : children\n\n  return (\n    <div className={layoutClasses} style={style}>\n      {processedChildren}\n    </div>\n  )\n}\n\nLayoutRoot.displayName = 'LayoutRoot'\n\nfunction LayoutHeader({ children, className = '', style }: LayoutHeaderProps) {\n  const headerClasses = [\n    'flex',\n    'items-center',\n    'px-6',\n    'h-16',\n    'bg-base-300',\n    'flex-shrink-0',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <header className={headerClasses} style={style}>\n      {children}\n    </header>\n  )\n}\n\nfunction LayoutFooter({ children, className = '', style }: LayoutFooterProps) {\n  const footerClasses = [\n    'px-6',\n    'py-4',\n    'text-center',\n    'bg-base-300',\n    'flex-shrink-0',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <footer className={footerClasses} style={style}>\n      {children}\n    </footer>\n  )\n}\n\nfunction LayoutContent({ children, className = '', style }: LayoutContentProps) {\n  // flex-1 by default so Content fills available space\n  const contentClasses = ['flex-1', 'min-h-0', 'overflow-auto', className].filter(Boolean).join(' ')\n\n  return (\n    <main className={contentClasses} style={style}>\n      {children}\n    </main>\n  )\n}\n\nfunction LayoutSider({\n  children,\n  width = 200,\n  collapsedWidth = 80,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  collapsible = false,\n  onCollapse,\n  trigger,\n  className = '',\n  style,\n}: LayoutSiderProps) {\n  const [internalCollapsed, setInternalCollapsed] = useState(defaultCollapsed)\n\n  const collapsed = controlledCollapsed ?? internalCollapsed\n\n  const handleCollapse = useCallback(() => {\n    const newCollapsed = !collapsed\n    if (controlledCollapsed === undefined) {\n      setInternalCollapsed(newCollapsed)\n    }\n    onCollapse?.(newCollapsed)\n  }, [collapsed, controlledCollapsed, onCollapse])\n\n  const currentWidth = collapsed ? collapsedWidth : width\n\n  const siderClasses = [\n    'flex',\n    'flex-col',\n    'bg-base-200',\n    'flex-shrink-0',\n    'transition-all',\n    'duration-200',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const defaultTrigger = collapsible && trigger !== null && (\n    <button\n      onClick={handleCollapse}\n      className=\"flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors\"\n      aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n    >\n      <svg\n        className={`w-4 h-4 transition-transform ${collapsed ? 'rotate-180' : ''}`}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n      </svg>\n    </button>\n  )\n\n  return (\n    <SiderContext.Provider value={{ collapsed, collapsedWidth, width }}>\n      <aside\n        className={siderClasses}\n        style={{\n          width: typeof currentWidth === 'number' ? `${currentWidth}px` : currentWidth,\n          ...style,\n        }}\n      >\n        <div className=\"flex-1 overflow-auto\">{children}</div>\n        {trigger !== null && (trigger ?? defaultTrigger)}\n      </aside>\n    </SiderContext.Provider>\n  )\n}\n\nLayoutSider.displayName = 'LayoutSider'\n\nexport const Layout = Object.assign(LayoutRoot, {\n  Header: LayoutHeader,\n  Footer: LayoutFooter,\n  Content: LayoutContent,\n  Sider: LayoutSider,\n})\n"],"names":["SiderContext","createContext","useSiderContext","useContext","LayoutRoot","children","className","style","childArray","React","hasSider","child","layoutClasses","processedChildren","existingClassName","jsx","LayoutHeader","headerClasses","LayoutFooter","footerClasses","LayoutContent","contentClasses","LayoutSider","width","collapsedWidth","controlledCollapsed","defaultCollapsed","collapsible","onCollapse","trigger","internalCollapsed","setInternalCollapsed","useState","collapsed","handleCollapse","useCallback","newCollapsed","currentWidth","siderClasses","defaultTrigger","jsxs","Layout"],"mappings":"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"}
+{"version":3,"file":"index40.js","sources":["../src/components/Join.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface JoinProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  vertical?: boolean\n}\n\nexport function Join({ children, vertical = false, className = '', ...rest }: JoinProps) {\n  const classes = ['join', 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","vertical","className","rest","classes","childrenWithJoinItem","React","child","existingClassName","newClassName"],"mappings":";;AAOO,SAASA,EAAK,EAAE,UAAAC,GAAU,UAAAC,IAAW,IAAO,WAAAC,IAAY,IAAI,GAAGC,KAAmB;AACvF,QAAMC,IAAU,CAAC,QAAQH,KAAY,iBAAiBC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAGnFG,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/index41.js

@@ -1,16 +1,21 @@
-import { jsx as n } from "react/jsx-runtime";
-function e({ children: s, className: o = "", ...t }) {
-  const i = ["list", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("ul", { className: i, ...t, children: s });
-}
-function l({ children: s, className: o = "", ...t }) {
-  const i = ["list-row", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("li", { className: i, ...t, children: s });
-}
-const r = Object.assign(e, {
-  Row: l
-});
+import { jsx as d } from "react/jsx-runtime";
+const a = ({
+  size: s,
+  children: r,
+  className: t = "",
+  ...o
+}) => {
+  const b = s ? `kbd-${s}` : "";
+  return /* @__PURE__ */ d(
+    "kbd",
+    {
+      className: `kbd ${b} ${t}`.trim(),
+      ...o,
+      children: r
+    }
+  );
+};
 export {
-  r as List
+  a as Kbd
 };
 //# sourceMappingURL=index41.js.map

package/dist/index41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index41.js","sources":["../src/components/List.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ListProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode\n}\n\nexport interface ListRowProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nfunction ListRoot({ children, className = '', ...rest }: ListProps) {\n  const classes = ['list', className].filter(Boolean).join(' ')\n  return <ul className={classes} {...rest}>{children}</ul>\n}\n\nfunction ListRow({ children, className = '', ...rest }: ListRowProps) {\n  const classes = ['list-row', className].filter(Boolean).join(' ')\n  return <li className={classes} {...rest}>{children}</li>\n}\n\nexport const List = Object.assign(ListRoot, {\n  Row: ListRow,\n})\n"],"names":["ListRoot","children","className","rest","classes","ListRow","List"],"mappings":";AAUA,SAASA,EAAS,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAmB;AAClE,QAAMC,IAAU,CAAC,QAAQF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAC5D,2BAAQ,MAAA,EAAG,WAAWE,GAAU,GAAGD,GAAO,UAAAF,GAAS;AACrD;AAEA,SAASI,EAAQ,EAAE,UAAAJ,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAsB;AACpE,QAAMC,IAAU,CAAC,YAAYF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAChE,2BAAQ,MAAA,EAAG,WAAWE,GAAU,GAAGD,GAAO,UAAAF,GAAS;AACrD;AAEO,MAAMK,IAAO,OAAO,OAAON,GAAU;AAAA,EAC1C,KAAKK;AACP,CAAC;"}
+{"version":3,"file":"index41.js","sources":["../src/components/Kbd.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  /** Size of the kbd */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Key content */\n  children?: React.ReactNode\n}\n\nexport const Kbd: React.FC<KbdProps> = ({\n  size,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const sizeClass = size ? `kbd-${size}` : ''\n\n  return (\n    <kbd\n      className={`kbd ${sizeClass} ${className}`.trim()}\n      {...rest}\n    >\n      {children}\n    </kbd>\n  )\n}\n"],"names":["Kbd","size","children","className","rest","sizeClass","jsx"],"mappings":";AASO,MAAMA,IAA0B,CAAC;AAAA,EACtC,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAYJ,IAAO,OAAOA,CAAI,KAAK;AAEzC,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,OAAOD,CAAS,IAAIF,CAAS,GAAG,KAAA;AAAA,MAC1C,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}