asheeui 0.6.14 → 0.7.0

package/dist/components/modal/Modal.js

@@ -1,139 +1,59 @@
 "use client";
-import { jsxs as P, jsx as v } from "react/jsx-runtime";
-import { useState as y, useEffect as A } from "react";
-import { useAsheeConfig as U } from "../../libs/context.js";
-import { resolveCascade as a, resolveRadiusKey as W, resolveClassKey as b } from "../../utils/resolve-token.js";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { ASHEE_GLOBAL_LAYER as t } from "../../utils/stacking.js";
+import { useAsheeConfig as n } from "../../libs/context.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_MODAL_CONFIG as s } from "./modal-config.js";
-import { MODAL_MAX_WIDTH_CLASS as X, MODAL_POSITION_CLASS as S } from "./modal-styles.js";
-import { RADIUS_CLASS as J } from "../../shared/radius.js";
-import { cn as l } from "../../utils/cn.js";
-function Q({
-  isOpen: o,
-  onClose: t,
-  children: w,
-  width: d,
-  height: L,
-  size: O,
-  position: h,
-  radius: x,
-  animated: E,
-  closeOnBackdropClick: N,
-  closeOnEscape: _,
-  overlayClassName: M,
-  contentClassName: z,
-  className: B,
-  style: C,
-  ...D
-}) {
-  var k;
-  const c = U(), e = (k = c.components) == null ? void 0 : k.modal, [m, u] = y(!1), [I, n] = y(o), K = a(
-    O,
-    e == null ? void 0 : e.size,
-    void 0,
-    s.size
-  ), R = a(
-    h,
-    e == null ? void 0 : e.position,
-    void 0,
-    s.position
-  ), T = a(
-    N,
-    e == null ? void 0 : e.closeOnBackdropClick,
-    void 0,
-    s.closeOnBackdropClick
-  ), p = a(
-    _,
-    e == null ? void 0 : e.closeOnEscape,
-    void 0,
-    s.closeOnEscape
-  ), j = W(
-    x,
-    e == null ? void 0 : e.radius,
-    c.defaultRadius,
-    s.radius
-  ), r = a(
-    E,
-    e == null ? void 0 : e.animated,
-    void 0,
-    s.animated
-  ), F = d ? "" : b(
-    K,
-    X,
-    s.size
-  ), g = b(
-    j,
-    J,
-    s.radius
-  ), q = S[R] ?? S.center;
-  if (A(() => {
-    if (o)
-      n(!0), requestAnimationFrame(() => {
-        u(!1);
-      });
-    else if (r) {
-      u(!0);
-      const i = setTimeout(() => {
-        n(!1);
-      }, 200);
-      return () => clearTimeout(i);
-    } else
-      n(!1);
-  }, [o, r]), A(() => {
-    if (!o || !p || !t) return;
-    const i = (H) => {
-      H.key === "Escape" && t();
-    };
-    return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
-  }, [o, p, t]), !I) return null;
-  const f = () => r ? m ? "animate-backdrop-out" : "animate-backdrop-in" : "", G = () => r ? m ? "animate-modal-out" : "animate-modal-in" : "";
-  return /* @__PURE__ */ P(
-    "div",
-    {
-      role: "dialog",
-      "aria-modal": "true",
-      className: l(
-        "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6 h-screen w-screen scrollbar-hide",
-        f()
-      ),
-      children: [
-        /* @__PURE__ */ v(
-          "button",
-          {
-            type: "button",
-            onClick: T ? t : void 0,
-            className: l(
-              "fixed inset-0 bg-background/80 backdrop-blur-xs dark:bg-black/70",
-              M,
-              f()
-            )
-          }
-        ),
-        /* @__PURE__ */ v(
-          "div",
-          {
-            className: l(
-              "relative z-10 w-full bg-background text-foreground overflow-y-auto max-h-[90vh]",
-              q,
-              F,
-              g,
-              z,
-              G(),
-              B
-            ),
-            style: {
-              width: d,
-              height: L,
-              ...C
-            },
-            ...D,
-            children: w
-          }
-        )
-      ]
-    }
-  );
+import { MODAL_MAX_WIDTH_CLASS as c, MODAL_POSITION_CLASS as l } from "./modal-styles.js";
+import { useEffect as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/modal/Modal.tsx
+function m({ isOpen: m, onClose: h, children: g, width: _, height: v, size: y, position: b, radius: x, animated: S, closeOnBackdropClick: C, closeOnEscape: w, overlay: T, content: E, className: D, style: O, ...k }) {
+	let A = n(), j = A.components?.modal, [M, N] = d(!1), [P, F] = d(m), I = i(y, j?.size, void 0, s.size), L = i(b, j?.position, void 0, s.position), R = i(C, j?.closeOnBackdropClick, void 0, s.closeOnBackdropClick), z = i(w, j?.closeOnEscape, void 0, s.closeOnEscape), B = o(x, j?.radius, A.defaultRadius, s.radius), V = i(S, j?.animated, void 0, s.animated), H = _ ? "" : a(I, c, s.size), U = a(B, r, s.radius), W = l[L] ?? l.center;
+	if (u(() => {
+		if (m) N(!1), F(!0);
+		else if (V) {
+			N(!0);
+			let e = setTimeout(() => {
+				F(!1);
+			}, 200);
+			return () => clearTimeout(e);
+		} else F(!1);
+	}, [m, V]), u(() => {
+		if (!m || !z || !h) return;
+		let e = (e) => {
+			e.key === "Escape" && h();
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		m,
+		z,
+		h
+	]), !P) return null;
+	let G = () => V ? M ? "animate-backdrop-out" : "animate-backdrop-in" : "";
+	return /* @__PURE__ */ p("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		className: e("fixed inset-0 flex items-center justify-center p-4 sm:p-6 h-screen w-screen scrollbar-hide", G()),
+		style: { zIndex: t.overlay },
+		children: [/* @__PURE__ */ f("button", {
+			type: "button",
+			onClick: R ? h : void 0,
+			className: e("fixed inset-0 bg-background/80 backdrop-blur-xs dark:bg-black/70", T?.className, G())
+		}), /* @__PURE__ */ f("div", {
+			className: e("relative z-10 w-full bg-background text-foreground overflow-y-auto max-h-[90vh]", W, H, U, E?.className, V ? M ? "animate-modal-out" : "animate-modal-in" : "", D),
+			style: {
+				width: _,
+				height: v,
+				...O
+			},
+			...k,
+			children: g
+		})]
+	});
 }
-Q.displayName = "Modal";
-export {
-  Q as Modal
-};
+m.displayName = "Modal";
+//#endregion
+export { m as Modal };

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

@@ -1,21 +1,20 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-const t = {
-  size: "md",
-  position: "center",
-  animated: !0,
-  closeOnBackdropClick: !0,
-  closeOnEscape: !0
+//#region src/components/modal/modal-config.ts
+var t = {
+	size: "md",
+	position: "center",
+	animated: !0,
+	closeOnBackdropClick: !0,
+	closeOnEscape: !0
 }, n = {
-  size: "md",
-  position: "center",
-  radius: "lg",
-  animated: !0,
-  closeOnBackdropClick: !0,
-  closeOnEscape: !0
+	size: "md",
+	position: "center",
+	radius: "lg",
+	animated: !0,
+	closeOnBackdropClick: !0,
+	closeOnEscape: !0
 };
 e("modal", t);
-export {
-  n as FALLBACK_MODAL_CONFIG,
-  t as defaultModalConfig
-};
+//#endregion
+export { n as FALLBACK_MODAL_CONFIG, t as defaultModalConfig };

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

@@ -1,16 +1,15 @@
 "use client";
-const m = {
-  sm: "max-w-sm",
-  md: "max-w-lg",
-  lg: "max-w-2xl",
-  xl: "max-w-4xl",
-  full: "max-w-[calc(100vw-2rem)]"
-}, l = {
-  center: "",
-  top: "self-start mt-12",
-  bottom: "self-end mb-12"
-};
-export {
-  m as MODAL_MAX_WIDTH_CLASS,
-  l as MODAL_POSITION_CLASS
+//#region src/components/modal/modal-styles.ts
+var e = {
+	sm: "max-w-sm",
+	md: "max-w-lg",
+	lg: "max-w-2xl",
+	xl: "max-w-4xl",
+	full: "max-w-[calc(100vw-2rem)]"
+}, t = {
+	center: "",
+	top: "self-start mt-12",
+	bottom: "self-end mb-12"
 };
+//#endregion
+export { e as MODAL_MAX_WIDTH_CLASS, t as MODAL_POSITION_CLASS };

package/dist/components/multi-select/MultiSelect.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { InputProps } from '../input/Input';
 import { SelectMenuOption } from '../select-menu';
 import { MenuProps } from '../select-menu/SelectMenu';
-import { MultiSelectConfig } from './multi-select-config';
+import { MultiSelectChipConfig, MultiSelectConfig } from './multi-select-config';
 /**
  * Field-related props that MultiSelect inherits from Input.
  * Picked to avoid conflicts with Button-specific props.
@@ -12,12 +12,22 @@ type MultiSelectFieldProps = Pick<InputProps, "label" | "description" | "message
  * Content-related props from Input.
  */
 type MultiSelectContentProps = Pick<InputProps, "startContent" | "endContent">;
+/**
+ * Props for the selected value chips.
+ * Extends the chip config with instance-only props.
+ */
+export interface MultiSelectChipProps extends MultiSelectChipConfig {
+    /**
+     * Class override applied to every selected value chip.
+     */
+    className?: string;
+}
 /**
  * Configuration options for the MultiSelect component.
  * Extends field and content props from Input, and MultiSelectConfig for
  * component-specific options. Uses Button for trigger styling.
  */
-export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectContentProps, Omit<MultiSelectConfig, "menu"> {
+export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectContentProps, Omit<MultiSelectConfig, "menu" | "chip"> {
     /**
      * Available options to select from.
      * Each option must have a label and a unique value.
@@ -106,6 +116,12 @@ export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectCont
      * All menu-related props should be passed through this object.
      */
     menu?: MenuProps;
+    /**
+     * Chip configuration overrides including color, size and radius,
+     * plus the instance-only chip class override.
+     * All chip-related props should be passed through this object.
+     */
+    chip?: MultiSelectChipProps;
 }
 /**
  * A multi-select dropdown with search, chips, and configurable styles.

package/dist/components/multi-select/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;GAEG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;AAE/E;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAC3B,uBAAuB,EACvB,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,eAAO,MAAM,WAAW,gHAoYvB,CAAC"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;GAEG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAC3B,uBAAuB,EACvB,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,eAAO,MAAM,WAAW,gHAwYvB,CAAC"}