themelia-ui 1.0.0

package/dist/batch-action-bar-B42CIB6A.js

@@ -0,0 +1,48 @@
+import "./css/batch-action-bar.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-vC_wwEBm.js";
+import { c as n } from "./buttons-CabBjPap.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/base/batch-action-bar/batch-action-bar.strings.ts
+var a = {
+	summary: (e, t) => t === void 0 ? `${e} selected` : `${e} of ${t} selected`,
+	clear: "Clear",
+	label: "Batch actions"
+}, o = {
+	root: "batch-action-bar-module__root___0rNMp",
+	summary: "batch-action-bar-module__summary___fawYy",
+	actions: "batch-action-bar-module__actions___Jbf31",
+	floating: "batch-action-bar-module__floating___40CuS",
+	inline: "batch-action-bar-module__inline___NQCkS"
+};
+//#endregion
+//#region src/components/base/batch-action-bar/batch-action-bar.tsx
+function s({ selectedCount: s, totalCount: c, onClear: l, placement: u = "floating", strings: d, children: f, className: p }) {
+	let m = {
+		...a,
+		...d
+	};
+	return s <= 0 ? null : /* @__PURE__ */ i("div", {
+		role: "region",
+		"aria-label": m.label,
+		"data-slot": "batch-action-bar",
+		"data-placement": u,
+		className: e("batch-action-bar--component", o.root, o[u], p),
+		children: [/* @__PURE__ */ r(t, {
+			size: "sm",
+			className: e("batch-action-bar--summary", o.summary),
+			children: m.summary(s, c)
+		}), /* @__PURE__ */ i("div", {
+			className: e("batch-action-bar--actions", o.actions),
+			children: [f, l ? /* @__PURE__ */ r(n, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "ghost",
+				onClick: l,
+				children: m.clear
+			}) : null]
+		})]
+	});
+}
+//#endregion
+export { a as n, s as t };

package/dist/batch-action-bar-CjPA1H9i.cjs

