asheeui 0.6.14 → 0.7.0

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

@@ -1,35 +1,49 @@
 "use client";
-import { registerComponentDefaults as t } from "../../libs/registry.js";
-const e = {
-  size: "md",
-  showTooltips: !0,
-  tooltipPlacement: "right",
-  animated: !0,
-  defaultCollapsed: !1,
-  collapsible: !0,
-  showCollapseButton: !0,
-  itemVariant: "ghost",
-  activeItemVariant: "solid",
-  activeItemColor: "primary"
-}, a = {
-  size: "md",
-  variant: "default",
-  radius: "none",
-  itemRadius: "md",
-  itemVariant: "ghost",
-  activeItemVariant: "solid",
-  activeItemColor: "primary",
-  showTooltips: !0,
-  tooltipPlacement: "right",
-  tooltipVariant: "solid",
-  tooltipColor: "secondary",
-  animated: !0,
-  defaultCollapsed: !1,
-  collapsible: !0,
-  showCollapseButton: !0
-};
-t("sidebar", e);
-export {
-  a as FALLBACK_SIDEBAR_CONFIG,
-  e as defaultSidebarConfig
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/sidebar/sidebar-config.ts
+var t = {
+	size: "md",
+	animated: !0,
+	defaultCollapsed: !1,
+	collapsible: !0,
+	showCollapseButton: !0,
+	options: {
+		inactive: { variant: "ghost" },
+		active: {
+			variant: "solid",
+			color: "primary"
+		}
+	},
+	tooltip: {
+		show: !0,
+		placement: "right"
+	}
+}, n = {
+	size: "md",
+	variant: "default",
+	radius: "none",
+	options: {
+		radius: "md",
+		active: {
+			variant: "solid",
+			color: "primary"
+		},
+		inactive: {
+			variant: "ghost",
+			color: "none"
+		}
+	},
+	tooltip: {
+		show: !0,
+		placement: "right",
+		variant: "solid",
+		color: "secondary"
+	},
+	animated: !0,
+	defaultCollapsed: !1,
+	collapsible: !0,
+	showCollapseButton: !0
 };
+e("sidebar", t);
+//#endregion
+export { n as FALLBACK_SIDEBAR_CONFIG, t as defaultSidebarConfig };

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

@@ -1,35 +1,30 @@
 "use client";
-const r = {
-  sm: "w-56",
-  md: "w-64",
-  lg: "w-72"
-}, o = {
-  sm: "w-16",
-  md: "w-18",
-  lg: "w-20"
-}, d = {
-  sm: "h-12 text-xs px-2.5",
-  md: "h-14 text-sm px-3",
-  lg: "h-16 text-base px-4"
-}, b = {
-  sm: "text-[10px] px-2 py-1.5",
-  md: "text-xs px-3 py-2",
-  lg: "text-sm px-4 py-2.5"
-}, e = {
-  sm: "h-9 text-xs px-2",
-  md: "h-11 text-sm px-3",
-  lg: "h-13 text-base px-4"
+//#region src/components/sidebar/sidebar-styles.ts
+var e = {
+	sm: "w-56",
+	md: "w-64",
+	lg: "w-72"
 }, t = {
-  default: "border-r border-border bg-background/80 backdrop-blur-xs",
-  bordered: "border-r-2 border-border bg-background/80 backdrop-blur-xs",
-  floating: "m-2 rounded-xl border border-border shadow-md bg-background/80 backdrop-blur-xs",
-  ghost: "border-none bg-background/80 backdrop-blur-xs"
-};
-export {
-  o as SIDEBAR_COLLAPSED_WIDTH_CLASS,
-  r as SIDEBAR_EXPANDED_WIDTH_CLASS,
-  d as SIDEBAR_HEADER_CLASS,
-  e as SIDEBAR_ITEM_CLASS,
-  b as SIDEBAR_SECTION_LABEL_CLASS,
-  t as SIDEBAR_VARIANT_CLASS
+	sm: "w-16",
+	md: "w-18",
+	lg: "w-20"
+}, n = {
+	sm: "h-12 text-xs px-2.5",
+	md: "h-14 text-sm px-3",
+	lg: "h-16 text-base px-4"
+}, r = {
+	sm: "text-[10px] px-2 py-1.5",
+	md: "text-xs px-3 py-2",
+	lg: "text-sm px-4 py-2.5"
+}, i = {
+	sm: "h-9 text-xs px-2",
+	md: "h-11 text-sm px-3",
+	lg: "h-13 text-base px-4"
+}, a = {
+	default: "border-r border-border bg-background/80 backdrop-blur-xs",
+	bordered: "border-r-2 border-border bg-background/80 backdrop-blur-xs",
+	floating: "m-2 rounded-xl border border-border shadow-md bg-background/80 backdrop-blur-xs",
+	ghost: "border-none bg-background/80 backdrop-blur-xs"
 };
+//#endregion
+export { t as SIDEBAR_COLLAPSED_WIDTH_CLASS, e as SIDEBAR_EXPANDED_WIDTH_CLASS, n as SIDEBAR_HEADER_CLASS, i as SIDEBAR_ITEM_CLASS, r as SIDEBAR_SECTION_LABEL_CLASS, a as SIDEBAR_VARIANT_CLASS };

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

@@ -1,16 +1,15 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-const s = {
-  size: "md",
-  speed: "0.75s"
-}, o = {
-  size: "md",
-  color: "primary",
-  speed: "0.75s",
-  className: ""
-};
-e("spinner", s);
-export {
-  o as FALLBACK_SPINNER_CONFIG,
-  s as defaultSpinnerConfig
+//#region src/components/spinner/spinner-config.ts
+var t = {
+	size: "md",
+	speed: "0.75s"
+}, n = {
+	size: "md",
+	color: "primary",
+	speed: "0.75s",
+	className: ""
 };
+e("spinner", t);
+//#endregion
+export { n as FALLBACK_SPINNER_CONFIG, t as defaultSpinnerConfig };

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

@@ -1,17 +1,16 @@
 "use client";
-const e = {
-  sm: "w-3.5 h-3.5",
-  md: "w-4 h-4",
-  lg: "w-5 h-5"
+//#region src/components/spinner/spinner-styles.ts
+var e = {
+	sm: "w-3.5 h-3.5",
+	md: "w-4 h-4",
+	lg: "w-5 h-5"
 }, t = {
-  none: "text-background",
-  primary: "text-primary",
-  secondary: "text-secondary",
-  danger: "text-danger",
-  warning: "text-warning",
-  success: "text-success"
-};
-export {
-  t as SPINNER_COLOR_CLASS,
-  e as SPINNER_SIZE_CLASS
+	none: "text-background",
+	primary: "text-primary",
+	secondary: "text-secondary",
+	danger: "text-danger",
+	warning: "text-warning",
+	success: "text-success"
 };
+//#endregion
+export { t as SPINNER_COLOR_CLASS, e as SPINNER_SIZE_CLASS };

package/dist/components/spinner/spinner.js

@@ -1,83 +1,40 @@
 "use client";
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { useAsheeConfig as z } from "../../libs/context.js";
-import { resolveCascade as o, resolveClassKey as t } from "../../utils/resolve-token.js";
-import { FALLBACK_SPINNER_CONFIG as r } from "./spinner-config.js";
-import { SPINNER_SIZE_CLASS as _, SPINNER_COLOR_CLASS as x } from "./spinner-styles.js";
-import { cn as A } from "../../utils/cn.js";
-const I = h(
-  ({ size: c, color: i, speed: m, className: p, style: n, ...d }, N) => {
-    var l;
-    const s = z(), e = (l = s.components) == null ? void 0 : l.spinner, S = o(
-      c,
-      e == null ? void 0 : e.size,
-      void 0,
-      r.size
-    ), v = o(
-      i,
-      e == null ? void 0 : e.color,
-      s.defaultColor,
-      r.color
-    ), u = o(
-      m,
-      e == null ? void 0 : e.speed,
-      void 0,
-      r.speed
-    ), y = t(
-      S,
-      _,
-      r.size
-    ), C = t(
-      v,
-      x,
-      r.color
-    );
-    return /* @__PURE__ */ f(
-      "svg",
-      {
-        ref: N,
-        "aria-hidden": "true",
-        className: A(
-          "animate-spin shrink-0",
-          y,
-          C,
-          e == null ? void 0 : e.className,
-          p
-        ),
-        style: {
-          animationDuration: u,
-          ...n
-        },
-        viewBox: "0 0 24 24",
-        fill: "none",
-        ...d,
-        children: [
-          /* @__PURE__ */ a(
-            "circle",
-            {
-              className: "opacity-25",
-              cx: "12",
-              cy: "12",
-              r: "10",
-              stroke: "currentColor",
-              strokeWidth: "4"
-            }
-          ),
-          /* @__PURE__ */ a(
-            "path",
-            {
-              className: "opacity-75",
-              fill: "currentColor",
-              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-I.displayName = "Spinner";
-export {
-  I as Spinner
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveCascade as n, resolveClassKey as r } from "../../utils/resolve-token.js";
+import { FALLBACK_SPINNER_CONFIG as i } from "./spinner-config.js";
+import { SPINNER_COLOR_CLASS as a, SPINNER_SIZE_CLASS as o } from "./spinner-styles.js";
+import { forwardRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/spinner/spinner.tsx
+var u = s(({ size: s, color: u, speed: d, className: f, style: p, ...m }, h) => {
+	let g = t(), _ = g.components?.spinner, v = n(s, _?.size, void 0, i.size), y = n(u, _?.color, g.defaultColor, i.color), b = n(d, _?.speed, void 0, i.speed), x = r(v, o, i.size), S = r(y, a, i.color);
+	return /* @__PURE__ */ l("svg", {
+		ref: h,
+		"aria-hidden": "true",
+		className: e("animate-spin shrink-0", x, S, _?.className, f),
+		style: {
+			animationDuration: b,
+			...p
+		},
+		viewBox: "0 0 24 24",
+		fill: "none",
+		...m,
+		children: [/* @__PURE__ */ c("circle", {
+			className: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ c("path", {
+			className: "opacity-75",
+			fill: "currentColor",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+		})]
+	});
+});
+u.displayName = "Spinner";
+//#endregion
+export { u as Spinner };

package/dist/components/switch/Switch.js

@@ -1,155 +1,63 @@
 "use client";
-import { jsx as r, jsxs as Z } from "react/jsx-runtime";
-import { forwardRef as G, useId as O, useState as V, useCallback as J } from "react";
-import { useAsheeConfig as P } from "../../libs/context.js";
-import { resolveCascade as u, resolveRadiusKey as Q, resolveClassKey as l } from "../../utils/resolve-token.js";
-import { FieldShell as X } from "../field/FieldShell.js";
-import { FALLBACK_SWITCH_CONFIG as s } from "./switch-config.js";
-import { SWITCH_TRACK_SIZE_CLASS as Y, SWITCH_THUMB_SIZE_CLASS as $, SWITCH_THUMB_TRANSLATE_CLASS as q } from "./switch-styles.js";
-import { RADIUS_CLASS as ee } from "../../shared/radius.js";
-import { resolveVariantClass as se } from "../../shared/variant.js";
-import { cn as a } from "../../utils/cn.js";
-const re = G(
-  ({
-    size: C,
-    color: k,
-    radius: A,
-    label: y,
-    labelAlign: I,
-    description: _,
-    required: p,
-    isLoading: n,
-    id: z,
-    className: T,
-    style: x,
-    disabled: N,
-    checked: c,
-    defaultChecked: w = !1,
-    onChange: o,
-    ...K
-  }, H) => {
-    var b;
-    const S = P(), e = (b = S.components) == null ? void 0 : b.switch, L = O(), d = z ?? L, [R, g] = V(w), t = c ?? R, m = u(
-      C,
-      e == null ? void 0 : e.size,
-      void 0,
-      s.size
-    ), F = u(
-      k,
-      e == null ? void 0 : e.color,
-      S.defaultColor,
-      s.color
-    ), U = Q(
-      A,
-      e == null ? void 0 : e.radius,
-      void 0,
-      s.radius
-    ), W = u(
-      I,
-      e == null ? void 0 : e.labelAlign,
-      void 0,
-      s.labelAlign
-    ), B = l(
-      m,
-      Y,
-      s.size
-    ), E = l(
-      m,
-      $,
-      s.size
-    ), j = l(
-      m,
-      q,
-      s.size
-    ), h = l(
-      U,
-      ee,
-      s.radius
-    ), D = se("solid", F), i = N || n, M = J(
-      (f) => {
-        if (i) return;
-        const v = f.target.checked;
-        c === void 0 && g(v), o == null || o(v, f);
-      },
-      [c, i, o]
-    );
-    return /* @__PURE__ */ r(
-      X,
-      {
-        id: d,
-        label: y,
-        labelAlign: W,
-        description: _,
-        required: p,
-        isLoading: n,
-        children: /* @__PURE__ */ r(
-          "label",
-          {
-            htmlFor: d,
-            className: a(
-              "inline-flex items-center gap-3 select-none cursor-pointer shrink-0",
-              i && "opacity-50 pointer-events-none cursor-not-allowed"
-            ),
-            children: /* @__PURE__ */ Z(
-              "div",
-              {
-                className: a(
-                  "relative shrink-0 inline-flex items-center",
-                  B
-                ),
-                children: [
-                  /* @__PURE__ */ r(
-                    "input",
-                    {
-                      ref: H,
-                      id: d,
-                      type: "checkbox",
-                      role: "switch",
-                      checked: t,
-                      disabled: i,
-                      required: p,
-                      "aria-checked": t,
-                      "aria-busy": n,
-                      onChange: M,
-                      className: "sr-only peer",
-                      ...K
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    "div",
-                    {
-                      className: a(
-                        "absolute inset-0 border border-border/60 transition-colors duration-200 shrink-0",
-                        "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2",
-                        h,
-                        t ? D : "bg-secondary",
-                        T
-                      ),
-                      style: x
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    "span",
-                    {
-                      className: a(
-                        "relative z-10 bg-background shadow-sm pointer-events-none shrink-0",
-                        "transition-transform duration-200 ease-in-out transform-gpu",
-                        h,
-                        E,
-                        t ? j : "translate-x-0"
-                      )
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-re.displayName = "Switch";
-export {
-  re as Switch
-};
+"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 { resolveVariantClass as r } from "../../shared/variant.js";
+import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
+import { FieldShell as s } from "../field/FieldShell.js";
+import { FALLBACK_SWITCH_CONFIG as c } from "./switch-config.js";
+import { SWITCH_THUMB_SIZE_CLASS as l, SWITCH_THUMB_TRANSLATE_CLASS as u, SWITCH_TRACK_SIZE_CLASS as d } from "./switch-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/switch/Switch.tsx
+var v = f(({ size: f, color: v, radius: y, label: b, labelAlign: x, description: S, required: C, isLoading: w, id: T, className: E, style: D, disabled: O, checked: k, defaultChecked: A = !1, onChange: j, ...M }, N) => {
+	let P = t(), F = P.components?.switch, I = m(), L = T ?? I, [R, z] = h(A), B = k ?? R, V = i(f, F?.size, void 0, c.size), H = i(v, F?.color, P.defaultColor, c.color), U = o(y, F?.radius, void 0, c.radius), W = i(x, F?.labelAlign, void 0, c.labelAlign), G = a(V, d, c.size), K = a(V, l, c.size), q = a(V, u, c.size), J = a(U, n, c.radius), Y = r("solid", H), X = O || w, Z = p((e) => {
+		if (X) return;
+		let t = e.target.checked;
+		k === void 0 && z(t), j?.(t, e);
+	}, [
+		k,
+		X,
+		j
+	]);
+	return /* @__PURE__ */ g(s, {
+		id: L,
+		label: b,
+		labelAlign: W,
+		description: S,
+		required: C,
+		isLoading: w,
+		children: /* @__PURE__ */ g("label", {
+			htmlFor: L,
+			className: e("inline-flex items-center gap-3 select-none cursor-pointer shrink-0", X && "opacity-50 pointer-events-none cursor-not-allowed"),
+			children: /* @__PURE__ */ _("div", {
+				className: e("relative shrink-0 inline-flex items-center", G),
+				children: [
+					/* @__PURE__ */ g("input", {
+						ref: N,
+						id: L,
+						type: "checkbox",
+						role: "switch",
+						checked: B,
+						disabled: X,
+						required: C,
+						"aria-checked": B,
+						"aria-busy": w,
+						onChange: Z,
+						className: "sr-only peer",
+						...M
+					}),
+					/* @__PURE__ */ g("div", {
+						className: e("absolute inset-0 border border-border/60 transition-colors duration-200 shrink-0", "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2", J, B ? Y : "bg-secondary", E),
+						style: D
+					}),
+					/* @__PURE__ */ g("span", { className: e("relative z-10 bg-background shadow-sm pointer-events-none shrink-0", "transition-transform duration-200 ease-in-out transform-gpu", J, K, B ? q : "translate-x-0") })
+				]
+			})
+		})
+	});
+});
+v.displayName = "Switch";
+//#endregion
+export { v as Switch };

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

@@ -1,13 +1,12 @@
 "use client";
-import { registerComponentDefaults as t } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as o } from "../field/field-config.js";
-import { defaultInputConfig as i } from "../input/input-config.js";
-const r = {
-  ...i,
-  radius: "full"
-}, C = o;
-t("switch", r);
-export {
-  C as FALLBACK_SWITCH_CONFIG,
-  r as defaultSwitchConfig
-};
+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/switch/switch-config.ts
+var r = {
+	...n,
+	radius: "full"
+}, i = t;
+e("switch", r);
+//#endregion
+export { i as FALLBACK_SWITCH_CONFIG, r as defaultSwitchConfig };

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

@@ -1,19 +1,17 @@
 "use client";
-const s = {
-  sm: "w-8 h-4.5 p-0.5",
-  md: "w-11 h-6 p-0.5",
-  lg: "w-14 h-7.5 p-1"
-}, S = {
-  sm: "size-3.5",
-  md: "size-5",
-  lg: "size-5.5"
+//#region src/components/switch/switch-styles.ts
+var e = {
+	sm: "w-8 h-4.5 p-0.5",
+	md: "w-11 h-6 p-0.5",
+	lg: "w-14 h-7.5 p-1"
 }, t = {
-  sm: "translate-x-3.5",
-  md: "translate-x-5",
-  lg: "translate-x-6"
-};
-export {
-  S as SWITCH_THUMB_SIZE_CLASS,
-  t as SWITCH_THUMB_TRANSLATE_CLASS,
-  s as SWITCH_TRACK_SIZE_CLASS
+	sm: "size-3.5",
+	md: "size-5",
+	lg: "size-5.5"
+}, n = {
+	sm: "translate-x-3.5",
+	md: "translate-x-5",
+	lg: "translate-x-6"
 };
+//#endregion
+export { t as SWITCH_THUMB_SIZE_CLASS, n as SWITCH_THUMB_TRANSLATE_CLASS, e as SWITCH_TRACK_SIZE_CLASS };