asheeui 0.6.14 → 0.7.0

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

@@ -1,46 +1,42 @@
 "use client";
-const e = {
-  sm: "w-80",
-  md: "w-[28rem]",
-  lg: "w-[36rem]",
-  full: "w-screen"
+//#region src/components/drawer/drawer-styles.ts
+var e = {
+	sm: "w-80",
+	md: "w-[28rem]",
+	lg: "w-[36rem]",
+	full: "w-screen"
 }, t = {
-  sm: "h-80",
-  md: "h-[28rem]",
-  lg: "h-[36rem]",
-  full: "h-screen"
-}, o = {
-  right: "justify-end items-stretch",
-  left: "justify-start items-stretch",
-  top: "flex-col justify-start items-stretch",
-  bottom: "flex-col justify-end items-stretch"
+	sm: "h-80",
+	md: "h-[28rem]",
+	lg: "h-[36rem]",
+	full: "h-screen"
+}, n = {
+	right: "justify-end items-stretch",
+	left: "justify-start items-stretch",
+	top: "flex-col justify-start items-stretch",
+	bottom: "flex-col justify-end items-stretch"
 }, r = {
-  right: "border-l",
-  left: "border-r",
-  top: "border-b",
-  bottom: "border-t"
-}, s = {
-  right: {
-    closed: "drawer-slide-right-closed",
-    open: "drawer-slide-right-open"
-  },
-  left: {
-    closed: "drawer-slide-left-closed",
-    open: "drawer-slide-left-open"
-  },
-  top: {
-    closed: "drawer-slide-top-closed",
-    open: "drawer-slide-top-open"
-  },
-  bottom: {
-    closed: "drawer-slide-bottom-closed",
-    open: "drawer-slide-bottom-open"
-  }
-};
-export {
-  s as DRAWER_ANIMATION_STATE,
-  r as DRAWER_BORDER_PLACEMENT_CLASS,
-  o as DRAWER_CONTAINER_PLACEMENT_CLASS,
-  t as DRAWER_HEIGHT_CLASS,
-  e as DRAWER_WIDTH_CLASS
+	right: "border-l",
+	left: "border-r",
+	top: "border-b",
+	bottom: "border-t"
+}, i = {
+	right: {
+		closed: "drawer-slide-right-closed",
+		open: "drawer-slide-right-open"
+	},
+	left: {
+		closed: "drawer-slide-left-closed",
+		open: "drawer-slide-left-open"
+	},
+	top: {
+		closed: "drawer-slide-top-closed",
+		open: "drawer-slide-top-open"
+	},
+	bottom: {
+		closed: "drawer-slide-bottom-closed",
+		open: "drawer-slide-bottom-open"
+	}
 };
+//#endregion
+export { i as DRAWER_ANIMATION_STATE, r as DRAWER_BORDER_PLACEMENT_CLASS, n as DRAWER_CONTAINER_PLACEMENT_CLASS, t as DRAWER_HEIGHT_CLASS, e as DRAWER_WIDTH_CLASS };

package/dist/components/field/FieldShell.js

@@ -1,59 +1,52 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Spinner as h } from "../spinner/spinner.js";
-import { cn as t } from "../../utils/cn.js";
-const u = {
-  left: "text-left",
-  center: "text-center",
-  right: "text-right"
-}, g = {
-  default: "text-foreground",
-  error: "text-danger",
-  warning: "text-warning",
-  success: "text-success"
+import { cn as e } from "../../utils/cn.js";
+import { Spinner as t } from "../spinner/spinner.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/field/FieldShell.tsx
+var i = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+}, a = {
+	default: "text-foreground",
+	error: "text-danger",
+	warning: "text-warning",
+	success: "text-success"
 };