@@ -0,0 +1 @@
+const e=require("./typography-kBzTy-jM.cjs"),t=require("./buttons-CQc0AVpb.cjs");let n=require("react/jsx-runtime"),r=require("clsx");var i={summary:(e,t)=>t===void 0?`${e} selected`:`${e} of ${t} selected`,clear:`Clear`,label:`Batch actions`},a={root:`batch-action-bar-module__root___0rNMp`,summary:`batch-action-bar-module__summary___fawYy`,actions:`batch-action-bar-module__actions___Jbf31`,floating:`batch-action-bar-module__floating___40CuS`,inline:`batch-action-bar-module__inline___NQCkS`};function o({selectedCount:o,totalCount:s,onClear:c,placement:l=`floating`,strings:u,children:d,className:f}){let p={...i,...u};return o<=0?null:(0,n.jsxs)(`div`,{role:`region`,"aria-label":p.label,"data-slot":`batch-action-bar`,"data-placement":l,className:(0,r.clsx)(`batch-action-bar--component`,a.root,a[l],f),children:[(0,n.jsx)(e.o,{size:`sm`,className:(0,r.clsx)(`batch-action-bar--summary`,a.summary),children:p.summary(o,s)}),(0,n.jsxs)(`div`,{className:(0,r.clsx)(`batch-action-bar--actions`,a.actions),children:[d,c?(0,n.jsx)(t.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:c,children:p.clear}):null]})]})}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/buttons-CQc0AVpb.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./cvm-CHrYqf6y.cjs"),n=require("./typography-kBzTy-jM.cjs"),r=require("./slot-CU_R6dAe.cjs"),i=require("./ui-provider-BS7QPJVb.cjs"),a=require("./tooltip-oXbyn0gC.cjs");let o=require("react");o=e.t(o,1);let s=require("react/jsx-runtime"),c=require("react-dom"),l=require("clsx");var u={light:`button-module__light___qqjSM`,dark:`button-module__dark___DcswX`,root:`button-module__root___5p3ML`,iconOnly:`button-module__iconOnly___E27Dl`,fullWidth:`button-module__fullWidth___fYock`,label:`button-module__label___71qq6`,loadingLabel:`button-module__loadingLabel___W4TLz`,textButton:`button-module__textButton___ZqVT3`},d={toneNeutral:`button-tones-module__tone-neutral___ZL6aa`,styleSolid:`button-tones-module__style-solid___U7EwY`,styleOutline:`button-tones-module__style-outline___9b7fe`,styleGhost:`button-tones-module__style-ghost___qgrUN`,tonePrimary:`button-tones-module__tone-primary___kvaVq`,toneSecondary:`button-tones-module__tone-secondary___vE88J`,toneInfo:`button-tones-module__tone-info___Pfc8E`,toneSuccess:`button-tones-module__tone-success___F0-fk`,toneWarning:`button-tones-module__tone-warning___uS-5L`,toneDestructive:`button-tones-module__tone-destructive___oGxas`},f={neutral:d.toneNeutral,primary:d.tonePrimary,secondary:d.toneSecondary,info:d.toneInfo,success:d.toneSuccess,warning:d.toneWarning,destructive:d.toneDestructive},p={solid:d.styleSolid,outline:d.styleOutline,ghost:d.styleGhost},m={tone:`primary`,buttonStyle:`solid`},h=t.t(u.root,{variants:{iconOnly:{true:u.iconOnly,false:void 0},fullWidth:{true:u.fullWidth,false:void 0}}});function g({tone:e,buttonStyle:t,iconOnly:n=!1,fullWidth:a=!1,loading:c=!1,render:d,className:g,disabled:_,children:v,...y}){let b=(0,s.jsx)(`span`,{className:c?u.loadingLabel:u.label,children:v}),x=d?v==null?d:o.cloneElement(d,void 0,b):b,S=i.n(`button`,m),C=e??S.tone,w=t??S.buttonStyle,T=d!==void 0;return(0,s.jsx)(T?r.t:`button`,{"data-slot":`button`,"data-tone":C,"data-style":w,"data-loading":c?``:void 0,type:T?void 0:`button`,disabled:_??c,"aria-busy":c||void 0,className:(0,l.clsx)(`button--component`,h({iconOnly:n,fullWidth:a}),f[C],p[w],g),...y,children:x})}var _={root:`button-group-module__root___wzRia`,vertical:`button-group-module__vertical___6jV0Z`,groupText:`button-group-module__groupText___aaOjm`,groupSeparator:`button-group-module__groupSeparator___jZI5E`,groupSeparatorVertical:`button-group-module__groupSeparatorVertical___-bFc2`};function v({orientation:e=`horizontal`,className:t,...n}){return(0,s.jsx)(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":e,className:(0,l.clsx)(`button-group--component`,_.root,e===`vertical`&&_.vertical,t),...n})}function y({className:e,...t}){return(0,s.jsx)(n.o,{tag:`span`,size:`inherit`,"data-slot":`button-group-text`,className:(0,l.clsx)(`button-group-text--component`,_.groupText,e),...t})}function b({orientation:e=`horizontal`,className:t,...n}){return(0,s.jsx)(`div`,{role:`separator`,"aria-orientation":e===`vertical`?`horizontal`:`vertical`,"data-slot":`button-group-separator`,className:(0,l.clsx)(`button-group-separator--component`,_.groupSeparator,e===`vertical`&&_.groupSeparatorVertical,t),...n})}var x=o.forwardRef(function({tone:e=`primary`,className:t,...n},r){return(0,s.jsx)(g,{ref:r,tone:e,buttonStyle:`ghost`,"data-slot":`text-button`,className:(0,l.clsx)(`text-button--component`,u.textButton,t),...n})}),S={loading:`Working…`},C=o.forwardRef(function({loading:e,handlesLoading:t,onClick:n,strings:r,children:i,...a},l){let u={...S,...r},[d,f]=o.useState(!1),p=o.useRef(!0);o.useEffect(()=>()=>{p.current=!1},[]);let{pending:m}=(0,c.useFormStatus)(),h=a.type===`submit`,_=e!==void 0,v=_?e:d||h&&m;return(0,s.jsxs)(g,{ref:l,loading:v,"aria-busy":v?!0:void 0,onClick:async e=>{let t=n?.(e);if(!(!t||typeof t.then!=`function`)){_||f(!0);try{await t}finally{!_&&p.current&&f(!1)}}},...a,children:[i,v&&(0,s.jsx)(`span`,{className:`sr-only`,"aria-live":`polite`,children:u.loading})]})}),w=o.forwardRef(function({tooltip:e,side:t=`top`,children:n,...r},i){return(0,s.jsxs)(a.t,{children:[(0,s.jsx)(a.i,{render:(0,s.jsx)(g,{ref:i,"aria-label":r[`aria-label`]??e,...r,children:n})}),(0,s.jsx)(a.n,{side:t,children:e})]})});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return w}});

package/dist/buttons-CabBjPap.js

