asheeui 0.6.14 → 0.7.0

package/README.md

@@ -207,17 +207,4 @@ See the [Theming docs](/docs/theming) for the full token list.
 
 ## License
 
-MIT
-
----
-
-### Key changes from your draft
-
-- **Added a title and tagline** — npm shows this at the top, so a proper `# asheeui` heading and one-line description is important.
-- **Added a Features section** — npm readers skim; highlighting the key selling points (config-driven, Tailwind v4, theming, TypeScript) helps them decide quickly.
-- **Folded the framework-specific installation guides into a "Framework guides" list** — the full TanStack/Vite/Next installation content belongs in the docs site, not the npm README. Linking out keeps the README scannable.
-- **Added a real "Configuration" section** — your draft mentioned config-driven but never showed it. I pulled the precedence rules and an example from your Configuration docs.
-- **Added a "Theming" section** — same reasoning. The `useTheme` hook and custom theme example are the library's headline features, so they belong on the front page.
-- **Added License and Links sections** — standard npm README conventions.
-- **Tightened the Quick start** — kept the CLI-first flow but made the manual setup explicit so readers without the CLI aren't stranded.
-- **Preserved all `<PackageManagerTabs>` references** where they belong (docs site) but replaced them with plain `bash` blocks in the README, since npm's markdown renderer won't execute your React components.
+MIT

package/dist/AsheeUIProvider.js

@@ -1,26 +1,24 @@
 "use client";
