@ahrowe/ui 0.2.7 → 0.2.9

package/dist/index.mjs

@@ -388,6 +388,8 @@ var He = /* @__PURE__ */ function(e) {
 	return e.Elevated = "elevated", e.Outlined = "outlined", e.Filled = "filled", e;
 }({}), Ue = {
 	card: "card_w-6Ki",
+	"card-clip": "card-clip_eZ8-1",
+	cardClip: "card-clip_eZ8-1",
 	"card-padding": "card-padding_X2-q-",
 	cardPadding: "card-padding_X2-q-",
 	"card-gaps": "card-gaps_jhYkx",
@@ -422,16 +424,16 @@ var He = /* @__PURE__ */ function(e) {
 	outlined: Ue.cardStyleOutlined,
 	filled: Ue.cardStyleFilled
 };
-function Ge({ className: e = void 0, children: t = null, styleType: n = He.Elevated, onClick: r = void 0, tabIndex: i = null, hoverEffect: a = void 0, style: o = void 0, autoGap: s = !0, ...c }) {
-	let l = !!r;
+function Ge({ className: e = void 0, children: t = null, styleType: n = He.Elevated, onClick: r = void 0, tabIndex: i = null, hoverEffect: a = void 0, style: o = void 0, autoGap: s = !0, clip: c = !0, ...l }) {
+	let u = !!r;
 	return /* @__PURE__ */ W(Re, {
-		...c,
-		className: p(Ue.card, Ue.cardPadding, We[n], l && Ue.cardInteractable, (l && a !== !1 || a) && Ue.cardHover, e),
+		...l,
+		className: p(Ue.card, Ue.cardPadding, We[n], c && Ue.cardClip, u && Ue.cardInteractable, (u && a !== !1 || a) && Ue.cardHover, e),
 		onClick: r,
-		tabIndex: i ?? (l ? 0 : null),
+		tabIndex: i ?? (u ? 0 : null),
 		style: o,
 		children: /* @__PURE__ */ W(je, {
-			disabled: !l,
+			disabled: !u,
 			overflowHidden: !1,
 			className: p(s && Ue.cardGaps),
 			children: t
@@ -881,9 +883,7 @@ function ut({ name: t = "", id: n, label: r = "", errorMessage: s = "", isValid:
 		!e || !le || (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
 	}, [le]);
 	a(() => {
-		setTimeout(() => {
-			me(!1), ge(!1);
-		}, 1), J();
+		J();
 	}, []), a(() => {
 		N && be.current && setTimeout(() => {
 			be.current?.focus();
@@ -4556,6 +4556,9 @@ var Vr = {
 		"--default-font": "'Inter', sans-serif",
 		"--themed-font": "'Inter', sans-serif",
 		"--card-shadow": "0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%)",
+		"--background-card-elevated": "var(--background-accent-light)",
+		"--background-card-outlined": "transparent",
+		"--background-card-filled": "var(--background-accent)",
 		"--spacing-s": "4px",
 		"--spacing-m": "8px",
 		"--spacing-l": "16px"