@@ -0,0 +1,167 @@
+import "./css/buttons.css";
+import { t as e } from "./cvm-DtsCA8iZ.js";
+import { t } from "./cx--CBrhWH0.js";
+import { o as n } from "./typography-vC_wwEBm.js";
+import { t as r } from "./slot-Cj7UGQH-.js";
+import { n as i } from "./ui-provider-DvO3G7xp.js";
+import { i as a, n as o, t as s } from "./tooltip-C6LpEyYB.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useFormStatus as d } from "react-dom";
+var f = {
+	light: "button-module__light___qqjSM",
+	dark: "button-module__dark___DcswX",
+	root: "button-module__root___5p3ML",
+	iconOnly: "button-module__iconOnly___E27Dl",
+	fullWidth: "button-module__fullWidth___fYock",
+	label: "button-module__label___71qq6",
+	loadingLabel: "button-module__loadingLabel___W4TLz",
+	textButton: "button-module__textButton___ZqVT3"
+}, p = {
+	toneNeutral: "button-tones-module__tone-neutral___ZL6aa",
+	styleSolid: "button-tones-module__style-solid___U7EwY",
+	styleOutline: "button-tones-module__style-outline___9b7fe",
+	styleGhost: "button-tones-module__style-ghost___qgrUN",
+	tonePrimary: "button-tones-module__tone-primary___kvaVq",
+	toneSecondary: "button-tones-module__tone-secondary___vE88J",
+	toneInfo: "button-tones-module__tone-info___Pfc8E",
+	toneSuccess: "button-tones-module__tone-success___F0-fk",
+	toneWarning: "button-tones-module__tone-warning___uS-5L",
+	toneDestructive: "button-tones-module__tone-destructive___oGxas"
+}, m = {
+	neutral: p.toneNeutral,
+	primary: p.tonePrimary,
+	secondary: p.toneSecondary,
+	info: p.toneInfo,
+	success: p.toneSuccess,
+	warning: p.toneWarning,
+	destructive: p.toneDestructive
+}, h = {
+	solid: p.styleSolid,
+	outline: p.styleOutline,
+	ghost: p.styleGhost
+}, g = {
+	tone: "primary",
+	buttonStyle: "solid"
+}, _ = e(f.root, { variants: {
+	iconOnly: {
+		true: f.iconOnly,
+		false: void 0
+	},
+	fullWidth: {
+		true: f.fullWidth,
+		false: void 0
+	}
+} });
+function v({ tone: e, buttonStyle: n, iconOnly: a = !1, fullWidth: o = !1, loading: s = !1, render: u, className: d, disabled: p, children: v, ...y }) {
+	let b = /* @__PURE__ */ l("span", {
+		className: s ? f.loadingLabel : f.label,
+		children: v
+	}), x = u ? v == null ? u : c.cloneElement(u, void 0, b) : b, S = i("button", g), C = e ?? S.tone, w = n ?? S.buttonStyle, T = u !== void 0;
+	return /* @__PURE__ */ l(T ? r : "button", {
+		"data-slot": "button",
+		"data-tone": C,
+		"data-style": w,
+		"data-loading": s ? "" : void 0,
+		type: T ? void 0 : "button",
+		disabled: p ?? s,
+		"aria-busy": s || void 0,
+		className: t("button--component", _({
+			iconOnly: a,
+			fullWidth: o
+		}), m[C], h[w], d),
+		...y,
+		children: x
+	});
+}
+var y = {
+	root: "button-group-module__root___wzRia",
+	vertical: "button-group-module__vertical___6jV0Z",
+	groupText: "button-group-module__groupText___aaOjm",
+	groupSeparator: "button-group-module__groupSeparator___jZI5E",
+	groupSeparatorVertical: "button-group-module__groupSeparatorVertical___-bFc2"
+};
+//#endregion
+//#region src/components/base/buttons/button-group.tsx
+function b({ orientation: e = "horizontal", className: n, ...r }) {
+	return /* @__PURE__ */ l("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": e,
+		className: t("button-group--component", y.root, e === "vertical" && y.vertical, n),
+		...r
+	});
+}
+function x({ className: e, ...r }) {
+	return /* @__PURE__ */ l(n, {
+		tag: "span",
+		size: "inherit",
+		"data-slot": "button-group-text",
+		className: t("button-group-text--component", y.groupText, e),
+		...r
+	});
+}
+function S({ orientation: e = "horizontal", className: n, ...r }) {
+	return /* @__PURE__ */ l("div", {
+		role: "separator",
+		"aria-orientation": e === "vertical" ? "horizontal" : "vertical",
+		"data-slot": "button-group-separator",
+		className: t("button-group-separator--component", y.groupSeparator, e === "vertical" && y.groupSeparatorVertical, n),
+		...r
+	});
+}
+//#endregion
+//#region src/components/base/buttons/text-button.tsx
+var C = c.forwardRef(function({ tone: e = "primary", className: n, ...r }, i) {
+	return /* @__PURE__ */ l(v, {
+		ref: i,
+		tone: e,
+		buttonStyle: "ghost",
+		"data-slot": "text-button",
+		className: t("text-button--component", f.textButton, n),
+		...r
+	});
+}), w = { loading: "Working…" }, T = c.forwardRef(function({ loading: e, handlesLoading: t, onClick: n, strings: r, children: i, ...a }, o) {
+	let s = {
+		...w,
+		...r
+	}, [f, p] = c.useState(!1), m = c.useRef(!0);
+	c.useEffect(() => () => {
+		m.current = !1;
+	}, []);
+	let { pending: h } = d(), g = a.type === "submit", _ = e !== void 0, y = _ ? e : f || g && h;
+	return /* @__PURE__ */ u(v, {
+		ref: o,
+		loading: y,
+		"aria-busy": y ? !0 : void 0,
+		onClick: async (e) => {
+			let t = n?.(e);
+			if (!(!t || typeof t.then != "function")) {
+				_ || p(!0);
+				try {
+					await t;
+				} finally {
+					!_ && m.current && p(!1);
+				}
+			}
+		},
+		...a,
+		children: [i, y && /* @__PURE__ */ l("span", {
+			className: "sr-only",
+			"aria-live": "polite",
+			children: s.loading
+		})]
+	});
+}), E = c.forwardRef(function({ tooltip: e, side: t = "top", children: n, ...r }, i) {
+	return /* @__PURE__ */ u(s, { children: [/* @__PURE__ */ l(a, { render: /* @__PURE__ */ l(v, {
+		ref: i,
+		"aria-label": r["aria-label"] ?? e,
+		...r,
+		children: n
+	}) }), /* @__PURE__ */ l(o, {
+		side: t,
+		children: e
+	})] });
+});
+//#endregion
+export { b as a, v as c, C as i, T as n, S as o, w as r, x as s, E as t };

