asheeui 0.6.14 → 0.7.0

package/dist/components/resizable-screen/ResizableScreen.js

@@ -1,179 +1,89 @@
 "use client";
-import { jsxs as ee, jsx as v } from "react/jsx-runtime";
-import { forwardRef as te, useState as H, useRef as re, useCallback as k } from "react";
-import { useAsheeConfig as oe } from "../../libs/context.js";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
 import { resolveCascade as n } from "../../utils/resolve-token.js";
-import { FALLBACK_RESIZABLE_SCREEN_CONFIG as l } from "./resizable-screen-config.js";
-import { cn as c } from "../../utils/cn.js";
-const ie = te(
-  ({
-    children: A,
-    left: I,
-    size: w,
-    defaultSize: M,
-    minSize: N,
-    maxSize: E,
-    step: K,
-    orientation: L,
-    hideHandle: $,
-    onSizeChange: d,
-    handleClassName: S,
-    minContainerHeight: j = 200,
-    minContainerWidth: B = 200,
-    className: U,
-    style: _,
-    ...F
-  }, u) => {
-    var R;
-    const t = (R = oe().components) == null ? void 0 : R.resizableScreen, h = n(
-      N,
-      t == null ? void 0 : t.minSize,
-      void 0,
-      l.minSize
-    ), f = n(
-      E,
-      t == null ? void 0 : t.maxSize,
-      void 0,
-      l.maxSize
-    ), D = n(
-      K,
-      t == null ? void 0 : t.step,
-      void 0,
-      l.step
-    ), z = n(
-      L,
-      t == null ? void 0 : t.orientation,
-      void 0,
-      l.orientation
-    ), G = n(
-      $,
-      t == null ? void 0 : t.hideHandle,
-      void 0,
-      l.hideHandle
-    ), O = n(
-      M,
-      t == null ? void 0 : t.defaultSize,
-      void 0,
-      l.defaultSize
-    ), T = w ?? I ?? O, [W, X] = H(T), [o, b] = H(!1), x = re(null), y = w !== void 0, a = y ? w : W, g = k(
-      (e) => Math.min(Math.max(e, h), f),
-      [h, f]
-    ), s = k(
-      (e) => {
-        const r = g(e);
-        y || X(r), d == null || d(r);
-      },
-      [g, y, d]
-    ), Y = (e) => {
-      e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), b(!0);
-    }, Z = (e) => {
-      if (!o || !x.current) return;
-      const r = x.current.getBoundingClientRect(), m = z === "horizontal", p = m ? r.width : r.height, V = m ? e.clientX - r.left : e.clientY - r.top;
-      if (p > 0) {
-        const C = V / p * 100;
-        s(C);
-      }
-    }, P = (e) => {
-      if (o) {
-        try {
-          e.currentTarget.releasePointerCapture(e.pointerId);
-        } catch {
-        }
-        b(!1);
-      }
-    }, q = (e) => {
-      const r = z === "horizontal", m = r ? "ArrowLeft" : "ArrowUp", p = r ? "ArrowRight" : "ArrowDown";
-      e.key === m ? (e.preventDefault(), s(a - D)) : e.key === p ? (e.preventDefault(), s(a + D)) : e.key === "Home" ? (e.preventDefault(), s(h)) : e.key === "End" && (e.preventDefault(), s(f));
-    }, [J, Q] = A, i = z === "horizontal";
-    return /* @__PURE__ */ ee(
-      "div",
-      {
-        ref: (e) => {
-          x.current = e, typeof u == "function" ? u(e) : u && (u.current = e);
-        },
-        className: c(
-          "flex relative",
-          o && "select-none",
-          i ? "flex-row" : "flex-col",
-          U
-        ),
-        style: {
-          cursor: o ? i ? "col-resize" : "row-resize" : "default",
-          // Ensure sensible minimums so the component works even when no
-          // ancestor provides a definite size. These are fallbacks only.
-          minHeight: `${j}px`,
-          minWidth: `${B}px`,
-          ..._
-        },
-        ...F,
-        children: [
-          /* @__PURE__ */ v(
-            "div",
-            {
-              className: c(
-                "min-w-0 min-h-0 overflow-auto",
-                o ? "transition-none" : "transition-[width,height] duration-150 ease-out"
-              ),
-              style: {
-                [i ? "width" : "height"]: `${a}%`,
-                flexShrink: 0,
-                flexGrow: 0
-              },
-              children: J
-            }
-          ),
-          !G && // biome-ignore lint/a11y/useSemanticElements: interactive resizable handle requires div styling
-          /* @__PURE__ */ v(
-            "div",
-            {
-              role: "separator",
-              tabIndex: 0,
-              "aria-valuenow": Math.round(a),
-              "aria-valuemin": h,
-              "aria-valuemax": f,
-              "aria-orientation": i ? "horizontal" : "vertical",
-              "aria-label": "Resize panel split",
-              onPointerDown: Y,
-              onPointerMove: Z,
-              onPointerUp: P,
-              onPointerCancel: P,
-              onKeyDown: q,
-              className: c(
-                "relative z-20 shrink-0 flex items-center justify-center outline-none select-none group touch-none",
-                i ? "w-4 self-stretch cursor-col-resize -mx-2" : "h-4 self-stretch w-full cursor-row-resize -my-2"
-              ),
-              children: /* @__PURE__ */ v(
-                "div",
-                {
-                  className: c(
-                    "transition-colors duration-150",
-                    i ? "w-1 self-stretch" : "h-1 self-stretch w-full",
-                    S || (o ? "bg-primary" : "bg-border group-hover:bg-primary/70 group-focus-visible:bg-primary")
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ v(
-            "div",
-            {
-              className: c(
-                "min-w-0 min-h-0 overflow-auto",
-                o ? "transition-none" : "transition-[width,height] duration-150 ease-out"
-              ),
-              style: {
-                [i ? "width" : "height"]: `${100 - a}%`,
-                flex: 1
-              },
-              children: Q
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ie.displayName = "ResizableScreen";
-export {
-  ie as ResizableScreen
-};
+import { FALLBACK_RESIZABLE_SCREEN_CONFIG as r } from "./resizable-screen-config.js";
+import { forwardRef as i, useCallback as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/resizable-screen/ResizableScreen.tsx
+var u = i(({ children: i, left: u, size: d, defaultSize: f, minSize: p, maxSize: m, step: h, orientation: g, hideHandle: _, onSizeChange: v, handleClassName: y, minContainerHeight: b = 200, minContainerWidth: x = 200, className: S, style: C, ...w }, T) => {
+	let E = t().components?.resizableScreen, D = n(p, E?.minSize, void 0, r.minSize), O = n(m, E?.maxSize, void 0, r.maxSize), k = n(h, E?.step, void 0, r.step), A = n(g, E?.orientation, void 0, r.orientation), j = n(_, E?.hideHandle, void 0, r.hideHandle), M = n(f, E?.defaultSize, void 0, r.defaultSize), [N, P] = s(d ?? u ?? M), [F, I] = s(!1), L = o(null), R = d !== void 0, z = R ? d : N, B = a((e) => Math.min(Math.max(e, D), O), [D, O]), V = a((e) => {
+		let t = B(e);
+		R || P(t), v?.(t);
+	}, [
+		B,
+		R,
+		v
+	]), H = (e) => {
+		e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), I(!0);
+	}, U = (e) => {
+		if (!F || !L.current) return;
+		let t = L.current.getBoundingClientRect(), n = A === "horizontal", r = n ? t.width : t.height, i = n ? e.clientX - t.left : e.clientY - t.top;
+		if (r > 0) {
+			let e = i / r * 100;
+			V(e);
+		}
+	}, W = (e) => {
+		if (F) {
+			try {
+				e.currentTarget.releasePointerCapture(e.pointerId);
+			} catch {}
+			I(!1);
+		}
+	}, G = (e) => {
+		let t = A === "horizontal", n = t ? "ArrowLeft" : "ArrowUp", r = t ? "ArrowRight" : "ArrowDown";
+		e.key === n ? (e.preventDefault(), V(z - k)) : e.key === r ? (e.preventDefault(), V(z + k)) : e.key === "Home" ? (e.preventDefault(), V(D)) : e.key === "End" && (e.preventDefault(), V(O));
+	}, [K, q] = i, J = A === "horizontal";
+	return /* @__PURE__ */ l("div", {
+		ref: (e) => {
+			L.current = e, typeof T == "function" ? T(e) : T && (T.current = e);
+		},
+		className: e("flex relative", F && "select-none", J ? "flex-row" : "flex-col", S),
+		style: {
+			cursor: F ? J ? "col-resize" : "row-resize" : "default",
+			minHeight: `${b}px`,
+			minWidth: `${x}px`,
+			...C
+		},
+		...w,
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: e("min-w-0 min-h-0 overflow-auto", F ? "transition-none" : "transition-[width,height] duration-150 ease-out"),
+				style: {
+					[J ? "width" : "height"]: `${z}%`,
+					flexShrink: 0,
+					flexGrow: 0
+				},
+				children: K
+			}),
+			!j && /* @__PURE__ */ c("div", {
+				role: "separator",
+				tabIndex: 0,
+				"aria-valuenow": Math.round(z),
+				"aria-valuemin": D,
+				"aria-valuemax": O,
+				"aria-orientation": J ? "horizontal" : "vertical",
+				"aria-label": "Resize panel split",
+				onPointerDown: H,
+				onPointerMove: U,
+				onPointerUp: W,
+				onPointerCancel: W,
+				onKeyDown: G,
+				className: e("relative z-20 shrink-0 flex items-center justify-center outline-none select-none group touch-none", J ? "w-4 self-stretch cursor-col-resize -mx-2" : "h-4 self-stretch w-full cursor-row-resize -my-2"),
+				children: /* @__PURE__ */ c("div", { className: e("transition-colors duration-150", J ? "w-1 self-stretch" : "h-1 self-stretch w-full", y || (F ? "bg-primary" : "bg-border group-hover:bg-primary/70 group-focus-visible:bg-primary")) })
+			}),
+			/* @__PURE__ */ c("div", {
+				className: e("min-w-0 min-h-0 overflow-auto", F ? "transition-none" : "transition-[width,height] duration-150 ease-out"),
+				style: {
+					[J ? "width" : "height"]: `${100 - z}%`,
+					flex: 1
+				},
+				children: q
+			})
+		]
+	});
+});
+u.displayName = "ResizableScreen";
+//#endregion
+export { u as ResizableScreen };

package/dist/components/resizable-screen/resizable-screen-config.js

@@ -1,21 +1,20 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-const i = {
-  defaultSize: 50,
-  minSize: 20,
-  maxSize: 80,
-  step: 2,
-  orientation: "horizontal"
+//#region src/components/resizable-screen/resizable-screen-config.ts
+var t = {
+	defaultSize: 50,
+	minSize: 20,
+	maxSize: 80,
+	step: 2,
+	orientation: "horizontal"
 }, n = {
-  defaultSize: 50,
-  minSize: 20,
-  maxSize: 80,
-  step: 2,
-  orientation: "horizontal",
-  hideHandle: !1
-};
-e("resizableScreen", i);
-export {
-  n as FALLBACK_RESIZABLE_SCREEN_CONFIG,
-  i as defaultResizableScreenConfig
+	defaultSize: 50,
+	minSize: 20,
+	maxSize: 80,
+	step: 2,
+	orientation: "horizontal",
+	hideHandle: !1
 };
+e("resizableScreen", t);
+//#endregion
+export { n as FALLBACK_RESIZABLE_SCREEN_CONFIG, t as defaultResizableScreenConfig };

package/dist/components/select/Select.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { InputProps } from '../input/Input';
-import { MenuConfig, SelectMenuOption } from '../select-menu/select-menu-config';
+import { MenuProps } from '../select-menu/SelectMenu';
+import { SelectMenuOption } from '../select-menu/select-menu-config';
 import { SelectConfig } from './select-config';
 /**
  * Field-related props that Select inherits from Input.
@@ -89,7 +90,7 @@ export interface SelectProps extends SelectFieldProps, Omit<SelectConfig, "menu"
      * Menu configuration overrides including portal, portalTarget, className, and visual styles.
      * All menu-related props should be passed through this object.
      */
-    menu?: MenuConfig;
+    menu?: MenuProps;
 }
 /**
  * A dropdown selector with search, label, validation, and configurable styles.

package/dist/components/select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAK5E;;;GAGG;AACH,KAAK,gBAAgB,GAAG,IAAI,CAC1B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,eAAO,MAAM,MAAM,2GAsPlB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,2BAA2B,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAK5E;;;GAGG;AACH,KAAK,gBAAgB,GAAG,IAAI,CAC1B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,eAAO,MAAM,MAAM,2GAsPlB,CAAC"}

package/dist/components/select/Select.js

@@ -1,196 +1,98 @@
 "use client";
-import { jsx as l, jsxs as O, Fragment as me } from "react/jsx-runtime";
-import { forwardRef as fe, useId as pe, useState as g, useMemo as b, useCallback as ve } from "react";
-import { ChevronDownIcon as Se } from "../../icons/ChevronDownIcon.js";
-import { useAsheeConfig as be } from "../../libs/context.js";
-import { resolveCascade as f, resolveRadiusKey as ye } from "../../utils/resolve-token.js";
-import { Button as he } from "../button/Button.js";
-import { FieldShell as xe } from "../field/FieldShell.js";
-import { SelectMenu as Ae } from "../select-menu/SelectMenu.js";
-import { FALLBACK_SELECT_CONFIG as o } from "./select-config.js";
-import { SELECT_STATUS_BORDER_CLASS as Re } from "./select-styles.js";
-import { useSelectFloating as Fe } from "../select-menu/use-select-floating.js";
-import { cn as y } from "../../utils/cn.js";
-const Ie = fe(
-  ({
-    options: p = [],
-    value: r,
-    onChange: v,
-    onValueChange: a,
-    size: E,
-    radius: P,
-    variant: _,
-    color: j,
-    status: w,
-    label: z,
-    labelAlign: B,
-    description: S,
-    message: h,
-    required: M,
-    isLoading: x,
-    disabled: A,
-    isSearch: T = !1,
-    searchPlaceholder: k = "Search options...",
-    searchInputName: D = "select-search",
-    initialValue: n,
-    belowList: $,
-    placeholder: R = "Select...",
-    className: Q,
-    id: G,
-    name: F,
-    menu: U,
-    style: W,
-    startContent: q,
-    endContent: H
-  }, i) => {
-    var N;
-    const d = be(), e = (N = d.components) == null ? void 0 : N.select, J = pe(), c = G ?? J, [u, I] = g(!1), [X, K] = g(""), Y = f(
-      E,
-      e == null ? void 0 : e.size,
-      void 0,
-      o.size
-    ), Z = f(
-      _,
-      e == null ? void 0 : e.variant,
-      d.defaultVariant,
-      o.variant
-    ), C = f(
-      j,
-      e == null ? void 0 : e.color,
-      d.defaultColor,
-      o.color
-    ), V = ye(
-      P,
-      e == null ? void 0 : e.radius,
-      d.defaultRadius,
-      o.radius
-    ), m = w ?? o.status, ee = f(
-      B,
-      e == null ? void 0 : e.labelAlign,
-      void 0,
-      o.labelAlign
-    ), te = m !== "default" ? Re[m] : "", s = b(
-      () => p.find((t) => t.value === r),
-      [p, r]
-    ), {
-      refs: L,
-      context: re,
-      floatingStyles: se,
-      isPositioned: oe,
-      getReferenceProps: le,
-      getFloatingProps: ae
-    } = Fe({
-      isOpen: u,
-      onOpenChange: I,
-      disabled: A
-    }), ne = ve(
-      (t) => {
-        if (a == null || a(t.value), v) {
-          const ue = {
-            target: { value: t.value, name: F ?? "" }
-          };
-          v(ue);
-        }
-        I(!1), K("");
-      },
-      [F, v, a]
-    ), ie = b(() => s != null && s.label ? s.label : n !== void 0 ? String(n) : R, [s, n, R]), de = b(
-      () => r != null ? [r] : [],
-      [r]
-    ), ce = le();
-    return /* @__PURE__ */ l(
-      xe,
-      {
-        id: c,
-        label: z,
-        labelAlign: ee,
-        description: S,
-        descriptionId: S ? `${c}-description` : void 0,
-        message: h,
-        messageId: h ? `${c}-message` : void 0,
-        status: m,
-        required: M,
-        isLoading: x,
-        children: /* @__PURE__ */ O("div", { className: "w-full relative inline-block", children: [
-          /* @__PURE__ */ l(
-            he,
-            {
-              ref: (t) => {
-                L.setReference(t), typeof i == "function" ? i(t) : i && (i.current = t);
-              },
-              type: "button",
-              variant: Z,
-              color: C,
-              animate: !1,
-              size: Y,
-              radius: V,
-              isDisabled: A,
-              isLoading: x,
-              fullWidth: !0,
-              "aria-expanded": u,
-              "aria-haspopup": "listbox",
-              "aria-invalid": m === "error",
-              "aria-describedby": [S ? `${c}-description` : void 0].filter(Boolean).join(" ") || void 0,
-              className: y(
-                "font-normal text-left justify-between",
-                te,
-                Q
-              ),
-              style: W,
-              startContent: q,
-              endContent: /* @__PURE__ */ O(me, { children: [
-                H,
-                /* @__PURE__ */ l(
-                  Se,
-                  {
-                    className: y(
-                      "shrink-0 text-foreground/70 transition-transform duration-200",
-                      u && "rotate-180"
-                    )
-                  }
-                )
-              ] }),
-              ...ce,
-              children: /* @__PURE__ */ l(
-                "span",
-                {
-                  className: y(
-                    "truncate",
-                    s || n ? "text-foreground" : "text-foreground/70"
-                  ),
-                  children: ie
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ l(
-            Ae,
-            {
-              isOpen: u,
-              context: re,
-              floatingStyles: se,
-              getFloatingProps: ae,
-              setFloatingRef: L.setFloating,
-              isPositioned: oe,
-              options: p,
-              selectedValues: de,
-              onSelectMenuOption: ne,
-              isSearch: T,
-              searchPlaceholder: k,
-              searchInputName: D,
-              searchQuery: X,
-              onSearchChange: K,
-              belowList: $,
-              menuProps: U,
-              menuConfig: e == null ? void 0 : e.menu
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-Ie.displayName = "Select";
-export {
-  Ie as Select
-};
+"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 { resolveCascade as r, resolveRadiusKey as i } from "../../utils/resolve-token.js";
+import { FieldShell as a } from "../field/FieldShell.js";
+import { Button as o } from "../button/Button.js";
+import { SelectMenu as s } from "../select-menu/SelectMenu.js";
+import { useSelectFloating as c } from "../select-menu/use-select-floating.js";
+import { FALLBACK_SELECT_CONFIG as l } from "./select-config.js";
+import { SELECT_STATUS_BORDER_CLASS as u } from "./select-styles.js";
+import { forwardRef as d, useCallback as ee, useId as f, useMemo as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/select/Select.tsx
+var v = d(({ options: d = [], value: v, onChange: y, onValueChange: b, size: te, radius: x, variant: S, color: C, status: ne, label: re, labelAlign: ie, description: w, message: T, required: E, isLoading: D, disabled: O, isSearch: k = !1, searchPlaceholder: A = "Search options...", searchInputName: j = "select-search", initialValue: M, belowList: N, placeholder: P = "Select...", className: F, id: I, name: L, menu: R, style: z, startContent: B, endContent: V }, H) => {
+	let U = t(), W = U.components?.select, G = f(), K = I ?? G, [q, J] = m(!1), [Y, X] = m(""), ae = r(te, W?.size, void 0, l.size), oe = r(S, W?.variant, U.defaultVariant, l.variant), se = r(C, W?.color, U.defaultColor, l.color), ce = i(x, W?.radius, U.defaultRadius, l.radius), Z = ne ?? l.status, le = r(ie, W?.labelAlign, void 0, l.labelAlign), ue = Z === "default" ? "" : u[Z], Q = p(() => d.find((e) => e.value === v), [d, v]), { refs: $, context: de, floatingStyles: fe, isPositioned: pe, getReferenceProps: me, getFloatingProps: he } = c({
+		isOpen: q,
+		onOpenChange: J,
+		disabled: O
+	}), ge = ee((e) => {
+		b?.(e.value), y && y({ target: {
+			value: e.value,
+			name: L ?? ""
+		} }), J(!1), X("");
+	}, [
+		L,
+		y,
+		b
+	]), _e = p(() => Q?.label ? Q.label : M === void 0 ? P : String(M), [
+		Q,
+		M,
+		P
+	]), ve = p(() => v == null ? [] : [v], [v]), ye = me();
+	return /* @__PURE__ */ g(a, {
+		id: K,
+		label: re,
+		labelAlign: le,
+		description: w,
+		descriptionId: w ? `${K}-description` : void 0,
+		message: T,
+		messageId: T ? `${K}-message` : void 0,
+		status: Z,
+		required: E,
+		isLoading: D,
+		children: /* @__PURE__ */ _("div", {
+			className: "w-full relative inline-block",
+			children: [/* @__PURE__ */ g(o, {
+				ref: (e) => {
+					$.setReference(e), typeof H == "function" ? H(e) : H && (H.current = e);
+				},
+				type: "button",
+				variant: oe,
+				color: se,
+				animate: !1,
+				size: ae,
+				radius: ce,
+				isDisabled: O,
+				isLoading: D,
+				fullWidth: !0,
+				"aria-expanded": q,
+				"aria-haspopup": "listbox",
+				"aria-invalid": Z === "error",
+				"aria-describedby": [w ? `${K}-description` : void 0].filter(Boolean).join(" ") || void 0,
+				className: e("font-normal text-left justify-between", ue, F),
+				style: z,
+				startContent: B,
+				endContent: /* @__PURE__ */ _(h, { children: [V, /* @__PURE__ */ g(n, { className: e("shrink-0 text-foreground/70 transition-transform duration-200", q && "rotate-180") })] }),
+				...ye,
+				children: /* @__PURE__ */ g("span", {
+					className: e("truncate", Q || M ? "text-foreground" : "text-foreground/70"),
+					children: _e
+				})
+			}), /* @__PURE__ */ g(s, {
+				isOpen: q,
+				context: de,
+				floatingStyles: fe,
+				getFloatingProps: he,
+				setFloatingRef: $.setFloating,
+				isPositioned: pe,
+				options: d,
+				selectedValues: ve,
+				onSelectMenuOption: ge,
+				isSearch: k,
+				searchPlaceholder: A,
+				searchInputName: j,
+				searchQuery: Y,
+				onSearchChange: X,
+				belowList: N,
+				menuProps: R,
+				menuConfig: W?.menu
+			})]
+		})
+	});
+});
+v.displayName = "Select";
+//#endregion
+export { v as Select };

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

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