-function A({
-  id: c,
-  label: r,
-  labelAlign: a = "left",
-  description: n,
-  descriptionId: o,
-  message: l,
-  messageId: d,
-  status: s = "default",
-  required: m,
-  isLoading: x,
-  children: f
-}) {
-  return /* @__PURE__ */ i("div", { className: "flex flex-col gap-1.5", children: [
-    r && /* @__PURE__ */ e(
-      "label",
-      {
-        htmlFor: c,
-        className: t(
-          "text-sm font-medium text-foreground",
-          u[a]
-        ),
-        children: /* @__PURE__ */ i("span", { className: "inline-flex items-center gap-1.5", children: [
-          r,
-          m && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "text-danger", children: "*" }),
-          x && /* @__PURE__ */ e(h, { size: "sm" })
-        ] })
-      }
-    ),
-    n && /* @__PURE__ */ e("p", { id: o, className: t("text-sm text-foreground/60"), children: n }),
-    f,
-    l && /* @__PURE__ */ e(
-      "p",
-      {
-        id: d,
-        role: s === "error" ? "alert" : void 0,
-        className: t("text-sm", g[s]),
-        children: l
-      }
-    )
-  ] });
+function o({ id: o, label: s, labelAlign: c = "left", description: l, descriptionId: u, message: d, messageId: f, status: p = "default", required: m, isLoading: h, children: g }) {
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-col gap-1.5",
+		children: [
+			s && /* @__PURE__ */ n("label", {
+				htmlFor: o,
+				className: e("text-sm font-medium text-foreground", i[c]),
+				children: /* @__PURE__ */ r("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						s,
+						m && /* @__PURE__ */ n("span", {
+							"aria-hidden": "true",
+							className: "text-danger",
+							children: "*"
+						}),
+						h && /* @__PURE__ */ n(t, { size: "sm" })
+					]
+				})
+			}),
+			l && /* @__PURE__ */ n("p", {
+				id: u,
+				className: e("text-sm text-foreground/60"),
+				children: l
+			}),
+			g,
+			d && /* @__PURE__ */ n("p", {
+				id: f,
+				role: p === "error" ? "alert" : void 0,
+				className: e("text-sm", a[p]),
+				children: d
+			})
+		]
+	});
 }
-export {
-  A as FieldShell
-};
+//#endregion
+export { o as FieldShell };

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