package/dist/cards-BA3hjulA.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./cvm-CHrYqf6y.cjs"),n=require("./typography-kBzTy-jM.cjs"),r=require("./feedback-lBKIc2cQ.cjs"),i=require("./ui-provider-BS7QPJVb.cjs"),a=require("./buttons-CQc0AVpb.cjs"),o=require("./tooltip-oXbyn0gC.cjs"),s=require("./action-menu-DcUKnD_n.cjs"),c=require("./skeleton-CjH6hXHb.cjs");let l=require("lucide-react"),u=require("react");u=e.t(u,1);let d=require("react/jsx-runtime"),f=require("clsx");var p={light:`cards-module__light___5rGUV`,dark:`cards-module__dark___5dyUS`,root:`cards-module__root___u0-lN`,surfaceCard:`cards-module__surfaceCard___cdGSi`,surfaceFramed:`cards-module__surfaceFramed___l4Ur2`,surfaceFlat:`cards-module__surfaceFlat___aSBrJ`,surfaceBordered:`cards-module__surfaceBordered___8CL0P`,header:`cards-module__header___YFU-l`,headerDivider:`cards-module__headerDivider___MqgGp`,titleRow:`cards-module__titleRow___oT9AD`,icon:`cards-module__icon___amjT3`,title:`cards-module__title___xXj5E`,titleInfo:`cards-module__titleInfo___9faHl`,titleSuffix:`cards-module__titleSuffix___0vYtZ`,headerControls:`cards-module__headerControls___LNfk-`,description:`cards-module__description___FQtj6`,alert:`cards-module__alert___sVSaS`,content:`cards-module__content___0BI-P`,footer:`cards-module__footer___5R4nr`,footerDivider:`cards-module__footerDivider___JPq7P`,footerText:`cards-module__footerText___mNgyd`,collapsible:`cards-module__collapsible___0PmKL`,expanded:`cards-module__expanded___u0TJx`,expandToggle:`cards-module__expandToggle___mJBgS`,actionStrip:`cards-module__actionStrip___Xjkz7`,actionStripSeparated:`cards-module__actionStripSeparated___zVl52`,actionStripEnd:`cards-module__actionStripEnd___TI1ic`,actionStripBetween:`cards-module__actionStripBetween___grKtn`,actionStripFullPrimary:`cards-module__actionStripFullPrimary___z7mWl`,primaryAction:`cards-module__primaryAction___A2Mc7`},m={tooltip:`More information`,actions:`More actions`,expand:`Show more`,collapse:`Show less`};function h({icon:e,title:t,titleSuffix:r,tooltip:i,tooltipLabel:a=`More information`,description:s,headerStart:c,headerEnd:u,headerAction:m,divider:h,className:g,..._}){return(0,d.jsxs)(`div`,{"data-slot":`card-header`,className:(0,f.clsx)(`card--header`,p.header,h&&p.headerDivider,g),..._,children:[c,(0,d.jsxs)(`div`,{className:p.titleRow,children:[!!e&&(0,d.jsx)(`span`,{className:p.icon,children:e}),!!t&&(0,d.jsx)(n.o,{tag:`span`,size:`inherit`,className:(0,f.clsx)(`card--title`,p.title),children:t}),!!r&&(0,d.jsx)(`span`,{className:p.titleSuffix,children:r}),!!i&&(0,d.jsxs)(o.t,{children:[(0,d.jsx)(o.i,{render:(0,d.jsx)(`button`,{type:`button`,"data-hit-area":!0,className:p.titleInfo,"aria-label":a}),children:(0,d.jsx)(l.InfoIcon,{"aria-hidden":!0})}),(0,d.jsx)(o.n,{children:i})]}),!!(u||m)&&(0,d.jsxs)(`span`,{className:p.headerControls,children:[u,m]})]}),!!s&&(0,d.jsx)(n.o,{type:`secondary`,size:`sm`,className:(0,f.clsx)(`card--description`,p.description),children:s})]})}function g({className:e,...t}){return(0,d.jsx)(`div`,{"data-slot":`card-content`,className:(0,f.clsx)(`card--content`,p.content,e),...t})}function _({divider:e,text:t,className:r,children:i,...a}){return(0,d.jsxs)(`div`,{"data-slot":`card-footer`,className:(0,f.clsx)(`card--footer`,p.footer,e&&p.footerDivider,r),...a,children:[!!t&&(0,d.jsx)(n.o,{type:`secondary`,size:`xs`,className:p.footerText,children:t}),i]})}var v={surface:`framed`,headerDivider:!1},y=t.t(p.root,{variants:{surface:{card:p.surfaceCard,framed:p.surfaceFramed,flat:p.surfaceFlat,bordered:p.surfaceBordered}}});function b({icon:e,title:t,titleSuffix:n,tooltip:o,description:c,surface:b,headerStart:x,headerEnd:S,headerAction:C,actions:w,alert:T,alertTone:E=`neutral`,contentTop:D,contentBottom:O,footerText:k,footerSlot:A,headerDivider:j,footerDivider:M,expandable:N=!1,expanded:P,defaultExpanded:F=!1,onExpandedChange:I,strings:L,className:R,children:z,...B}){let V={...m,...L},H=i.n(`card`,v),U=b??H.surface,W=j??H.headerDivider,[G,K]=u.useState(F),q=P!==void 0,J=q?P:G,Y=()=>{let e=!J;q||K(e),I?.(e)},X=N!==!1&&N!==void 0,Z=typeof N==`object`?N.collapsedMaxHeight:void 0,Q=!!(e||t||n||o||c||x||S||C||w?.length),$=!!(z||D||O),ee=!!(k||A),te=$&&(0,d.jsxs)(g,{className:(0,f.clsx)(X&&p.collapsible,X&&J&&p.expanded),style:Z===void 0?void 0:{"--card-collapsed-height":typeof Z==`number`?`${Z}px`:Z},children:[D,z,O]});return(0,d.jsxs)(`div`,{"data-slot":`card`,"data-surface":U,className:(0,f.clsx)(`card--component`,y({surface:U}),R),...B,children:[Q&&(0,d.jsx)(h,{icon:e,title:t,titleSuffix:n,tooltip:o,tooltipLabel:V.tooltip,description:c,headerStart:x,headerEnd:S,headerAction:(0,d.jsxs)(d.Fragment,{children:[C,!!w?.length&&(0,d.jsx)(s.n,{actions:w,strings:{trigger:V.actions}})]}),divider:W}),!!T&&(0,d.jsx)(`div`,{className:(0,f.clsx)(`card--alert`,p.alert),children:typeof T==`string`?(0,d.jsx)(r.h,{tone:E,children:(0,d.jsx)(r._,{children:T})}):T}),te,X&&$&&(0,d.jsx)(`div`,{className:p.expandToggle,children:(0,d.jsxs)(a.c,{tone:`neutral`,buttonStyle:`ghost`,onClick:Y,"aria-expanded":J,children:[J?(0,d.jsx)(l.ChevronUpIcon,{}):(0,d.jsx)(l.ChevronDownIcon,{}),J?V.collapse:V.expand]})}),ee&&(0,d.jsx)(_,{divider:M,text:k,children:A})]})}function x(e){return e?(0,u.isValidElement)(e)?e:typeof e==`function`||typeof e==`object`&&e&&`$$typeof`in e?(0,d.jsx)(e,{"aria-hidden":!0}):e:null}function S({actions:e,separator:t=!1,align:n=`start`,fullWidthPrimary:r=!1,renderLink:i,className:o,...s}){let c=e.filter(e=>e.visible!==!1);return c.length===0?null:(0,d.jsx)(`div`,{className:(0,f.clsx)(`card-action-strip--component`,p.actionStrip,t&&p.actionStripSeparated,n===`end`&&p.actionStripEnd,n===`between`&&p.actionStripBetween,r&&p.actionStripFullPrimary,o),...s,children:c.map((e,t)=>{let n=(0,d.jsxs)(d.Fragment,{children:[x(e.icon),e.label]}),r=e.buttonStyle===`link`?`ghost`:e.buttonStyle??(t===0?`solid`:`outline`);if(e.href&&!e.disabled){let o=e.href;return(0,d.jsx)(a.c,{render:i?i({href:o,children:n,external:e.external}):(0,d.jsx)(`a`,{href:o,target:e.target,rel:e.rel,children:n}),tone:e.tone??`primary`,buttonStyle:r},e.id??t)}return(0,d.jsx)(a.c,{tone:e.tone??`primary`,buttonStyle:r,disabled:e.disabled,onClick:e.onClick,children:n},e.id??t)})})}function C({label:e,className:t,...n}){return(0,d.jsx)(`a`,{"aria-label":e,className:(0,f.clsx)(`card-primary-action--component`,p.primaryAction,t),...n})}function w({surface:e=`framed`,showHeader:t=!0,lines:n=3,label:r,className:i,...a}){return(0,d.jsx)(b,{surface:e,className:(0,f.clsx)(`card-skeleton--component`,i),...a,children:(0,d.jsx)(c.t,{lines:n,showTitle:t,label:r})})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return w}});

