themelia-ui 1.0.0

package/dist/accordion-DnJSCoAA.js

@@ -0,0 +1,139 @@
+import "./css/accordion.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-vC_wwEBm.js";
+import { n } from "./ui-provider-DvO3G7xp.js";
+import { ChevronDownIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Accordion as o } from "@base-ui/react/accordion";
+var s = {
+	light: "accordion-module__light___n8-K3",
+	dark: "accordion-module__dark___Vu8Cm",
+	root: "accordion-module__root___-5l7Q",
+	surfaceBordered: "accordion-module__surfaceBordered___-PhCv",
+	surfaceCard: "accordion-module__surfaceCard___n8fk4",
+	surfaceFlat: "accordion-module__surfaceFlat___lA3Q5",
+	item: "accordion-module__item___l8bq5",
+	header: "accordion-module__header___gd0Hw",
+	trigger: "accordion-module__trigger___6pCQZ",
+	icon: "accordion-module__icon___FgsHd",
+	panel: "accordion-module__panel___EydLd",
+	content: "accordion-module__content___poriL",
+	row: "accordion-module__row___KKSGA",
+	rowWithMedia: "accordion-module__rowWithMedia___Nsv80",
+	media: "accordion-module__media___Vvyk0",
+	mediaMedallion: "accordion-module__mediaMedallion___rcMdi",
+	heading: "accordion-module__heading___30yj9",
+	titleLine: "accordion-module__titleLine___iIztv",
+	badge: "accordion-module__badge___QPybg",
+	bodyWithMedia: "accordion-module__bodyWithMedia___zU4xx",
+	bodyWithMedallion: "accordion-module__bodyWithMedallion___6a4qt"
+}, c = {
+	bordered: s.surfaceBordered,
+	card: s.surfaceCard,
+	flat: s.surfaceFlat
+};
+function l(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function u({ className: t, surface: r, items: a, media: l, children: u, ...d }) {
+	let f = n("accordion", {
+		surface: "bordered",
+		media: "inline"
+	}), p = r ?? f.surface, h = l ?? f.media;
+	return /* @__PURE__ */ i(o.Root, {
+		className: e("accordion--component", s.root, c[p], t),
+		"data-surface": p,
+		...d,
+		children: u ?? a?.map((e) => /* @__PURE__ */ i(m, {
+			item: e,
+			media: h,
+			items: a
+		}, e.value))
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Item, {
+		className: e("accordion-item--component", s.item, t),
+		...n
+	});
+}
+function f({ className: n, children: c, ...u }) {
+	return /* @__PURE__ */ i(o.Header, {
+		className: s.header,
+		children: /* @__PURE__ */ a(o.Trigger, {
+			className: e("accordion-trigger--component", s.trigger, n),
+			...u,
+			children: [l(c) ? /* @__PURE__ */ i(t, {
+				tag: "span",
+				size: "inherit",
+				weight: "medium",
+				lineHeight: "snug",
+				children: c
+			}) : c, /* @__PURE__ */ i(r, {
+				"aria-hidden": !0,
+				className: s.icon
+			})]
+		})
+	});
+}
+function p({ className: n, children: r, ...a }) {
+	return /* @__PURE__ */ i(o.Panel, {
+		className: e("accordion-content--component", s.panel),
+		...a,
+		children: /* @__PURE__ */ i("div", {
+			className: e(s.content, n),
+			children: l(r) ? /* @__PURE__ */ i(t, {
+				tag: "div",
+				size: "inherit",
+				type: "secondary",
+				lineHeight: "relaxed",
+				children: r
+			}) : r
+		})
+	});
+}
+function m({ item: n, media: r, items: o }) {
+	let c = r !== "none" && o.some((e) => e.icon != null), u = c ? r === "medallion" ? s.bodyWithMedallion : s.bodyWithMedia : void 0;
+	return /* @__PURE__ */ a(d, {
+		value: n.value,
+		className: "accordion--item",
+		children: [/* @__PURE__ */ i(f, {
+			disabled: n.disabled,
+			className: "accordion--trigger",
+			children: /* @__PURE__ */ a("span", {
+				className: e(s.row, c && s.rowWithMedia),
+				children: [c && /* @__PURE__ */ i("span", {
+					"aria-hidden": !0,
+					className: e("accordion--media", s.media, r === "medallion" && n.icon != null && s.mediaMedallion),
+					children: n.icon
+				}), /* @__PURE__ */ a("span", {
+					className: e("accordion--heading", s.heading),
+					children: [/* @__PURE__ */ a("span", {
+						className: s.titleLine,
+						children: [l(n.title) ? /* @__PURE__ */ i(t, {
+							tag: "span",
+							size: "inherit",
+							weight: "semibold",
+							className: "accordion--title",
+							children: n.title
+						}) : n.title, n.badge != null && /* @__PURE__ */ i("span", {
+							className: s.badge,
+							children: n.badge
+						})]
+					}), n.description != null && (l(n.description) ? /* @__PURE__ */ i(t, {
+						tag: "span",
+						size: "sm",
+						type: "secondary",
+						className: "accordion--description",
+						children: n.description
+					}) : n.description)]
+				})]
+			})
+		}), /* @__PURE__ */ i(p, {
+			className: e("accordion--content", u),
+			children: n.content
+		})]
+	});
+}
+//#endregion
+export { f as i, p as n, d as r, u as t };

package/dist/accordion-Dw6cjtBX.cjs

@@ -0,0 +1 @@
+const e=require("./typography-kBzTy-jM.cjs"),t=require("./ui-provider-BS7QPJVb.cjs");let n=require("lucide-react"),r=require("react/jsx-runtime"),i=require("@base-ui/react/accordion"),a=require("clsx");var o={light:`accordion-module__light___n8-K3`,dark:`accordion-module__dark___Vu8Cm`,root:`accordion-module__root___-5l7Q`,surfaceBordered:`accordion-module__surfaceBordered___-PhCv`,surfaceCard:`accordion-module__surfaceCard___n8fk4`,surfaceFlat:`accordion-module__surfaceFlat___lA3Q5`,item:`accordion-module__item___l8bq5`,header:`accordion-module__header___gd0Hw`,trigger:`accordion-module__trigger___6pCQZ`,icon:`accordion-module__icon___FgsHd`,panel:`accordion-module__panel___EydLd`,content:`accordion-module__content___poriL`,row:`accordion-module__row___KKSGA`,rowWithMedia:`accordion-module__rowWithMedia___Nsv80`,media:`accordion-module__media___Vvyk0`,mediaMedallion:`accordion-module__mediaMedallion___rcMdi`,heading:`accordion-module__heading___30yj9`,titleLine:`accordion-module__titleLine___iIztv`,badge:`accordion-module__badge___QPybg`,bodyWithMedia:`accordion-module__bodyWithMedia___zU4xx`,bodyWithMedallion:`accordion-module__bodyWithMedallion___6a4qt`},s={bordered:o.surfaceBordered,card:o.surfaceCard,flat:o.surfaceFlat};function c(e){return typeof e==`string`||typeof e==`number`||typeof e==`bigint`}function l({className:e,surface:n,items:c,media:l,children:u,...d}){let f=t.n(`accordion`,{surface:`bordered`,media:`inline`}),m=n??f.surface,h=l??f.media;return(0,r.jsx)(i.Accordion.Root,{className:(0,a.clsx)(`accordion--component`,o.root,s[m],e),"data-surface":m,...d,children:u??c?.map(e=>(0,r.jsx)(p,{item:e,media:h,items:c},e.value))})}function u({className:e,...t}){return(0,r.jsx)(i.Accordion.Item,{className:(0,a.clsx)(`accordion-item--component`,o.item,e),...t})}function d({className:t,children:s,...l}){return(0,r.jsx)(i.Accordion.Header,{className:o.header,children:(0,r.jsxs)(i.Accordion.Trigger,{className:(0,a.clsx)(`accordion-trigger--component`,o.trigger,t),...l,children:[c(s)?(0,r.jsx)(e.o,{tag:`span`,size:`inherit`,weight:`medium`,lineHeight:`snug`,children:s}):s,(0,r.jsx)(n.ChevronDownIcon,{"aria-hidden":!0,className:o.icon})]})})}function f({className:t,children:n,...s}){return(0,r.jsx)(i.Accordion.Panel,{className:(0,a.clsx)(`accordion-content--component`,o.panel),...s,children:(0,r.jsx)(`div`,{className:(0,a.clsx)(o.content,t),children:c(n)?(0,r.jsx)(e.o,{tag:`div`,size:`inherit`,type:`secondary`,lineHeight:`relaxed`,children:n}):n})})}function p({item:t,media:n,items:i}){let s=n!==`none`&&i.some(e=>e.icon!=null),l=s?n===`medallion`?o.bodyWithMedallion:o.bodyWithMedia:void 0;return(0,r.jsxs)(u,{value:t.value,className:`accordion--item`,children:[(0,r.jsx)(d,{disabled:t.disabled,className:`accordion--trigger`,children:(0,r.jsxs)(`span`,{className:(0,a.clsx)(o.row,s&&o.rowWithMedia),children:[s&&(0,r.jsx)(`span`,{"aria-hidden":!0,className:(0,a.clsx)(`accordion--media`,o.media,n===`medallion`&&t.icon!=null&&o.mediaMedallion),children:t.icon}),(0,r.jsxs)(`span`,{className:(0,a.clsx)(`accordion--heading`,o.heading),children:[(0,r.jsxs)(`span`,{className:o.titleLine,children:[c(t.title)?(0,r.jsx)(e.o,{tag:`span`,size:`inherit`,weight:`semibold`,className:`accordion--title`,children:t.title}):t.title,t.badge!=null&&(0,r.jsx)(`span`,{className:o.badge,children:t.badge})]}),t.description!=null&&(c(t.description)?(0,r.jsx)(e.o,{tag:`span`,size:`sm`,type:`secondary`,className:`accordion--description`,children:t.description}):t.description)]})]})}),(0,r.jsx)(f,{className:(0,a.clsx)(`accordion--content`,l),children:t.content})]})}Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/action-menu-DcUKnD_n.cjs

@@ -0,0 +1 @@
+const e=require("./typography-kBzTy-jM.cjs"),t=require("./ui-provider-BS7QPJVb.cjs"),n=require("./buttons-CQc0AVpb.cjs"),r=require("./dropdown-menu-yJ7XUydU.cjs");let i=require("lucide-react"),a=require("react"),o=require("react/jsx-runtime"),s=require("clsx");var c={itemContent:`action-menu-module__itemContent___8jZHF`,itemIconPlaceholder:`action-menu-module__itemIconPlaceholder___582IC`,triggerLabel:`action-menu-module__triggerLabel___378sV`,buttons:`action-menu-module__buttons___0jEHF`,linkButton:`action-menu-module__linkButton___1h61W`,labelHidden:`action-menu-module__labelHidden___vL6ft`,labelResponsive:`action-menu-module__labelResponsive___J-jtN`},l={trigger:`More actions`,overflow:`More actions`};function u(e){return e.tone===`destructive`}function d(e,t){return e.id??(typeof e.label==`string`?e.label:`action-${t}`)}function f(e,t){let n=e.filter(e=>e.visible!==!1);return t?n:[...n.filter(e=>!u(e)),...n.filter(u)]}function p(e){return e?(0,a.isValidElement)(e)?e:typeof e==`function`||typeof e==`object`&&e&&`$$typeof`in e?(0,o.jsx)(e,{"aria-hidden":!0}):e:null}function m(e,t){return{icon:p(e.icon)??(t?(0,o.jsx)(`span`,{"aria-hidden":!0,className:c.itemIconPlaceholder}):void 0),description:e.description,shortcut:e.shortcut,trailing:e.trailing}}function h(t,n,i,a,c){let l=d(t,n),f=t.closeOnSelect??i;if(t.render)return(0,o.jsx)(`div`,{className:`action-menu--item`,children:t.render},l);let p=m(t,a),h=typeof t.label==`string`?(0,o.jsx)(e.o,{tag:`span`,size:`inherit`,className:`action-menu--item-label`,children:t.label}):t.label,g=(0,s.clsx)(`action-menu--item`,t.className),_=u(t)?`destructive`:`default`;if(t.type===`checkbox`)return(0,o.jsxs)(r.n,{checked:!!t.checked,disabled:t.disabled,closeOnClick:f,onCheckedChange:t.onCheckedChange,className:g,children:[p.icon,h]},l);if(t.href&&!t.disabled){let e=t.href;return(0,o.jsx)(r.s,{href:e,variant:_,closeOnClick:f,onClick:t.onClick,...p,render:c?c({href:e,children:h,target:t.target,rel:t.rel,external:t.external,disabled:t.disabled}):n=>(0,o.jsx)(`a`,{...n,href:e,target:t.target,rel:t.rel}),className:g,children:h},l)}return(0,o.jsx)(r.a,{disabled:t.disabled,variant:_,closeOnClick:f,onClick:t.onClick,className:g,...p,children:h},l)}function g(e){let t=[],n,r=!1;return e.forEach((e,i)=>{let a=e.group??null,o=u(e)&&!r;(t.length===0||a!==n||o)&&(n=a,t.push({caption:typeof a==`string`?a:null,actions:[]})),t[t.length-1]?.actions.push({action:e,index:i}),r=u(e)}),t}function _(e,t,n){let i=e.some(e=>e.icon!=null);return g(e).map((e,s)=>(0,o.jsxs)(a.Fragment,{children:[s>0&&(0,o.jsx)(r.d,{}),(0,o.jsxs)(r.i,{children:[e.caption!=null&&(0,o.jsx)(r.o,{children:e.caption}),e.actions.map(({action:e,index:r})=>h(e,r,t,i,n))]})]},e.caption??`group-${s}`))}function v({actions:u,label:d,icon:m=i.MoreVerticalIcon,strings:h,buttonProps:g,align:v,side:y=`bottom`,contentClassName:b,width:x,minWidth:S,maxWidth:C,closeOnSelect:w,labelVisibility:T,preserveOrder:E=!1,renderLink:D,renderTrigger:O}){let k={...l,...h},A=t.n(`actionMenu`,{align:`end`,closeOnSelect:!0,labelVisibility:`visible`}),j=v??A.align,M=w??A.closeOnSelect,N=T??A.labelVisibility,P=(0,a.useMemo)(()=>f(u,E),[u,E]);if(P.length===0)return null;let F=!!d&&N===`visible`,I=N===`hidden`?c.labelHidden:N===`responsive`?c.labelResponsive:void 0,L=p(m);return(0,o.jsxs)(r.t,{children:[(0,o.jsx)(r.g,{render:O??(0,o.jsxs)(n.c,{tone:`neutral`,buttonStyle:`ghost`,iconOnly:!F,"aria-label":F?void 0:k.trigger,...g,children:[L,d!=null&&(0,o.jsx)(e.o,{tag:`span`,size:`inherit`,weight:`medium`,className:(0,s.clsx)(c.triggerLabel,I),children:d})]})}),(0,o.jsx)(r.r,{align:j,side:y,width:x,minWidth:S,maxWidth:C,className:(0,s.clsx)(`action-menu--component`,b),children:_(P,M,D)})]})}function y({actions:e,max:t,strings:r,className:i,renderLink:a}){let u={...l,...r},f=e.filter(e=>e.visible!==!1);if(f.length===0)return null;let m=t!=null&&t>=0?f.slice(0,t):f,h=t!=null&&t>=0?f.slice(t):[];return(0,o.jsxs)(`div`,{className:(0,s.clsx)(`action-buttons--component`,c.buttons,i),children:[m.map((e,t)=>{let r=e.buttonStyle===`link`,i=r?`ghost`:e.buttonStyle??`solid`,l=(0,o.jsxs)(o.Fragment,{children:[p(e.icon),e.label]});if(e.href&&!e.disabled){let u=e.href,f=a?a({href:u,children:l,target:e.target,rel:e.rel,external:e.external}):(0,o.jsx)(`a`,{href:u,target:e.target,rel:e.rel,children:l});return(0,o.jsx)(n.c,{render:f,tone:e.tone??`primary`,buttonStyle:i,className:(0,s.clsx)(r&&c.linkButton,e.className)},d(e,t))}return(0,o.jsx)(n.c,{tone:e.tone??`primary`,buttonStyle:i,disabled:e.disabled,onClick:e.onClick,className:(0,s.clsx)(r&&c.linkButton,e.className),children:l},d(e,t))}),h.length>0&&(0,o.jsx)(v,{actions:h,strings:{trigger:u.overflow},renderLink:a})]})}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

package/dist/action-menu-jAPdRvbi.js

@@ -0,0 +1,201 @@
+import "./css/action-menu.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-vC_wwEBm.js";
+import { n } from "./ui-provider-DvO3G7xp.js";
+import { c as r } from "./buttons-CabBjPap.js";
+import { a as i, d as a, g as o, i as s, n as c, o as l, r as u, s as d, t as f } from "./dropdown-menu-Dg8jpvqM.js";
+import { MoreVerticalIcon as p } from "lucide-react";
+import { Fragment as m, isValidElement as h, useMemo as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+var b = {
+	itemContent: "action-menu-module__itemContent___8jZHF",
+	itemIconPlaceholder: "action-menu-module__itemIconPlaceholder___582IC",
+	triggerLabel: "action-menu-module__triggerLabel___378sV",
+	buttons: "action-menu-module__buttons___0jEHF",
+	linkButton: "action-menu-module__linkButton___1h61W",
+	labelHidden: "action-menu-module__labelHidden___vL6ft",
+	labelResponsive: "action-menu-module__labelResponsive___J-jtN"
+}, x = {
+	trigger: "More actions",
+	overflow: "More actions"
+};
+//#endregion
+//#region src/components/base/action-menu/action-menu.tsx
+function S(e) {
+	return e.tone === "destructive";
+}
+function C(e, t) {
+	return e.id ?? (typeof e.label == "string" ? e.label : `action-${t}`);
+}
+function w(e, t) {
+	let n = e.filter((e) => e.visible !== !1);
+	return t ? n : [...n.filter((e) => !S(e)), ...n.filter(S)];
+}
+function T(e) {
+	return e ? h(e) ? e : typeof e == "function" || typeof e == "object" && e && "$$typeof" in e ? /* @__PURE__ */ v(e, { "aria-hidden": !0 }) : e : null;
+}
+function E(e, t) {
+	return {
+		icon: T(e.icon) ?? (t ? /* @__PURE__ */ v("span", {
+			"aria-hidden": !0,
+			className: b.itemIconPlaceholder
+		}) : void 0),
+		description: e.description,
+		shortcut: e.shortcut,
+		trailing: e.trailing
+	};
+}
+function D(n, r, a, o, s) {
+	let l = C(n, r), u = n.closeOnSelect ?? a;
+	if (n.render) return /* @__PURE__ */ v("div", {
+		className: "action-menu--item",
+		children: n.render
+	}, l);
+	let f = E(n, o), p = typeof n.label == "string" ? /* @__PURE__ */ v(t, {
+		tag: "span",
+		size: "inherit",
+		className: "action-menu--item-label",
+		children: n.label
+	}) : n.label, m = e("action-menu--item", n.className), h = S(n) ? "destructive" : "default";
+	if (n.type === "checkbox") return /* @__PURE__ */ y(c, {
+		checked: !!n.checked,
+		disabled: n.disabled,
+		closeOnClick: u,
+		onCheckedChange: n.onCheckedChange,
+		className: m,
+		children: [f.icon, p]
+	}, l);
+	if (n.href && !n.disabled) {
+		let e = n.href;
+		return /* @__PURE__ */ v(d, {
+			href: e,
+			variant: h,
+			closeOnClick: u,
+			onClick: n.onClick,
+			...f,
+			render: s ? s({
+				href: e,
+				children: p,
+				target: n.target,
+				rel: n.rel,
+				external: n.external,
+				disabled: n.disabled
+			}) : (t) => /* @__PURE__ */ v("a", {
+				...t,
+				href: e,
+				target: n.target,
+				rel: n.rel
+			}),
+			className: m,
+			children: p
+		}, l);
+	}
+	return /* @__PURE__ */ v(i, {
+		disabled: n.disabled,
+		variant: h,
+		closeOnClick: u,
+		onClick: n.onClick,
+		className: m,
+		...f,
+		children: p
+	}, l);
+}
+function O(e) {
+	let t = [], n, r = !1;
+	return e.forEach((e, i) => {
+		let a = e.group ?? null, o = S(e) && !r;
+		(t.length === 0 || a !== n || o) && (n = a, t.push({
+			caption: typeof a == "string" ? a : null,
+			actions: []
+		})), t[t.length - 1]?.actions.push({
+			action: e,
+			index: i
+		}), r = S(e);
+	}), t;
+}
+function k(e, t, n) {
+	let r = e.some((e) => e.icon != null);
+	return O(e).map((e, i) => /* @__PURE__ */ y(m, { children: [i > 0 && /* @__PURE__ */ v(a, {}), /* @__PURE__ */ y(s, { children: [e.caption != null && /* @__PURE__ */ v(l, { children: e.caption }), e.actions.map(({ action: e, index: i }) => D(e, i, t, r, n))] })] }, e.caption ?? `group-${i}`));
+}
+function A({ actions: i, label: a, icon: s = p, strings: c, buttonProps: l, align: d, side: m = "bottom", contentClassName: h, width: _, minWidth: S, maxWidth: C, closeOnSelect: E, labelVisibility: D, preserveOrder: O = !1, renderLink: A, renderTrigger: j }) {
+	let M = {
+		...x,
+		...c
+	}, N = n("actionMenu", {
+		align: "end",
+		closeOnSelect: !0,
+		labelVisibility: "visible"
+	}), P = d ?? N.align, F = E ?? N.closeOnSelect, I = D ?? N.labelVisibility, L = g(() => w(i, O), [i, O]);
+	if (L.length === 0) return null;
+	let R = !!a && I === "visible", z = I === "hidden" ? b.labelHidden : I === "responsive" ? b.labelResponsive : void 0, B = T(s);
+	return /* @__PURE__ */ y(f, { children: [/* @__PURE__ */ v(o, { render: j ?? /* @__PURE__ */ y(r, {
+		tone: "neutral",
+		buttonStyle: "ghost",
+		iconOnly: !R,
+		"aria-label": R ? void 0 : M.trigger,
+		...l,
+		children: [B, a != null && /* @__PURE__ */ v(t, {
+			tag: "span",
+			size: "inherit",
+			weight: "medium",
+			className: e(b.triggerLabel, z),
+			children: a
+		})]
+	}) }), /* @__PURE__ */ v(u, {
+		align: P,
+		side: m,
+		width: _,
+		minWidth: S,
+		maxWidth: C,
+		className: e("action-menu--component", h),
+		children: k(L, F, A)
+	})] });
+}
+function j({ actions: t, max: n, strings: i, className: a, renderLink: o }) {
+	let s = {
+		...x,
+		...i
+	}, c = t.filter((e) => e.visible !== !1);
+	if (c.length === 0) return null;
+	let l = n != null && n >= 0 ? c.slice(0, n) : c, u = n != null && n >= 0 ? c.slice(n) : [];
+	return /* @__PURE__ */ y("div", {
+		className: e("action-buttons--component", b.buttons, a),
+		children: [l.map((t, n) => {
+			let i = t.buttonStyle === "link", a = i ? "ghost" : t.buttonStyle ?? "solid", s = /* @__PURE__ */ y(_, { children: [T(t.icon), t.label] });
+			if (t.href && !t.disabled) {
+				let c = t.href, l = o ? o({
+					href: c,
+					children: s,
+					target: t.target,
+					rel: t.rel,
+					external: t.external
+				}) : /* @__PURE__ */ v("a", {
+					href: c,
+					target: t.target,
+					rel: t.rel,
+					children: s
+				});
+				return /* @__PURE__ */ v(r, {
+					render: l,
+					tone: t.tone ?? "primary",
+					buttonStyle: a,
+					className: e(i && b.linkButton, t.className)
+				}, C(t, n));
+			}
+			return /* @__PURE__ */ v(r, {
+				tone: t.tone ?? "primary",
+				buttonStyle: a,
+				disabled: t.disabled,
+				onClick: t.onClick,
+				className: e(i && b.linkButton, t.className),
+				children: s
+			}, C(t, n));
+		}), u.length > 0 && /* @__PURE__ */ v(A, {
+			actions: u,
+			strings: { trigger: s.overflow },
+			renderLink: o
+		})]
+	});
+}
+//#endregion
+export { A as n, x as r, j as t };

package/dist/admin/patterns/access.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../typography-kBzTy-jM.cjs"),t=require("../../feedback-lBKIc2cQ.cjs"),n=require("../../buttons-CQc0AVpb.cjs"),r=require("../../action-menu-DcUKnD_n.cjs"),i=require("../../copyable-D6xnngEz.cjs"),a=require("../../display-BPuD0OAo.cjs"),o=require("../../badge-CSoXP1oV.cjs"),s=require("../../item-BXtuvlig.cjs"),c=require("../../use-controllable-state-BdbrdEWI.cjs");let l=require("lucide-react"),u=require("react/jsx-runtime"),d=require("clsx");var f={title:`API keys`,addLabel:`Add key`,rowMenuLabel:`Key actions`,copyLabel:`Copy key`,deleteLabel:`Delete`,emptyMessage:`No keys yet.`},p={editLabel:`Edit role`,formatMemberCount:e=>`${e} members`,granted:`Granted`,notGranted:`Not granted`},m={credentialList:`admin-module__credentialList___BdXSf`,credentialHeader:`admin-module__credentialHeader___DvyvU`,credentialToggle:`admin-module__credentialToggle___Nt88P`,credentialBody:`admin-module__credentialBody___yXtUZ`,role:`admin-module__role___y6DI-`,roleHeader:`admin-module__roleHeader___QPSXi`,roleIdentity:`admin-module__roleIdentity___zHA28`,roleHeaderActions:`admin-module__roleHeaderActions___fqdPi`,roleGroup:`admin-module__roleGroup___tj6gB`,rolePermissions:`admin-module__rolePermissions___PP7WO`,rolePermission:`admin-module__rolePermission___bWGUI`,roleMark:`admin-module__roleMark___sktul`,sensitive:`admin-module__sensitive___pYfgV`,sensitiveRow:`admin-module__sensitiveRow___60WFK`,sensitiveBody:`admin-module__sensitiveBody___kbCuo`,sensitiveAction:`admin-module__sensitiveAction___-RoUS`};function h({items:o,title:p,defaultOpen:h=!0,open:g,onOpenChange:_,onAdd:v,onDelete:y,onCopy:b,strings:x,className:S,...C}){let w={...f,...x},[T,E]=c.t({value:g,defaultValue:h,onChange:_});return(0,u.jsx)(`div`,{className:(0,d.clsx)(`credential-list--component`,m.credentialList,S),...C,children:(0,u.jsxs)(a.h,{open:T,onOpenChange:E,children:[(0,u.jsxs)(`div`,{className:m.credentialHeader,children:[(0,u.jsx)(a._,{className:m.credentialToggle,children:(0,u.jsx)(e.o,{tag:`span`,weight:`semibold`,children:p??w.title})}),v&&(0,u.jsx)(n.c,{tone:`secondary`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":w.addLabel,onClick:v,children:(0,u.jsx)(l.PlusIcon,{"aria-hidden":`true`})})]}),(0,u.jsx)(a.g,{className:m.credentialBody,children:o.length===0?(0,u.jsx)(t.p,{padding:`sm`,title:w.emptyMessage,description:!1}):(0,u.jsx)(s.o,{ruled:!0,children:o.map(e=>{let t=y?[{id:`delete`,label:w.deleteLabel,icon:l.Trash2Icon,tone:`destructive`,disabled:e.disabled,onClick:()=>y(e.id,e)}]:[];return(0,u.jsxs)(s.t,{children:[(0,u.jsx)(s.c,{children:e.icon??(0,u.jsx)(a.u,{icon:l.KeyRoundIcon,shape:`rounded`})}),(0,u.jsxs)(s.r,{children:[(0,u.jsx)(s.u,{children:e.name}),(0,u.jsx)(i.t,{value:e.value,displayValue:e.displayValue??e.value,mono:!0,truncate:!0,compact:!0,strings:{copy:w.copyLabel},onCopy:()=>b?.(e.id,e)})]}),t.length>0&&(0,u.jsx)(s.n,{children:(0,u.jsx)(r.n,{actions:t,strings:{trigger:w.rowMenuLabel}})})]},e.id)})})})]})})}function g({roleName:t,description:r,memberCount:i,groups:s,onEdit:c,strings:f,className:h,...g}){let _={...p,...f};return(0,u.jsxs)(`div`,{className:(0,d.clsx)(`role-permissions--component`,m.role,h),...g,children:[(0,u.jsxs)(`div`,{className:(0,d.clsx)(`role-permissions--header`,m.roleHeader),children:[(0,u.jsxs)(`div`,{className:m.roleIdentity,children:[(0,u.jsx)(e.o,{weight:`semibold`,children:t}),r!=null&&(0,u.jsx)(e.o,{size:`xs`,type:`secondary`,children:r})]}),(i!==void 0||c)&&(0,u.jsxs)(`div`,{className:m.roleHeaderActions,children:[i!==void 0&&(0,u.jsx)(o.t,{tone:`neutral`,children:_.formatMemberCount(i)}),c&&(0,u.jsxs)(n.c,{tone:`secondary`,buttonStyle:`outline`,onClick:c,children:[(0,u.jsx)(l.PencilIcon,{"aria-hidden":`true`}),_.editLabel]})]})]}),s.map(t=>(0,u.jsxs)(`div`,{className:m.roleGroup,children:[(0,u.jsx)(e.i,{children:t.name}),(0,u.jsx)(`div`,{className:m.rolePermissions,children:t.permissions.map(t=>(0,u.jsxs)(`span`,{"data-granted":t.granted?``:void 0,className:m.rolePermission,children:[t.granted?(0,u.jsx)(l.CheckIcon,{className:m.roleMark,"aria-hidden":`true`}):(0,u.jsx)(l.MinusIcon,{className:m.roleMark,"aria-hidden":`true`}),(0,u.jsx)(e.o,{tag:`span`,size:`xs`,children:t.label}),(0,u.jsx)(a.d,{children:t.granted?_.granted:_.notGranted})]},t.label))})]},t.name))]})}function _({title:n,description:r,action:i,confirmation:o,icon:s=l.ShieldAlertIcon,className:c,...f}){return(0,u.jsxs)(a.l,{surface:`bordered`,className:(0,d.clsx)(`sensitive-action--component`,m.sensitive,c),...f,children:[(0,u.jsxs)(`div`,{className:m.sensitiveRow,children:[(0,u.jsx)(a.u,{icon:s,tone:`destructive`,shape:`rounded`}),(0,u.jsxs)(`div`,{className:m.sensitiveBody,children:[(0,u.jsx)(e.o,{weight:`semibold`,children:n}),r!=null&&(0,u.jsx)(e.o,{type:`secondary`,children:r})]}),i!=null&&(0,u.jsx)(`div`,{className:m.sensitiveAction,children:i})]}),o!=null&&(0,u.jsx)(t.h,{tone:`destructive`,role:`note`,className:`sensitive-action--confirmation`,children:(0,u.jsx)(t._,{children:o})})]})}exports.CredentialList=h,exports.RolePermissions=g,exports.SensitiveAction=_,exports.defaultCredentialListStrings=f,exports.defaultRolePermissionsStrings=p;