@@ -1,21 +1,20 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-const l = {
-  size: "md",
-  labelAlign: "left",
-  fullWidth: !1,
-  variant: "bordered"
-}, i = {
-  size: "md",
-  radius: "md",
-  variant: "bordered",
-  color: "primary",
-  labelAlign: "left",
-  fullWidth: !1,
-  status: "default"
-};
-e("field", l);
-export {
-  i as FALLBACK_FIELD_CONFIG,
-  l as defaultFieldConfig
+//#region src/components/field/field-config.ts
+var t = {
+	size: "md",
+	labelAlign: "left",
+	fullWidth: !1,
+	variant: "bordered"
+}, n = {
+	size: "md",
+	radius: "md",
+	variant: "bordered",
+	color: "primary",
+	labelAlign: "left",
+	fullWidth: !1,
+	status: "default"
 };
+e("field", t);
+//#endregion
+export { n as FALLBACK_FIELD_CONFIG, t as defaultFieldConfig };

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

@@ -1,10 +1,10 @@
 "use client";
-const r = {
-  default: "",
-  error: "border-danger focus-visible:border-danger focus-visible:ring-danger/20",
-  warning: "border-warning focus-visible:border-warning focus-visible:ring-warning/20",
-  success: "border-success focus-visible:border-success focus-visible:ring-success/20"
-};
-export {
-  r as FIELD_STATUS_BORDER_CLASS
+//#region src/components/field/field-styles.ts
+var e = {
+	default: "",
+	error: "border-danger focus-visible:border-danger focus-visible:ring-danger/20",
+	warning: "border-warning focus-visible:border-warning focus-visible:ring-warning/20",
+	success: "border-success focus-visible:border-success focus-visible:ring-success/20"
 };
+//#endregion
+export { e as FIELD_STATUS_BORDER_CLASS };

package/dist/components/image/Image.d.ts

@@ -15,16 +15,16 @@ export interface ImageProps extends BaseImageProps {
      * (e.g. `next/image`).
      * When provided, the component renders this instead of img.
      */
-    imageComponent?: ElementType;
+    component?: ElementType;
     /**
      * Additional props to pass to the custom image component
      * (e.g. `{ priority: true, sizes: "..." }`).
      *
-     * If `imageComponent` is set and neither `width`/`height` nor `fill`
+     * If `component` is set and neither `width`/`height` nor `fill`
      * are provided here, `fill: true` is applied automatically since
      * this component is container/ratio driven.
      */
-    imageProps?: Record<string, unknown>;
+    props?: Record<string, unknown>;
 }
 /**
  * An image element with ratio locking, object-fit control, radius
@@ -50,8 +50,8 @@ export interface ImageProps extends BaseImageProps {
  * @param props.fallbackSrc - Error fallback source.
  * @param props.showSkeleton - Loading placeholder. Defaults to true.
  * @param props.className - Extra classes for the image element.
- * @param props.imageComponent - Custom image component.
- * @param props.imageProps - Props forwarded to the image component.
+ * @param props.component - Custom image component.
+ * @param props.props - Props forwarded to the image component.
  * @param props.src - The image source URL.
  * @param props.onLoad - Callback fired when the image loads.
  * @param props.onError - Callback fired when the image fails to load.
@@ -82,8 +82,8 @@ export interface ImageProps extends BaseImageProps {
  * <Image
  *   src="/hero.png"
  *   alt="Hero image"
- *   imageComponent={NextImage}
- *   imageProps={{ priority: true, sizes: "100vw" }}
+ *   component={NextImage}
+ *   props={{ priority: true, sizes: "100vw" }}
  * />
  * ```
  *

package/dist/components/image/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AASf,OAAO,EAEL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AAGxB,KAAK,cAAc,GAAG,WAAW,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,KAAK,yGAsNjB,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AASf,OAAO,EAEL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AAGxB,KAAK,cAAc,GAAG,WAAW,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,KAAK,yGAsNjB,CAAC"}

package/dist/components/image/Image.js

@@ -1,134 +1,67 @@
 "use client";
-import { jsxs as P, jsx as _ } from "react/jsx-runtime";
-import { forwardRef as tt, useState as N, useRef as et, useEffect as z } from "react";
-import { useAsheeConfig as st } from "../../libs/context.js";
-import { resolveCascade as o, resolveRadiusKey as it, resolveClassKey as v } from "../../utils/resolve-token.js";
-import { FALLBACK_IMAGE_CONFIG as i } from "./image-config.js";
-import { IMAGE_FIT_CLASS as nt, IMAGE_RATIO_CLASS as lt } from "./image-styles.js";
-import { RADIUS_CLASS as at } from "../../shared/radius.js";
-import { cn as I } from "../../utils/cn.js";
-function F(l) {
-  return typeof l == "string" && l.trim().length > 0;
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { RADIUS_CLASS as n } from "../../shared/radius.js";
+import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
+import { FALLBACK_IMAGE_CONFIG as o } from "./image-config.js";
+import { IMAGE_FIT_CLASS as s, IMAGE_RATIO_CLASS as c } from "./image-styles.js";
+import { forwardRef as l, useEffect as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/image/Image.tsx
+function h(e) {
+	return typeof e == "string" && e.trim().length > 0;
 }
-const dt = tt(
-  ({
-    alt: l,
-    fit: x,
-    ratio: G,
-    radius: K,
-    fallbackSrc: u,
-    showSkeleton: E,
-    loading: M,
-    src: r,
-    className: b,
-    onLoad: f,
-    onError: h,
-    imageComponent: S,
-    imageProps: t,
-    ...j
-  }, a) => {
-    var L;
-    const A = st(), e = (L = A.components) == null ? void 0 : L.image, [R, d] = N(!1), [n, w] = N(r), C = et(null);
-    z(() => {
-      w(r), d(!1);
-    }, [r]), z(() => {
-      const s = C.current;
-      s != null && s.complete && s.naturalWidth > 0 && d(!0);
-    }, [n]);
-    const k = (s) => {
-      d(!0), f == null || f(s);
-    }, B = (s) => {
-      if (F(u) && n !== u) {
-        w(u);
-        return;
-      }
-      d(!0), h == null || h(s);
-    }, O = (s) => {
-      C.current = s, typeof a == "function" ? a(s) : a && (a.current = s);
-    }, T = o(
-      x,
-      e == null ? void 0 : e.fit,
-      void 0,
-      i.fit
-    ), V = o(
-      G,
-      e == null ? void 0 : e.ratio,
-      void 0,
-      i.ratio
-    ), D = it(
-      K,
-      e == null ? void 0 : e.radius,
-      A.defaultRadius,
-      i.radius
-    ), U = o(
-      M,
-      e == null ? void 0 : e.loading,
-      void 0,
-      i.loading
-    ), W = o(
-      E,
-      e == null ? void 0 : e.showSkeleton,
-      void 0,
-      i.showSkeleton
-    ), $ = v(
-      T,
-      nt,
-      i.fit
-    ), g = v(
-      V,
-      lt,
-      i.ratio
-    ), m = v(
-      D,
-      at,
-      i.radius
-    ), q = S || "img", y = !!S, H = F(n), J = (t == null ? void 0 : t.width) !== void 0 || (t == null ? void 0 : t.height) !== void 0 || (t == null ? void 0 : t.fill) !== void 0, Q = y && !J ? { fill: !0, sizes: "100%" } : {}, X = I(
-      "h-full w-full transition-opacity duration-300",
-      $,
-      R ? "opacity-100" : "opacity-0",
-      m,
-      b
-    );
-    let c = { ...t ?? {} };
-    if (y) {
-      const s = (t == null ? void 0 : t.loading) === "lazy", p = (t == null ? void 0 : t.priority) === !0;
-      (s || p) && console.warn(
-        `[Image] ${s ? '`loading="lazy"`' : "`priority={true}`"} with custom image component may cause rendering issues. Consider using \`loading="eager"\` and removing \`priority\` for this image.`
-      ), c = {
-        ...c,
-        loading: "eager",
-        // Remove priority if present to avoid conflicts
-        ...c.priority !== void 0 && { priority: !1 }
-      };
-    }
-    const Y = {
-      src: n,
-      alt: l,
-      loading: U,
-      onLoad: k,
-      onError: B,
-      className: X,
-      ref: O,
-      ...Q,
-      ...j,
-      ...c
-    }, Z = !y || H;
-    return /* @__PURE__ */ P("span", { className: I("relative block w-full", g, m), children: [
-      W && !R && /* @__PURE__ */ _(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: I(
-            "absolute inset-0 animate-pulse bg-border/40",
-            m
-          )
-        }
-      ),
-      Z && /* @__PURE__ */ _(q, { ...Y }, n)
-    ] });
-  }
-);
-dt.displayName = "Image";
-export {
-  dt as Image
-};
+var g = l(({ alt: l, fit: g, ratio: _, radius: v, fallbackSrc: y, showSkeleton: ee, loading: b, src: x, className: S, onLoad: C, onError: w, component: T, props: E, ...D }, O) => {
+	let k = t(), A = k.components?.image, [j, M] = f(!1), [N, P] = f(x), F = d(null);
+	u(() => {
+		P(x), M(!1);
+	}, [x]), u(() => {
+		let e = F.current;
+		e?.complete && e.naturalWidth > 0 && M(!0);
+	}, [N]);
+	let I = (e) => {
+		M(!0), C?.(e);
+	}, L = (e) => {
+		if (h(y) && N !== y) {
+			P(y);
+			return;
+		}
+		M(!0), w?.(e);
+	}, R = (e) => {
+		F.current = e, typeof O == "function" ? O(e) : O && (O.current = e);
+	}, z = r(g, A?.fit, void 0, o.fit), B = r(_, A?.ratio, void 0, o.ratio), V = a(v, A?.radius, k.defaultRadius, o.radius), H = r(b, A?.loading, void 0, o.loading), U = r(ee, A?.showSkeleton, void 0, o.showSkeleton), W = i(z, s, o.fit), G = i(B, c, o.ratio), K = i(V, n, o.radius), q = T || "img", J = !!T, Y = h(N), X = E?.width !== void 0 || E?.height !== void 0 || E?.fill !== void 0, Z = J && !X ? {
+		fill: !0,
+		sizes: "100%"
+	} : {}, Q = e("h-full w-full transition-opacity duration-300", W, j ? "opacity-100" : "opacity-0", K, S), $ = { ...E ?? {} };
+	if (J) {
+		let e = E?.loading === "lazy", t = E?.priority === !0;
+		(e || t) && console.warn(`[Image] ${e ? "`loading=\"lazy\"`" : "`priority={true}`"} with custom image component may cause rendering issues. Consider using \`loading="eager"\` and removing \`priority\` for this image.`), $ = {
+			...$,
+			loading: "eager",
+			...$.priority !== void 0 && { priority: !1 }
+		};
+	}
+	let te = {
+		src: N,
+		alt: l,
+		loading: H,
+		onLoad: I,
+		onError: L,
+		className: Q,
+		ref: R,
+		...Z,
+		...D,
+		...$
+	}, ne = !J || Y;
+	return /* @__PURE__ */ m("span", {
+		className: e("relative block w-full", G, K),
+		children: [U && !j && /* @__PURE__ */ p("span", {
+			"aria-hidden": "true",
+			className: e("absolute inset-0 animate-pulse bg-border/40", K)
+		}), ne && /* @__PURE__ */ p(q, { ...te }, N)]
+	});
+});
+g.displayName = "Image";
+//#endregion
+export { g as Image };

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