package/dist/cards-D33v8ZgU.js

@@ -0,0 +1,259 @@
+import "./css/cards.css";
+import { t as e } from "./cvm-DtsCA8iZ.js";
+import { t } from "./cx--CBrhWH0.js";
+import { o as n } from "./typography-vC_wwEBm.js";
+import { _ as r, h as i } from "./feedback-DHdvxang.js";
+import { n as a } from "./ui-provider-DvO3G7xp.js";
+import { c as o } from "./buttons-CabBjPap.js";
+import { i as s, n as c, t as l } from "./tooltip-C6LpEyYB.js";
+import { n as u } from "./action-menu-jAPdRvbi.js";
+import { t as d } from "./skeleton-88qeIN6y.js";
+import { ChevronDownIcon as f, ChevronUpIcon as p, InfoIcon as m } from "lucide-react";
+import * as h from "react";
+import { isValidElement as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+var b = {
+	light: "cards-module__light___5rGUV",
+	dark: "cards-module__dark___5dyUS",
+	root: "cards-module__root___u0-lN",
+	surfaceCard: "cards-module__surfaceCard___cdGSi",
+	surfaceFramed: "cards-module__surfaceFramed___l4Ur2",
+	surfaceFlat: "cards-module__surfaceFlat___aSBrJ",
+	surfaceBordered: "cards-module__surfaceBordered___8CL0P",
+	header: "cards-module__header___YFU-l",
+	headerDivider: "cards-module__headerDivider___MqgGp",
+	titleRow: "cards-module__titleRow___oT9AD",
+	icon: "cards-module__icon___amjT3",
+	title: "cards-module__title___xXj5E",
+	titleInfo: "cards-module__titleInfo___9faHl",
+	titleSuffix: "cards-module__titleSuffix___0vYtZ",
+	headerControls: "cards-module__headerControls___LNfk-",
+	description: "cards-module__description___FQtj6",
+	alert: "cards-module__alert___sVSaS",
+	content: "cards-module__content___0BI-P",
+	footer: "cards-module__footer___5R4nr",
+	footerDivider: "cards-module__footerDivider___JPq7P",
+	footerText: "cards-module__footerText___mNgyd",
+	collapsible: "cards-module__collapsible___0PmKL",
+	expanded: "cards-module__expanded___u0TJx",
+	expandToggle: "cards-module__expandToggle___mJBgS",
+	actionStrip: "cards-module__actionStrip___Xjkz7",
+	actionStripSeparated: "cards-module__actionStripSeparated___zVl52",
+	actionStripEnd: "cards-module__actionStripEnd___TI1ic",
+	actionStripBetween: "cards-module__actionStripBetween___grKtn",
+	actionStripFullPrimary: "cards-module__actionStripFullPrimary___z7mWl",
+	primaryAction: "cards-module__primaryAction___A2Mc7"
+}, x = {
+	tooltip: "More information",
+	actions: "More actions",
+	expand: "Show more",
+	collapse: "Show less"
+};
+//#endregion
+//#region src/components/base/cards/partials/card-header.tsx
+function S({ icon: e, title: r, titleSuffix: i, tooltip: a, tooltipLabel: o = "More information", description: u, headerStart: d, headerEnd: f, headerAction: p, divider: h, className: g, ..._ }) {
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "card-header",
+		className: t("card--header", b.header, h && b.headerDivider, g),
+		..._,
+		children: [
+			d,
+			/* @__PURE__ */ y("div", {
+				className: b.titleRow,
+				children: [
+					!!e && /* @__PURE__ */ v("span", {
+						className: b.icon,
+						children: e
+					}),
+					!!r && /* @__PURE__ */ v(n, {
+						tag: "span",
+						size: "inherit",
+						className: t("card--title", b.title),
+						children: r
+					}),
+					!!i && /* @__PURE__ */ v("span", {
+						className: b.titleSuffix,
+						children: i
+					}),
+					!!a && /* @__PURE__ */ y(l, { children: [/* @__PURE__ */ v(s, {
+						render: /* @__PURE__ */ v("button", {
+							type: "button",
+							"data-hit-area": !0,
+							className: b.titleInfo,
+							"aria-label": o
+						}),
+						children: /* @__PURE__ */ v(m, { "aria-hidden": !0 })
+					}), /* @__PURE__ */ v(c, { children: a })] }),
+					!!(f || p) && /* @__PURE__ */ y("span", {
+						className: b.headerControls,
+						children: [f, p]
+					})
+				]
+			}),
+			!!u && /* @__PURE__ */ v(n, {
+				type: "secondary",
+				size: "sm",
+				className: t("card--description", b.description),
+				children: u
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/base/cards/partials/card-regions.tsx
+function C({ className: e, ...n }) {
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "card-content",
+		className: t("card--content", b.content, e),
+		...n
+	});
+}
+function w({ divider: e, text: r, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "card-footer",
+		className: t("card--footer", b.footer, e && b.footerDivider, i),
+		...o,
+		children: [!!r && /* @__PURE__ */ v(n, {
+			type: "secondary",
+			size: "xs",
+			className: b.footerText,
+			children: r
+		}), a]
+	});
+}
+//#endregion
+//#region src/components/base/cards/card.tsx
+var T = {
+	surface: "framed",
+	headerDivider: !1
+}, E = e(b.root, { variants: { surface: {
+	card: b.surfaceCard,
+	framed: b.surfaceFramed,
+	flat: b.surfaceFlat,
+	bordered: b.surfaceBordered
+} } });
+function D({ icon: e, title: n, titleSuffix: s, tooltip: c, description: l, surface: d, headerStart: m, headerEnd: g, headerAction: D, actions: O, alert: k, alertTone: A = "neutral", contentTop: j, contentBottom: M, footerText: N, footerSlot: P, headerDivider: F, footerDivider: I, expandable: L = !1, expanded: R, defaultExpanded: z = !1, onExpandedChange: B, strings: V, className: H, children: U, ...W }) {
+	let G = {
+		...x,
+		...V
+	}, K = a("card", T), q = d ?? K.surface, J = F ?? K.headerDivider, [ee, te] = h.useState(z), Y = R !== void 0, X = Y ? R : ee, ne = () => {
+		let e = !X;
+		Y || te(e), B?.(e);
+	}, Z = L !== !1 && L !== void 0, Q = typeof L == "object" ? L.collapsedMaxHeight : void 0, re = !!(e || n || s || c || l || m || g || D || O?.length), $ = !!(U || j || M), ie = !!(N || P), ae = $ && /* @__PURE__ */ y(C, {
+		className: t(Z && b.collapsible, Z && X && b.expanded),
+		style: Q === void 0 ? void 0 : { "--card-collapsed-height": typeof Q == "number" ? `${Q}px` : Q },
+		children: [
+			j,
+			U,
+			M
+		]
+	});
+	return /* @__PURE__ */ y("div", {
+		"data-slot": "card",
+		"data-surface": q,
+		className: t("card--component", E({ surface: q }), H),
+		...W,
+		children: [
+			re && /* @__PURE__ */ v(S, {
+				icon: e,
+				title: n,
+				titleSuffix: s,
+				tooltip: c,
+				tooltipLabel: G.tooltip,
+				description: l,
+				headerStart: m,
+				headerEnd: g,
+				headerAction: /* @__PURE__ */ y(_, { children: [D, !!O?.length && /* @__PURE__ */ v(u, {
+					actions: O,
+					strings: { trigger: G.actions }
+				})] }),
+				divider: J
+			}),
+			!!k && /* @__PURE__ */ v("div", {
+				className: t("card--alert", b.alert),
+				children: typeof k == "string" ? /* @__PURE__ */ v(i, {
+					tone: A,
+					children: /* @__PURE__ */ v(r, { children: k })
+				}) : k
+			}),
+			ae,
+			Z && $ && /* @__PURE__ */ v("div", {
+				className: b.expandToggle,
+				children: /* @__PURE__ */ y(o, {
+					tone: "neutral",
+					buttonStyle: "ghost",
+					onClick: ne,
+					"aria-expanded": X,
+					children: [v(X ? p : f, {}), X ? G.collapse : G.expand]
+				})
+			}),
+			ie && /* @__PURE__ */ v(w, {
+				divider: I,
+				text: N,
+				children: P
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/base/cards/card-actions.tsx
+function O(e) {
+	return e ? g(e) ? e : typeof e == "function" || typeof e == "object" && e && "$$typeof" in e ? /* @__PURE__ */ v(e, { "aria-hidden": !0 }) : e : null;
+}
+function k({ actions: e, separator: n = !1, align: r = "start", fullWidthPrimary: i = !1, renderLink: a, className: s, ...c }) {
+	let l = e.filter((e) => e.visible !== !1);
+	return l.length === 0 ? null : /* @__PURE__ */ v("div", {
+		className: t("card-action-strip--component", b.actionStrip, n && b.actionStripSeparated, r === "end" && b.actionStripEnd, r === "between" && b.actionStripBetween, i && b.actionStripFullPrimary, s),
+		...c,
+		children: l.map((e, t) => {
+			let n = /* @__PURE__ */ y(_, { children: [O(e.icon), e.label] }), r = e.buttonStyle === "link" ? "ghost" : e.buttonStyle ?? (t === 0 ? "solid" : "outline");
+			if (e.href && !e.disabled) {
+				let i = e.href;
+				return /* @__PURE__ */ v(o, {
+					render: a ? a({
+						href: i,
+						children: n,
+						external: e.external
+					}) : /* @__PURE__ */ v("a", {
+						href: i,
+						target: e.target,
+						rel: e.rel,
+						children: n
+					}),
+					tone: e.tone ?? "primary",
+					buttonStyle: r
+				}, e.id ?? t);
+			}
+			return /* @__PURE__ */ v(o, {
+				tone: e.tone ?? "primary",
+				buttonStyle: r,
+				disabled: e.disabled,
+				onClick: e.onClick,
+				children: n
+			}, e.id ?? t);
+		})
+	});
+}
+function A({ label: e, className: n, ...r }) {
+	return /* @__PURE__ */ v("a", {
+		"aria-label": e,
+		className: t("card-primary-action--component", b.primaryAction, n),
+		...r
+	});
+}
+//#endregion
+//#region src/components/base/cards/card-skeleton.tsx
+function j({ surface: e = "framed", showHeader: n = !0, lines: r = 3, label: i, className: a, ...o }) {
+	return /* @__PURE__ */ v(D, {
+		surface: e,
+		className: t("card-skeleton--component", a),
+		...o,
+		children: /* @__PURE__ */ v(d, {
+			lines: r,
+			showTitle: n,
+			label: i
+		})
+	});
+}
+//#endregion
+export { C as a, x as c, D as i, k as n, w as o, A as r, S as s, j as t };