themelia-ui 3.0.0 → 3.2.0

package/dist/dropdown-menu-Br8kvjrF.js

@@ -0,0 +1,235 @@
+import "#core.css";
+import { c as e } from "./typography-DmeR05Er.js";
+import { t } from "./cx--CBrhWH0.js";
+import { o as n, u as r } from "./ui-provider-DpzLUD12.js";
+import { CheckIcon as i, ChevronRightIcon as a } from "lucide-react";
+import * as o from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Menu as u } from "@base-ui/react/menu";
+import "#css/dropdown-menu.css";
+var d = {
+	positioner: "dropdown-menu__positioner___04x32",
+	content: "dropdown-menu__content___vZHNh",
+	subContent: "dropdown-menu__subContent___8DH0x",
+	item: "dropdown-menu__item___s26FD",
+	choiceItem: "dropdown-menu__choiceItem___tsczO",
+	indicator: "dropdown-menu__indicator___jheZJ",
+	label: "dropdown-menu__label___rUhgH",
+	separator: "dropdown-menu__separator____jay5",
+	itemLabel: "dropdown-menu__itemLabel___8PeFR",
+	itemWithDescription: "dropdown-menu__itemWithDescription___0xyWy",
+	itemBody: "dropdown-menu__itemBody___ccRVz",
+	itemDescription: "dropdown-menu__itemDescription___uHx5x",
+	itemIcon: "dropdown-menu__itemIcon___LFL1h",
+	itemTrailing: "dropdown-menu__itemTrailing___6mSHG",
+	shortcut: "dropdown-menu__shortcut___1kzts",
+	subTriggerIcon: "dropdown-menu__subTriggerIcon___uaJX6"
+};
+//#endregion
+//#region src/components/base/dropdown-menu/dropdown-menu.tsx
+function f({ ...e }) {
+	return /* @__PURE__ */ c(u.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function p({ ...e }) {
+	return /* @__PURE__ */ c(u.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...e
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ c(u.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function h({ container: i, align: a = "start", alignOffset: o = 0, side: s = "bottom", sideOffset: l = 4, width: f, minWidth: p, maxWidth: m, className: h, style: g, ..._ }) {
+	let v = r(i), { darkMenus: y } = n(), b = (e) => typeof e == "number" ? `${e}px` : e;
+	return /* @__PURE__ */ c(u.Portal, {
+		container: v,
+		children: /* @__PURE__ */ c(u.Positioner, {
+			className: d.positioner,
+			align: a,
+			alignOffset: o,
+			side: s,
+			sideOffset: l,
+			children: /* @__PURE__ */ c(u.Popup, {
+				"data-slot": "dropdown-menu-content",
+				className: t("dropdown-menu-content--component", y && "dark", d.content, e({ size: "sm" }), h),
+				style: {
+					...f === "trigger" ? { width: "var(--anchor-width)" } : f != null && { width: b(f) },
+					...p != null && { minWidth: b(p) },
+					...m != null && { maxWidth: b(m) },
+					...g
+				},
+				..._
+			})
+		})
+	});
+}
+function g({ ...e }) {
+	return /* @__PURE__ */ c(u.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function _({ className: n, inset: r, ...i }) {
+	return /* @__PURE__ */ c(u.GroupLabel, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": r || void 0,
+		className: t("dropdown-menu-label--component", d.label, e({
+			size: "xs",
+			weight: "medium"
+		}), n),
+		...i
+	});
+}
+var v = e({
+	size: "xs",
+	caps: !0
+});
+function y({ icon: n, description: r, shortcut: i, trailing: a, children: u }) {
+	let f = o.Children.toArray(u), p = f.filter((e) => o.isValidElement(e) && e.type === k), m = p.length ? f.filter((e) => !p.includes(e)) : u, h = i ?? (p.length ? p : void 0);
+	return n == null && r == null && h == null && a == null ? /* @__PURE__ */ c(s, { children: u }) : /* @__PURE__ */ l(s, { children: [
+		n != null && /* @__PURE__ */ c("span", {
+			className: d.itemIcon,
+			children: n
+		}),
+		/* @__PURE__ */ l("span", {
+			className: d.itemBody,
+			children: [/* @__PURE__ */ c("span", {
+				className: d.itemLabel,
+				children: m
+			}), r != null && /* @__PURE__ */ c("span", {
+				className: t(d.itemDescription, e({ size: "xs" })),
+				children: r
+			})]
+		}),
+		(h != null || a != null) && /* @__PURE__ */ l("span", {
+			className: d.itemTrailing,
+			children: [a, i == null ? h : /* @__PURE__ */ c("span", {
+				className: t(d.shortcut, v),
+				children: i
+			})]
+		})
+	] });
+}
+function b({ className: e, inset: n, variant: r = "default", icon: i, description: a, shortcut: o, trailing: s, children: l, ...f }) {
+	return /* @__PURE__ */ c(u.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": n || void 0,
+		"data-variant": r,
+		"data-tone": r === "destructive" ? "destructive" : void 0,
+		className: t("dropdown-menu-item--component", d.item, a != null && d.itemWithDescription, e),
+		...f,
+		children: /* @__PURE__ */ c(y, {
+			icon: i,
+			description: a,
+			shortcut: o,
+			trailing: s,
+			children: l
+		})
+	});
+}
+function x({ className: e, inset: n, variant: r = "default", icon: i, description: a, shortcut: o, trailing: s, children: l, ...f }) {
+	return /* @__PURE__ */ c(u.LinkItem, {
+		"data-slot": "dropdown-menu-link-item",
+		"data-inset": n || void 0,
+		"data-variant": r,
+		"data-tone": r === "destructive" ? "destructive" : void 0,
+		className: t("dropdown-menu-link-item--component", d.item, a != null && d.itemWithDescription, e),
+		...f,
+		children: /* @__PURE__ */ c(y, {
+			icon: i,
+			description: a,
+			shortcut: o,
+			trailing: s,
+			children: l
+		})
+	});
+}
+function S({ ...e }) {
+	return /* @__PURE__ */ c(u.SubmenuRoot, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function C({ className: e, inset: n, children: r, ...i }) {
+	return /* @__PURE__ */ l(u.SubmenuTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": n || void 0,
+		className: t("dropdown-menu-sub-trigger--component", d.item, e),
+		...i,
+		children: [r, /* @__PURE__ */ c(a, { className: d.subTriggerIcon })]
+	});
+}
+function w({ align: e = "start", alignOffset: n = -8, side: r = "right", sideOffset: i = 12, className: a, ...o }) {
+	return /* @__PURE__ */ c(h, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: t("dropdown-menu-sub-content--component", d.subContent, a),
+		align: e,
+		alignOffset: n,
+		side: r,
+		sideOffset: i,
+		...o
+	});
+}
+function T({ className: e, children: n, checked: r, inset: a, icon: o, description: s, ...f }) {
+	return /* @__PURE__ */ l(u.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": a || void 0,
+		className: t("dropdown-menu-checkbox-item--component", d.item, d.choiceItem, e),
+		checked: r,
+		...f,
+		children: [/* @__PURE__ */ c("span", {
+			className: d.indicator,
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ c(u.CheckboxItemIndicator, { children: /* @__PURE__ */ c(i, {}) })
+		}), /* @__PURE__ */ c(y, {
+			icon: o,
+			description: s,
+			children: n
+		})]
+	});
+}
+function E({ ...e }) {
+	return /* @__PURE__ */ c(u.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function D({ className: e, children: n, inset: r, icon: a, description: o, ...s }) {
+	return /* @__PURE__ */ l(u.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		"data-inset": r || void 0,
+		className: t("dropdown-menu-radio-item--component", d.item, d.choiceItem, e),
+		...s,
+		children: [/* @__PURE__ */ c("span", {
+			className: d.indicator,
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ c(u.RadioItemIndicator, { children: /* @__PURE__ */ c(i, {}) })
+		}), /* @__PURE__ */ c(y, {
+			icon: a,
+			description: o,
+			children: n
+		})]
+	});
+}
+function O({ className: e, ...n }) {
+	return /* @__PURE__ */ c(u.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: t("dropdown-menu-separator--component", d.separator, e),
+		...n
+	});
+}
+function k({ className: e, ...n }) {
+	return /* @__PURE__ */ c("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: t("dropdown-menu-shortcut--component", d.shortcut, v, e),
+		...n
+	});
+}
+//#endregion
+export { d as _, b as a, p as c, O as d, k as f, m as g, C as h, g as i, E as l, w as m, T as n, _ as o, S as p, h as r, x as s, f as t, D as u };

package/dist/features/actions.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as e } from "../cx--CBrhWH0.js";
-import { n as t, r as n, t as r } from "../overlays-DvVoS3td.js";
+import { n as t, r as n, t as r } from "../overlays-1sULyytH.js";
 import { createContext as i, createElement as a, useContext as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d, useSyncExternalStore as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/features/actions/actions.types.ts
@@ -631,7 +631,7 @@ function Y({ strings: i } = {}) {
 		closeOnAsyncComplete: !1,
 		tone: s.tone && q.has(s.tone) ? s.tone : "neutral",
 		confirmTone: s.tone ?? "primary",
-		confirmStyle: s.confirmStyle ?? "solid",
+		confirmAppearance: s.confirmAppearance ?? "solid",
 		className: e("action-overlay-outlet--component", s.contentClassName)
 	};
 	return s.type === "alert" ? /* @__PURE__ */ p(r, {
@@ -729,7 +729,7 @@ function Z(e) {
 	if (n === "secondary") return "secondary";
 }
 function Q(e) {
-	let t = e.definition.buttonStyle;
+	let t = e.definition.appearance;
 	if (t === "solid" || t === "outline" || t === "ghost" || t === "link") return t;
 }
 function $(e) {
@@ -744,7 +744,7 @@ function fe(e) {
 		loading: e.isRunning,
 		icon: e.icon,
 		tone: Z(e),
-		buttonStyle: Q(e),
+		appearance: Q(e),
 		visible: e.visible,
 		group: e.group,
 		placement: e.placement
@@ -757,7 +757,7 @@ function pe(e) {
 		disabled: e.disabled || e.isRunning,
 		icon: e.icon,
 		tone: Z(e) ?? "secondary",
-		buttonStyle: Q(e)
+		appearance: Q(e)
 	};
 }
 function me(e) {
@@ -770,7 +770,7 @@ function me(e) {
 		isVisible: () => e.visible,
 		icon: e.icon ? a(e.icon, { className: "size-4" }) : void 0,
 		tone: Z(e) ?? "secondary",
-		buttonStyle: Q(e)
+		appearance: Q(e)
 	};
 }
 function he(e, t) {