@@ -1,20 +1,19 @@
 "use client";
-import { registerComponentDefaults as o } from "../../libs/registry.js";
-const t = {
-  fit: "cover",
-  ratio: "auto",
-  radius: "md",
-  loading: "lazy",
-  showSkeleton: !0
-}, a = {
-  fit: "cover",
-  ratio: "auto",
-  radius: "md",
-  loading: "lazy",
-  showSkeleton: !0
-};
-o("image", t);
-export {
-  a as FALLBACK_IMAGE_CONFIG,
-  t as defaultImageConfig
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/image/image-config.ts
+var t = {
+	fit: "cover",
+	ratio: "auto",
+	radius: "md",
+	loading: "lazy",
+	showSkeleton: !0
+}, n = {
+	fit: "cover",
+	ratio: "auto",
+	radius: "md",
+	loading: "lazy",
+	showSkeleton: !0
 };
+e("image", t);
+//#endregion
+export { n as FALLBACK_IMAGE_CONFIG, t as defaultImageConfig };

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

@@ -1,17 +1,16 @@
 "use client";
-const e = {
-  cover: "object-cover",
-  contain: "object-contain",
-  fill: "object-fill",
-  none: "object-none",
-  "scale-down": "object-scale-down"
-}, o = {
-  auto: "",
-  square: "aspect-square",
-  video: "aspect-video",
-  portrait: "aspect-[3/4]"
-};
-export {
-  e as IMAGE_FIT_CLASS,
-  o as IMAGE_RATIO_CLASS
+//#region src/components/image/image-styles.ts
+var e = {
+	cover: "object-cover",
+	contain: "object-contain",
+	fill: "object-fill",
+	none: "object-none",
+	"scale-down": "object-scale-down"
+}, t = {
+	auto: "",
+	square: "aspect-square",
+	video: "aspect-video",
+	portrait: "aspect-[3/4]"
 };
+//#endregion
+export { e as IMAGE_FIT_CLASS, t as IMAGE_RATIO_CLASS };