-import { jsxs as t, jsx as m } from "react/jsx-runtime";
-import { useMemo as i } from "react";
-import { resolveConfig as s } from "./config/resolve-config.js";
-import { AsheeConfigContext as f } from "./libs/context.js";
-import { useIsomorphicLayoutEffect as n } from "./libs/use-isomorphic-layout-effect.js";
-import { AsheeThemeScript as c } from "./scripts/AsheeThemeScript.js";
-import { themeController as h } from "./theme/controller.js";
-function g({
-  config: o = {},
-  children: r
-}) {
-  const e = i(() => s(o), [o]);
-  return n(() => {
-    h.configure({
-      defaultTheme: e.defaultTheme ?? "system",
-      themes: Object.keys(e.color)
-    });
-  }, [e]), /* @__PURE__ */ t(f.Provider, { value: e, children: [
-    /* @__PURE__ */ m(c, { config: e }),
-    r
-  ] });
+"use client";
+import { themeController as e } from "./theme/controller.js";
+import { resolveConfig as t } from "./config/resolve-config.js";
+import { AsheeConfigContext as n } from "./libs/context.js";
+import { useIsomorphicLayoutEffect as r } from "./libs/use-isomorphic-layout-effect.js";
+import { AsheeThemeScript as i } from "./scripts/AsheeThemeScript.js";
+import { useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/AsheeUIProvider.tsx
+function c({ config: c = {}, children: l }) {
+	let u = a(() => t(c), [c]);
+	return r(() => {
+		e.configure({
+			defaultTheme: u.defaultTheme ?? "system",
+			themes: Object.keys(u.color)
+		});
+	}, [u]), /* @__PURE__ */ s(n.Provider, {
+		value: u,
+		children: [/* @__PURE__ */ o(i, { config: u }), l]
+	});
 }
-export {
-  g as AsheeUIProvider
-};
+//#endregion
+export { c as AsheeUIProvider };

package/dist/components/accordion/Accordion.js

@@ -1,174 +1,80 @@
 "use client";
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { forwardRef as Y, useId as ee, useCallback as O, useState as se } from "react";
-import { ChevronDownIcon as re } from "../../icons/ChevronDownIcon.js";
-import { useAsheeConfig as te } from "../../libs/context.js";
-import { resolveCascade as v, resolveRadiusKey as oe, resolveClassKey as A } from "../../utils/resolve-token.js";
-import { FALLBACK_ACCORDION_CONFIG as o } from "./accordion-config.js";
-import { ACCORDION_HEADER_SIZE_CLASS as ie, ACCORDION_CONTENT_SIZE_CLASS as ne, ACCORDION_VARIANT_ITEM_CLASS as _, ACCORDION_VARIANT_CONTAINER_CLASS as R } from "./accordion-styles.js";
-import { RADIUS_CLASS as ae } from "../../shared/radius.js";
-import { cn as n } from "../../utils/cn.js";
-const le = Y(
-  ({
-    items: g = [],
-    variant: z,
-    size: K,
-    radius: D,
-    allowMultiple: E,
-    defaultValue: L,
-    value: b,
-    onValueChange: d,
-    expandIcon: T,
-    disableAnimation: h = !1,
-    itemClassName: $,
-    headerClassName: M,
-    contentClassName: j,
-    className: V,
-    style: F,
-    id: Z,
-    ...k
-  }, B) => {
-    var S;
-    const f = te(), s = (S = f.components) == null ? void 0 : S.accordion, G = ee(), m = Z ?? G, x = v(
-      K,
-      s == null ? void 0 : s.size,
-      void 0,
-      o.size
-    ), i = v(
-      z,
-      s == null ? void 0 : s.variant,
-      f.defaultVariant,
-      o.variant
-    ), w = v(
-      E,
-      s == null ? void 0 : s.allowMultiple,
-      void 0,
-      o.allowMultiple
-    ), H = oe(
-      D,
-      s == null ? void 0 : s.radius,
-      f.defaultRadius,
-      o.radius
-    ), U = R[i] ?? R.separated, q = _[i] ?? _.separated, J = A(
-      x,
-      ie,
-      o.size
-    ), P = A(
-      x,
-      ne,
-      o.size
-    ), I = A(
-      H,
-      ae,
-      o.radius
-    ), p = b !== void 0, C = O(
-      (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e],
-      []
-    ), [Q, W] = se(
-      () => C(L)
-    ), a = p ? C(b) : Q, X = O(
-      (e, N) => {
-        if (N) return;
-        let r;
-        a.includes(e) ? r = a.filter((c) => c !== e) : r = w ? [...a, e] : [e], p || W(r), d == null || d(r);
-      },
-      [a, p, d, w]
-    );
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        ref: B,
-        id: m,
-        className: n(
-          "w-full",
-          U,
-          i !== "ghost" && i !== "flush" && I,
-          V
-        ),
-        style: F,
-        ...k,
-        children: g.map((e, N) => {
-          const r = e.id || `item-${N}`, l = a.includes(r), c = `${m}-header-${r}`, y = `${m}-content-${r}`;
-          return /* @__PURE__ */ u(
-            "div",
-            {
-              className: n(
-                "w-full transition-colors box-border",
-                q,
-                (i === "separated" || i === "ghost") && I,
-                $
-              ),
-              children: [
-                /* @__PURE__ */ u(
-                  "button",
-                  {
-                    id: c,
-                    type: "button",
-                    "aria-expanded": l,
-                    "aria-controls": y,
-                    disabled: e.disabled,
-                    onClick: () => X(r, e.disabled),
-                    className: n(
-                      "w-full min-w-full text-left flex items-center justify-between gap-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-inset text-foreground transition-colors disabled:opacity-50 disabled:cursor-not-allowed select-none box-border",
-                      J,
-                      M
-                    ),
-                    children: [
-                      /* @__PURE__ */ u("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [
-                        e.icon && /* @__PURE__ */ t("span", { className: "shrink-0 text-foreground/70", children: e.icon }),
-                        /* @__PURE__ */ u("div", { className: "flex flex-col min-w-0", children: [
-                          /* @__PURE__ */ t("span", { className: "font-semibold truncate", children: e.title }),
-                          e.subtitle && /* @__PURE__ */ t("span", { className: "text-xs text-foreground/70 truncate", children: e.subtitle })
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ t(
-                        "div",
-                        {
-                          className: n(
-                            "text-foreground/70 shrink-0 ml-2 transition-transform duration-200 ease-in-out",
-                            h ? "transition-none" : "",
-                            l && "rotate-180"
-                          ),
-                          children: T || /* @__PURE__ */ t(re, { className: "w-4 h-4" })
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "section",
-                  {
-                    id: y,
-                    "aria-labelledby": c,
-                    "data-state": l ? "open" : "closed",
-                    className: n(
-                      "w-full grid transition-[grid-template-rows,opacity] duration-250 ease-[cubic-bezier(0.16,1,0.3,1)]",
-                      h ? "transition-none" : "",
-                      l ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"
-                    ),
-                    children: /* @__PURE__ */ t("div", { className: "scrollbar-hide overflow-hidden w-full", children: /* @__PURE__ */ t(
-                      "div",
-                      {
-                        className: n(
-                          "text-foreground/70 leading-relaxed pt-0",
-                          P,
-                          j
-                        ),
-                        children: e.content
-                      }
-                    ) })
-                  }
-                )
-              ]
-            },
-            r
-          );
-        })
-      }
-    );
-  }
-);
-le.displayName = "Accordion";
-export {
-  le as Accordion
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { ChevronDownIcon as n } from "../../icons/ChevronDownIcon.js";
+import { RADIUS_CLASS as r } from "../../shared/radius.js";
+import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
+import { FALLBACK_ACCORDION_CONFIG as s } from "./accordion-config.js";
+import { ACCORDION_CONTENT_SIZE_CLASS as c, ACCORDION_HEADER_SIZE_CLASS as l, ACCORDION_VARIANT_CONTAINER_CLASS as u, ACCORDION_VARIANT_ITEM_CLASS as d } from "./accordion-styles.js";
+import { forwardRef as f, useCallback as p, useId as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/accordion/Accordion.tsx
+var v = f(({ items: f = [], variant: v, size: y, radius: b, allowMultiple: x, defaultValue: S, value: C, onValueChange: w, expandIcon: T, disableAnimation: E = !1, itemClassName: D, headerClassName: O, contentClassName: k, className: A, style: j, id: M, ...N }, P) => {
+	let F = t(), I = F.components?.accordion, L = m(), R = M ?? L, z = i(y, I?.size, void 0, s.size), B = i(v, I?.variant, F.defaultVariant, s.variant), V = i(x, I?.allowMultiple, void 0, s.allowMultiple), H = o(b, I?.radius, F.defaultRadius, s.radius), U = u[B] ?? u.separated, W = d[B] ?? d.separated, G = a(z, l, s.size), K = a(z, c, s.size), q = a(H, r, s.radius), J = C !== void 0, Y = p((e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], []), [X, Z] = h(() => Y(S)), Q = J ? Y(C) : X, $ = p((e, t) => {
+		if (t) return;
+		let n;
+		n = Q.includes(e) ? Q.filter((t) => t !== e) : V ? [...Q, e] : [e], J || Z(n), w?.(n);
+	}, [
+		Q,
+		J,
+		w,
+		V
+	]);
+	return /* @__PURE__ */ g("div", {
+		ref: P,
+		id: R,
+		className: e("w-full", U, B !== "ghost" && B !== "flush" && q, A),
+		style: j,
+		...N,
+		children: f.map((t, r) => {
+			let i = t.id || `item-${r}`, a = Q.includes(i), o = `${R}-header-${i}`, s = `${R}-content-${i}`;
+			return /* @__PURE__ */ _("div", {
+				className: e("w-full transition-colors box-border", W, (B === "separated" || B === "ghost") && q, D),
+				children: [/* @__PURE__ */ _("button", {
+					id: o,
+					type: "button",
+					"aria-expanded": a,
+					"aria-controls": s,
+					disabled: t.disabled,
+					onClick: () => $(i, t.disabled),
+					className: e("w-full min-w-full text-left flex items-center justify-between gap-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-inset text-foreground transition-colors disabled:opacity-50 disabled:cursor-not-allowed select-none box-border", G, O),
+					children: [/* @__PURE__ */ _("div", {
+						className: "flex items-center gap-3 min-w-0 flex-1",
+						children: [t.icon && /* @__PURE__ */ g("span", {
+							className: "shrink-0 text-foreground/70",
+							children: t.icon
+						}), /* @__PURE__ */ _("div", {
+							className: "flex flex-col min-w-0",
+							children: [/* @__PURE__ */ g("span", {
+								className: "font-semibold truncate",
+								children: t.title
+							}), t.subtitle && /* @__PURE__ */ g("span", {
+								className: "text-xs text-foreground/70 truncate",
+								children: t.subtitle
+							})]
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: e("text-foreground/70 shrink-0 ml-2 transition-transform duration-200 ease-in-out", E ? "transition-none" : "", a && "rotate-180"),
+						children: T || /* @__PURE__ */ g(n, { className: "w-4 h-4" })
+					})]
+				}), /* @__PURE__ */ g("section", {
+					id: s,
+					"aria-labelledby": o,
+					"data-state": a ? "open" : "closed",
+					className: e("w-full grid transition-[grid-template-rows,opacity] duration-250 ease-[cubic-bezier(0.16,1,0.3,1)]", E ? "transition-none" : "", a ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
+					children: /* @__PURE__ */ g("div", {
+						className: "scrollbar-hide overflow-hidden w-full",
+						children: /* @__PURE__ */ g("div", {
+							className: e("text-foreground/70 leading-relaxed pt-0", K, k),
+							children: t.content
+						})
+					})
+				})]
+			}, i);
+		})
+	});
+});
+v.displayName = "Accordion";
+//#endregion
+export { v as Accordion };

package/dist/components/accordion/accordion-config.js

@@ -1,17 +1,16 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-const o = {
-  size: "md",
-  allowMultiple: !1
+//#region src/components/accordion/accordion-config.ts
+var t = {
+	size: "md",
+	allowMultiple: !1
 };
-e("accordion", o);
-const t = {
-  size: "md",
-  variant: "separated",
-  radius: "md",
-  allowMultiple: !1
-};
-export {
-  t as FALLBACK_ACCORDION_CONFIG,
-  o as defaultAccordionConfig
+e("accordion", t);
+var n = {
+	size: "md",
+	variant: "separated",
+	radius: "md",
+	allowMultiple: !1
 };
+//#endregion
+export { n as FALLBACK_ACCORDION_CONFIG, t as defaultAccordionConfig };

package/dist/components/accordion/accordion-styles.js

@@ -1,26 +1,23 @@
 "use client";
-const r = {
-  sm: "px-3.5 py-2 text-xs",
-  md: "px-5 py-3.5 text-sm",
-  lg: "px-6 py-4 text-base"
-}, e = {
-  sm: "px-3.5 pb-2 text-xs",
-  md: "px-5 pb-3.5 text-sm",
-  lg: "px-6 pb-4 text-base"
-}, o = {
-  bordered: "border border-border divide-y divide-border",
-  separated: "space-y-3",
-  ghost: "divide-y divide-border border-y border-border",
-  flush: "space-y-1"
-}, s = {
-  bordered: "bg-secondary transition-colors hover:bg-foreground/10",
-  separated: "border border-border bg-secondary transition-colors hover:bg-secondary/30 shadow-xs",
-  ghost: "bg-transparent transition-colors hover:bg-secondary/20",
-  flush: "bg-transparent hover:bg-secondary/50 transition-colors"
-};
-export {
-  e as ACCORDION_CONTENT_SIZE_CLASS,
-  r as ACCORDION_HEADER_SIZE_CLASS,
-  o as ACCORDION_VARIANT_CONTAINER_CLASS,
-  s as ACCORDION_VARIANT_ITEM_CLASS
+//#region src/components/accordion/accordion-styles.ts
+var e = {
+	sm: "px-3.5 py-2 text-xs",
+	md: "px-5 py-3.5 text-sm",
+	lg: "px-6 py-4 text-base"
+}, t = {
+	sm: "px-3.5 pb-2 text-xs",
+	md: "px-5 pb-3.5 text-sm",
+	lg: "px-6 pb-4 text-base"
+}, n = {
+	bordered: "border border-border divide-y divide-border",
+	separated: "space-y-3",
+	ghost: "divide-y divide-border border-y border-border",
+	flush: "space-y-1"
+}, r = {
+	bordered: "bg-secondary transition-colors hover:bg-foreground/10",
+	separated: "border border-border bg-secondary transition-colors hover:bg-secondary/30 shadow-xs",
+	ghost: "bg-transparent transition-colors hover:bg-secondary/20",
+	flush: "bg-transparent hover:bg-secondary/50 transition-colors"
 };
+//#endregion
+export { t as ACCORDION_CONTENT_SIZE_CLASS, e as ACCORDION_HEADER_SIZE_CLASS, n as ACCORDION_VARIANT_CONTAINER_CLASS, r as ACCORDION_VARIANT_ITEM_CLASS };

package/dist/components/autocomplete/Autocomplete.js

@@ -1,137 +1,79 @@
 "use client";
-import { jsxs as V, jsx as A } from "react/jsx-runtime";
-import { useFocus as g, useDismiss as C, useRole as ee, useInteractions as te } from "@floating-ui/react";
-import { forwardRef as se, useMemo as F, useState as K, useEffect as re, useCallback as L } from "react";
-import { useAsheeConfig as oe } from "../../libs/context.js";
-import { resolveCascade as v, resolveRadiusKey as ie } from "../../utils/resolve-token.js";
-import { Input as le } from "../input/Input.js";
-import { SelectMenu as ce } from "../select-menu/SelectMenu.js";
-import { FALLBACK_AUTOCOMPLETE_CONFIG as p } from "./autocomplete-config.js";
-import { useSelectFloating as fe } from "../select-menu/use-select-floating.js";
-const me = se(
-  ({
-    options: o = [],
-    value: s,
-    onValueChange: r,
-    onInputChange: l,
-    allowCustomValue: R = !1,
-    belowList: M,
-    menu: P,
-    variant: z,
-    color: w,
-    radius: E,
-    size: N,
-    endContent: T,
-    onClick: n,
-    disabled: O,
-    placeholder: j = "Type to search...",
-    className: _,
-    ...B
-  }, c) => {
-    var b;
-    const f = oe(), e = (b = f.components) == null ? void 0 : b.autocomplete, D = v(
-      z,
-      e == null ? void 0 : e.variant,
-      f.defaultVariant,
-      p.variant
-    ), G = v(
-      w,
-      e == null ? void 0 : e.color,
-      f.defaultColor,
-      p.color
-    ), I = ie(
-      E,
-      e == null ? void 0 : e.radius,
-      f.defaultRadius,
-      p.radius
-    ), U = v(
-      N,
-      e == null ? void 0 : e.size,
-      void 0,
-      p.size
-    ), i = F(
-      () => o.find((t) => t.value === s),
-      [o, s]
-    ), [S, m] = K(!1), [a, u] = K(
-      () => i ? i.label : String(s ?? "")
-    );
-    re(() => {
-      i ? u(i.label) : s != null && u(String(s));
-    }, [i, s]);
-    const { refs: x, context: d, isPositioned: q, floatingStyles: H } = fe({
-      isOpen: S,
-      onOpenChange: m,
-      disabled: O
-    }), J = g(d), Q = C(d), W = ee(d, { role: "combobox" }), { getReferenceProps: X, getFloatingProps: Y } = te([
-      J,
-      Q,
-      W
-    ]), Z = F(() => a.trim() ? o.filter(
-      (t) => t.label.toLowerCase().includes(a.toLowerCase())
-    ) : o, [o, a]), $ = L(
-      (t) => {
-        const y = t.target.value;
-        u(y), l == null || l(y), m(!0), R && (r == null || r(y));
-      },
-      [R, l, r]
-    ), k = L(
-      (t) => {
-        u(t.label), r == null || r(t.value, t), m(!1);
-      },
-      [r]
-    ), h = F(
-      () => s != null ? [s] : [],
-      [s]
-    );
-    return /* @__PURE__ */ V("div", { className: "w-full relative inline-block", children: [
-      /* @__PURE__ */ A(
-        le,
-        {
-          ref: (t) => {
-            x.setReference(t), typeof c == "function" ? c(t) : c && (c.current = t);
-          },
-          variant: D,
-          radius: I,
-          color: G,
-          size: U,
-          disabled: O,
-          placeholder: j,
-          value: a,
-          onChange: $,
-          onClick: (t) => {
-            O || m(!0), n == null || n(t);
-          },
-          "aria-expanded": S,
-          "aria-autocomplete": "none",
-          endContent: T,
-          className: _,
-          ...X(B)
-        }
-      ),
-      /* @__PURE__ */ A(
-        ce,
-        {
-          isOpen: S,
-          floatingStyles: H,
-          context: d,
-          getFloatingProps: Y,
-          setFloatingRef: x.setFloating,
-          isPositioned: q,
-          options: Z,
-          selectedValues: h,
-          onSelectMenuOption: k,
-          isSearch: !1,
-          belowList: M,
-          menuProps: P,
-          menuConfig: e == null ? void 0 : e.menu,
-          initialFocus: -1,
-          returnFocus: !1
-        }
-      )
-    ] });
-  }
-);
-me.displayName = "Autocomplete";
-export {
-  me as Autocomplete
-};
+"use client";
+import { useAsheeConfig as e } from "../../libs/context.js";
+import { resolveCascade as t, resolveRadiusKey as n } from "../../utils/resolve-token.js";
+import { Input as r } from "../input/Input.js";
+import { SelectMenu as i } from "../select-menu/SelectMenu.js";
+import { useSelectFloating as a } from "../select-menu/use-select-floating.js";
+import { FALLBACK_AUTOCOMPLETE_CONFIG as o } from "./autocomplete-config.js";
+import { forwardRef as s, useCallback as c, useEffect as l, useMemo as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useDismiss as m, useFocus as h, useInteractions as g, useRole as _ } from "@floating-ui/react";
+//#region src/components/autocomplete/Autocomplete.tsx
+var v = s(({ options: s = [], value: v, onValueChange: y, onInputChange: b, allowCustomValue: x = !1, belowList: S, menu: C, variant: w, color: T, radius: E, size: D, endContent: O, onClick: k, disabled: A, placeholder: j = "Type to search...", className: M, ...N }, P) => {
+	let F = e(), I = F.components?.autocomplete, L = t(w, I?.variant, F.defaultVariant, o.variant), R = t(T, I?.color, F.defaultColor, o.color), z = n(E, I?.radius, F.defaultRadius, o.radius), ee = t(D, I?.size, void 0, o.size), B = u(() => s.find((e) => e.value === v), [s, v]), [V, H] = d(!1), [U, W] = d(() => B ? B.label : String(v ?? ""));
+	l(() => {
+		B ? W(B.label) : v != null && W(String(v));
+	}, [B, v]);
+	let { refs: G, context: K, isPositioned: q, floatingStyles: J } = a({
+		isOpen: V,
+		onOpenChange: H,
+		disabled: A
+	}), Y = h(K), X = m(K), Z = _(K, { role: "combobox" }), { getReferenceProps: Q, getFloatingProps: $ } = g([
+		Y,
+		X,
+		Z
+	]), te = u(() => U.trim() ? s.filter((e) => e.label.toLowerCase().includes(U.toLowerCase())) : s, [s, U]), ne = c((e) => {
+		let t = e.target.value;
+		W(t), b?.(t), H(!0), x && y?.(t);
+	}, [
+		x,
+		b,
+		y
+	]), re = c((e) => {
+		W(e.label), y?.(e.value, e), H(!1);
+	}, [y]), ie = u(() => v == null ? [] : [v], [v]);
+	return /* @__PURE__ */ p("div", {
+		className: "w-full relative inline-block",
+		children: [/* @__PURE__ */ f(r, {
+			ref: (e) => {
+				G.setReference(e), typeof P == "function" ? P(e) : P && (P.current = e);
+			},
+			variant: L,
+			radius: z,
+			color: R,
+			size: ee,
+			disabled: A,
+			placeholder: j,
+			value: U,
+			onChange: ne,
+			onClick: (e) => {
+				A || H(!0), k?.(e);
+			},
+			"aria-expanded": V,
+			"aria-autocomplete": "none",
+			endContent: O,
+			className: M,
+			...Q(N)
+		}), /* @__PURE__ */ f(i, {
+			isOpen: V,
+			floatingStyles: J,
+			context: K,
+			getFloatingProps: $,
+			setFloatingRef: G.setFloating,
+			isPositioned: q,
+			options: te,
+			selectedValues: ie,
+			onSelectMenuOption: re,
+			isSearch: !1,
+			belowList: S,
+			menuProps: C,
+			menuConfig: I?.menu,
+			initialFocus: -1,
+			returnFocus: !1
+		})]
+	});
+});
+v.displayName = "Autocomplete";
+//#endregion
+export { v as Autocomplete };

package/dist/components/autocomplete/autocomplete-config.js

@@ -1,14 +1,9 @@
 "use client";
-import { registerComponentDefaults as o } from "../../libs/registry.js";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
 import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
-import { defaultInputConfig as e } from "../input/input-config.js";
-const m = {
-  ...e
-}, p = {
-  ...t
-};
-o("autocomplete", m);
-export {
-  p as FALLBACK_AUTOCOMPLETE_CONFIG,
-  m as defaultAutocompleteConfig
-};
+import { defaultInputConfig as n } from "../input/input-config.js";
+//#region src/components/autocomplete/autocomplete-config.ts
+var r = { ...n }, i = { ...t };
+e("autocomplete", r);
+//#endregion
+export { i as FALLBACK_AUTOCOMPLETE_CONFIG, r as defaultAutocompleteConfig };