package/dist/admin/patterns/access.css

@@ -0,0 +1,15 @@
+@import "../../core.css";
+@import "../../css/access.css";
+@import "../../css/typography.css";
+@import "../../css/feedback.css";
+@import "../../css/buttons.css";
+@import "../../css/tooltip.css";
+@import "../../css/action-menu.css";
+@import "../../css/dropdown-menu.css";
+@import "../../css/copyable.css";
+@import "../../css/toaster.css";
+@import "../../css/display.css";
+@import "../../css/structure.css";
+@import "../../css/primitives.css";
+@import "../../css/badge.css";
+@import "../../css/item.css";

package/dist/admin/patterns/access.js

@@ -0,0 +1,223 @@
+"use client";
+import "../../core.css";
+import "../../css/access.css";
+import { t as e } from "../../cx--CBrhWH0.js";
+import { i as t, o as n } from "../../typography-vC_wwEBm.js";
+import { _ as r, h as i, p as a } from "../../feedback-DHdvxang.js";
+import { c as o } from "../../buttons-CabBjPap.js";
+import { n as s } from "../../action-menu-jAPdRvbi.js";
+import { t as c } from "../../copyable-BCzl5xJE.js";
+import { _ as l, d as u, g as d, h as f, l as p, u as m } from "../../display-DTWjv_bB.js";
+import { t as h } from "../../badge-DwsR_WXN.js";
+import { c as g, n as _, o as v, r as y, t as b, u as x } from "../../item-CVi-_7OU.js";
+import { t as S } from "../../use-controllable-state-HHu2LRI-.js";
+import { CheckIcon as C, KeyRoundIcon as w, MinusIcon as T, PencilIcon as E, PlusIcon as D, ShieldAlertIcon as O, Trash2Icon as k } from "lucide-react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+//#region src/components/admin/patterns/access/admin.strings.ts
+var M = {
+	title: "API keys",
+	addLabel: "Add key",
+	rowMenuLabel: "Key actions",
+	copyLabel: "Copy key",
+	deleteLabel: "Delete",
+	emptyMessage: "No keys yet."
+}, N = {
+	editLabel: "Edit role",
+	formatMemberCount: (e) => `${e} members`,
+	granted: "Granted",
+	notGranted: "Not granted"
+}, P = {
+	credentialList: "admin-module__credentialList___BdXSf",
+	credentialHeader: "admin-module__credentialHeader___DvyvU",
+	credentialToggle: "admin-module__credentialToggle___Nt88P",
+	credentialBody: "admin-module__credentialBody___yXtUZ",
+	role: "admin-module__role___y6DI-",
+	roleHeader: "admin-module__roleHeader___QPSXi",
+	roleIdentity: "admin-module__roleIdentity___zHA28",
+	roleHeaderActions: "admin-module__roleHeaderActions___fqdPi",
+	roleGroup: "admin-module__roleGroup___tj6gB",
+	rolePermissions: "admin-module__rolePermissions___PP7WO",
+	rolePermission: "admin-module__rolePermission___bWGUI",
+	roleMark: "admin-module__roleMark___sktul",
+	sensitive: "admin-module__sensitive___pYfgV",
+	sensitiveRow: "admin-module__sensitiveRow___60WFK",
+	sensitiveBody: "admin-module__sensitiveBody___kbCuo",
+	sensitiveAction: "admin-module__sensitiveAction___-RoUS"
+};
+//#endregion
+//#region src/components/admin/patterns/access/credential-list.tsx
+function F({ items: t, title: r, defaultOpen: i = !0, open: u, onOpenChange: p, onAdd: h, onDelete: C, onCopy: T, strings: E, className: O, ...N }) {
+	let F = {
+		...M,
+		...E
+	}, [I, L] = S({
+		value: u,
+		defaultValue: i,
+		onChange: p
+	});
+	return /* @__PURE__ */ A("div", {
+		className: e("credential-list--component", P.credentialList, O),
+		...N,
+		children: /* @__PURE__ */ j(f, {
+			open: I,
+			onOpenChange: L,
+			children: [/* @__PURE__ */ j("div", {
+				className: P.credentialHeader,
+				children: [/* @__PURE__ */ A(l, {
+					className: P.credentialToggle,
+					children: /* @__PURE__ */ A(n, {
+						tag: "span",
+						weight: "semibold",
+						children: r ?? F.title
+					})
+				}), h && /* @__PURE__ */ A(o, {
+					tone: "secondary",
+					buttonStyle: "ghost",
+					iconOnly: !0,
+					"aria-label": F.addLabel,
+					onClick: h,
+					children: /* @__PURE__ */ A(D, { "aria-hidden": "true" })
+				})]
+			}), /* @__PURE__ */ A(d, {
+				className: P.credentialBody,
+				children: t.length === 0 ? /* @__PURE__ */ A(a, {
+					padding: "sm",
+					title: F.emptyMessage,
+					description: !1
+				}) : /* @__PURE__ */ A(v, {
+					ruled: !0,
+					children: t.map((e) => {
+						let t = C ? [{
+							id: "delete",
+							label: F.deleteLabel,
+							icon: k,
+							tone: "destructive",
+							disabled: e.disabled,
+							onClick: () => C(e.id, e)
+						}] : [];
+						return /* @__PURE__ */ j(b, { children: [
+							/* @__PURE__ */ A(g, { children: e.icon ?? /* @__PURE__ */ A(m, {
+								icon: w,
+								shape: "rounded"
+							}) }),
+							/* @__PURE__ */ j(y, { children: [/* @__PURE__ */ A(x, { children: e.name }), /* @__PURE__ */ A(c, {
+								value: e.value,
+								displayValue: e.displayValue ?? e.value,
+								mono: !0,
+								truncate: !0,
+								compact: !0,
+								strings: { copy: F.copyLabel },
+								onCopy: () => T?.(e.id, e)
+							})] }),
+							t.length > 0 && /* @__PURE__ */ A(_, { children: /* @__PURE__ */ A(s, {
+								actions: t,
+								strings: { trigger: F.rowMenuLabel }
+							}) })
+						] }, e.id);
+					})
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/access/role-permissions.tsx
+function I({ roleName: r, description: i, memberCount: a, groups: s, onEdit: c, strings: l, className: d, ...f }) {
+	let p = {
+		...N,
+		...l
+	};
+	return /* @__PURE__ */ j("div", {
+		className: e("role-permissions--component", P.role, d),
+		...f,
+		children: [/* @__PURE__ */ j("div", {
+			className: e("role-permissions--header", P.roleHeader),
+			children: [/* @__PURE__ */ j("div", {
+				className: P.roleIdentity,
+				children: [/* @__PURE__ */ A(n, {
+					weight: "semibold",
+					children: r
+				}), i != null && /* @__PURE__ */ A(n, {
+					size: "xs",
+					type: "secondary",
+					children: i
+				})]
+			}), (a !== void 0 || c) && /* @__PURE__ */ j("div", {
+				className: P.roleHeaderActions,
+				children: [a !== void 0 && /* @__PURE__ */ A(h, {
+					tone: "neutral",
+					children: p.formatMemberCount(a)
+				}), c && /* @__PURE__ */ j(o, {
+					tone: "secondary",
+					buttonStyle: "outline",
+					onClick: c,
+					children: [/* @__PURE__ */ A(E, { "aria-hidden": "true" }), p.editLabel]
+				})]
+			})]
+		}), s.map((e) => /* @__PURE__ */ j("div", {
+			className: P.roleGroup,
+			children: [/* @__PURE__ */ A(t, { children: e.name }), /* @__PURE__ */ A("div", {
+				className: P.rolePermissions,
+				children: e.permissions.map((e) => /* @__PURE__ */ j("span", {
+					"data-granted": e.granted ? "" : void 0,
+					className: P.rolePermission,
+					children: [
+						e.granted ? /* @__PURE__ */ A(C, {
+							className: P.roleMark,
+							"aria-hidden": "true"
+						}) : /* @__PURE__ */ A(T, {
+							className: P.roleMark,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ A(n, {
+							tag: "span",
+							size: "xs",
+							children: e.label
+						}),
+						/* @__PURE__ */ A(u, { children: e.granted ? p.granted : p.notGranted })
+					]
+				}, e.label))
+			})]
+		}, e.name))]
+	});
+}
+//#endregion
+//#region src/components/admin/patterns/access/sensitive-action.tsx
+function L({ title: t, description: a, action: o, confirmation: s, icon: c = O, className: l, ...u }) {
+	return /* @__PURE__ */ j(p, {
+		surface: "bordered",
+		className: e("sensitive-action--component", P.sensitive, l),
+		...u,
+		children: [/* @__PURE__ */ j("div", {
+			className: P.sensitiveRow,
+			children: [
+				/* @__PURE__ */ A(m, {
+					icon: c,
+					tone: "destructive",
+					shape: "rounded"
+				}),
+				/* @__PURE__ */ j("div", {
+					className: P.sensitiveBody,
+					children: [/* @__PURE__ */ A(n, {
+						weight: "semibold",
+						children: t
+					}), a != null && /* @__PURE__ */ A(n, {
+						type: "secondary",
+						children: a
+					})]
+				}),
+				o != null && /* @__PURE__ */ A("div", {
+					className: P.sensitiveAction,
+					children: o
+				})
+			]
+		}), s != null && /* @__PURE__ */ A(i, {
+			tone: "destructive",
+			role: "note",
+			className: "sensitive-action--confirmation",
+			children: /* @__PURE__ */ A(r, { children: s })
+		})]
+	});
+}
+//#endregion
+export { F as CredentialList, I as RolePermissions, L as SensitiveAction, M as defaultCredentialListStrings, N as defaultRolePermissionsStrings };