@jfrader/ui 0.7.0 → 0.7.3

package/dist/flip-game-card-BOJIhBrh.js

@@ -0,0 +1,104 @@
+'use client';
+import { i as e } from "./css-BYJhdGh-.js";
+import { r as t } from "./media-8yrN85VT.js";
+import { t as n } from "./sx-BJXJ2xJK.js";
+import { n as r } from "./card-frame-CcLa6NQ4.js";
+import { useEffect as i, useState as a } from "react";
+import { vars as o } from "@jfrader/tokens/vars";
+import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { MotionConfig as l, useReducedMotion as u } from "motion/react";
+//#region src/components/flip-game-card/flip-game-card.tsx
+var d = e({
+	label: "flip-game-card",
+	position: "relative",
+	flexShrink: 0,
+	inlineSize: "var(--flip-game-card-width)",
+	blockSize: `calc(var(--flip-game-card-width) * ${r.ratio})`,
+	perspective: o.size.gameCardPerspective
+}), f = {
+	sm: e({ "--flip-game-card-width": o.size.gameCardSm }),
+	md: e({ "--flip-game-card-width": o.size.gameCardMd }),
+	lg: e({ "--flip-game-card-width": o.size.gameCardLg })
+}, p = e({ "& > [data-ui=\"flip-game-card-rotator\"]": {
+	transform: "none",
+	transition: "none",
+	"& > [aria-hidden=\"true\"]": { visibility: "hidden" }
+} }), m = e({
+	"&[data-reduced-motion=\"true\"]": p,
+	[t]: p
+}), h = e({
+	position: "relative",
+	inlineSize: "100%",
+	blockSize: "100%",
+	transformStyle: "preserve-3d",
+	transform: "rotateY(0deg)",
+	transition: `transform ${o.motion.duration.cardFlip} ${o.motion.easeCardFlip}`,
+	"&[data-state=\"back\"]": { transform: "rotateY(180deg)" }
+}), g = e({
+	position: "absolute",
+	inset: 0,
+	backfaceVisibility: "hidden",
+	"& > [data-ui=\"game-card\"]": {
+		inlineSize: "100%",
+		blockSize: "100%"
+	}
+}), _ = e({
+	transform: "rotateY(180deg)",
+	"&[data-reduced-motion=\"true\"]": { transform: "none" },
+	[t]: { transform: "none" }
+});
+function v({ ref: e, flipped: t, front: r, back: o, size: p = "md", slotProps: v, className: y, sx: b, ...x }) {
+	let S = u(), [C, w] = a(!1);
+	i(() => w(!0), []);
+	let T = t ? "back" : "front";
+	return /* @__PURE__ */ s(l, {
+		reducedMotion: "user",
+		children: /* @__PURE__ */ s(n, {
+			className: y,
+			styles: [
+				d,
+				f[p],
+				m
+			],
+			sx: b,
+			children: (n) => /* @__PURE__ */ s("div", {
+				...x,
+				ref: e,
+				className: n,
+				"data-ui": "flip-game-card",
+				"data-state": T,
+				"data-size": p,
+				"data-reduced-motion": C && S || void 0,
+				children: /* @__PURE__ */ c("div", {
+					"data-ui": "flip-game-card-rotator",
+					"data-state": T,
+					className: v?.rotator?.className,
+					css: [h, v?.rotator?.css],
+					children: [/* @__PURE__ */ s("div", {
+						"data-ui": "flip-game-card-front",
+						inert: t,
+						"aria-hidden": t || void 0,
+						className: v?.front?.className,
+						css: [g, v?.front?.css],
+						children: r
+					}), /* @__PURE__ */ s("div", {
+						"data-ui": "flip-game-card-back",
+						"data-reduced-motion": C && S || void 0,
+						inert: !t,
+						"aria-hidden": !t || void 0,
+						className: v?.back?.className,
+						css: [
+							g,
+							_,
+							v?.back?.css
+						],
+						children: o
+					})]
+				})
+			})
+		})
+	});
+}
+v.displayName = "FlipGameCard";
+//#endregion
+export { v as t };

package/dist/flip-game-card.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as FlipGameCard } from "./flip-game-card-BOJIhBrh.js";

package/dist/{game-card-Oeu74giK.js → game-card-Bnhpz78f.js}

@@ -2,18 +2,11 @@
 import { i as e } from "./css-BYJhdGh-.js";
 import { t } from "./sx-BJXJ2xJK.js";
 import { t as n } from "./renderable-DzcIj1Lo.js";
-import { vars as r } from "@jfrader/tokens/vars";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-//#region src/components/game-card/card-frame.ts
-var o = {
-	ratio: 1.48,
-	cornerDivisor: 13
-}, s = {
-	markWidthRatio: .35,
-	watermarkInsetPercent: 3,
-	watermarkOpacity: .15,
-	contentPaddingPercent: 4
-}, c = {
+import { n as r, t as i } from "./card-frame-CcLa6NQ4.js";
+import { vars as a } from "@jfrader/tokens/vars";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+//#region src/components/game-card/decks.ts
+var c = {
 	oros: "💰",
 	copas: "🍷",
 	espadas: "🗡️",
@@ -45,31 +38,31 @@ var o = {
 	Q: "Q",
 	K: "K"
 }, d = e({
-	"--game-card-width": r.size.gameCardMd,
+	"--game-card-width": a.size.gameCardMd,
 	position: "relative",
 	display: "block",
 	flexShrink: 0,
 	boxSizing: "border-box",
 	inlineSize: "var(--game-card-width)",
-	blockSize: `calc(var(--game-card-width) * ${o.ratio})`,
-	borderRadius: `calc(var(--game-card-width) / ${o.cornerDivisor})`,
+	blockSize: `calc(var(--game-card-width) * ${r.ratio})`,
+	borderRadius: `calc(var(--game-card-width) / ${r.cornerDivisor})`,
 	overflow: "hidden",
 	containerType: "inline-size",
 	userSelect: "none",
 	verticalAlign: "middle"
 }), f = e({
-	backgroundColor: r.color.cardFace,
-	color: r.color.cardInk,
-	border: `1px solid ${r.color.cardInk}`
+	backgroundColor: a.color.cardFace,
+	color: a.color.cardInk,
+	border: `1px solid ${a.color.cardInk}`
 }), p = e({ opacity: .55 }), m = e({
 	position: "absolute",
 	inset: 0
 }), h = e({
 	display: "grid",
 	placeItems: "center",
-	paddingInline: `${s.contentPaddingPercent}%`,
-	fontSize: `${s.markWidthRatio * 100}cqw`,
-	fontWeight: r.fontWeight.semibold,
+	paddingInline: `${i.contentPaddingPercent}%`,
+	fontSize: `${i.markWidthRatio * 100}cqw`,
+	fontWeight: a.fontWeight.semibold,
 	lineHeight: 1,
 	whiteSpace: "nowrap"
 }), g = e({
@@ -87,36 +80,36 @@ var o = {
 	gap: "0.1em"
 }), v = e({
 	position: "absolute",
-	fontSize: `${s.markWidthRatio * 100}cqw`,
+	fontSize: `${i.markWidthRatio * 100}cqw`,
 	lineHeight: 1,
-	opacity: s.watermarkOpacity
+	opacity: i.watermarkOpacity
 }), y = e({
-	insetBlockStart: `${s.watermarkInsetPercent}%`,
+	insetBlockStart: `${i.watermarkInsetPercent}%`,
 	insetInlineEnd: 0
 }), b = e({
-	insetBlockEnd: `${s.watermarkInsetPercent}%`,
+	insetBlockEnd: `${i.watermarkInsetPercent}%`,
 	insetInlineStart: 0
 }), x = {
-	red: e({ color: r.color.cardRed }),
-	ink: e({ color: r.color.cardInk })
+	red: e({ color: a.color.cardRed }),
+	ink: e({ color: a.color.cardInk })
 }, S = e({
-	backgroundColor: r.color.surfaceRaised,
-	backgroundImage: `repeating-linear-gradient(45deg, ${r.color.surfaceHover} 0 2px, transparent 2px 6px), repeating-linear-gradient(-45deg, ${r.color.surfaceHover} 0 2px, transparent 2px 6px)`,
+	backgroundColor: a.color.surfaceRaised,
+	backgroundImage: `repeating-linear-gradient(45deg, ${a.color.surfaceHover} 0 2px, transparent 2px 6px), repeating-linear-gradient(-45deg, ${a.color.surfaceHover} 0 2px, transparent 2px 6px)`,
 	"&::after": {
 		content: "\"\"",
 		position: "absolute",
 		inset: "8%",
-		border: `1px solid ${r.color.borderControl}`,
+		border: `1px solid ${a.color.borderControl}`,
 		borderRadius: "inherit"
 	}
 }), C = {
-	sm: e({ "--game-card-width": r.size.gameCardSm }),
-	md: e({ "--game-card-width": r.size.gameCardMd }),
-	lg: e({ "--game-card-width": r.size.gameCardLg })
+	sm: e({ "--game-card-width": a.size.gameCardSm }),
+	md: e({ "--game-card-width": a.size.gameCardMd }),
+	lg: e({ "--game-card-width": a.size.gameCardLg })
 };
-function w({ ref: e, label: r, value: a, face: o, size: s = "md", rankLabel: c, dimmed: l = !1, children: u, slotProps: h, className: _, sx: v, ...y }) {
-	let b = o ?? (a === void 0 ? "back" : "emoji"), x = b === "back" || a === void 0;
-	return /* @__PURE__ */ i(t, {
+function w({ ref: e, label: r, value: i, face: a, size: s = "md", rankLabel: c, dimmed: l = !1, children: u, slotProps: h, className: _, sx: v, ...y }) {
+	let b = a ?? (i === void 0 ? "back" : "emoji"), x = b === "back" || i === void 0;
+	return /* @__PURE__ */ o(t, {
 		className: _,
 		styles: [
 			d,
@@ -125,16 +118,16 @@ function w({ ref: e, label: r, value: a, face: o, size: s = "md", rankLabel: c,
 			l && p
 		],
 		sx: v,
-		children: (t) => /* @__PURE__ */ i("div", {
+		children: (t) => /* @__PURE__ */ o("div", {
 			...y,
 			ref: e,
 			role: "img",
 			"aria-label": r,
 			"data-ui": "game-card",
 			"data-face": b,
-			"data-deck": x ? void 0 : a.deck,
+			"data-deck": x ? void 0 : i.deck,
 			className: t,
-			children: x ? /* @__PURE__ */ i("span", {
+			children: x ? /* @__PURE__ */ o("span", {
 				"data-ui": "game-card-back",
 				"aria-hidden": "true",
 				className: h?.back?.className,
@@ -143,7 +136,7 @@ function w({ ref: e, label: r, value: a, face: o, size: s = "md", rankLabel: c,
 					S,
 					h?.back?.css
 				]
-			}) : n(u) ? /* @__PURE__ */ i("span", {
+			}) : n(u) ? /* @__PURE__ */ o("span", {
 				"data-ui": "game-card-art",
 				"aria-hidden": "true",
 				className: h?.face?.className,
@@ -153,8 +146,8 @@ function w({ ref: e, label: r, value: a, face: o, size: s = "md", rankLabel: c,
 					h?.face?.css
 				],
 				children: u
-			}) : /* @__PURE__ */ i(T, {
-				value: a,
+			}) : /* @__PURE__ */ o(T, {
+				value: i,
 				rankLabel: c,
 				slotProps: h
 			})
@@ -163,27 +156,27 @@ function w({ ref: e, label: r, value: a, face: o, size: s = "md", rankLabel: c,
 }
 w.displayName = "GameCard";
 function T({ value: e, rankLabel: t, slotProps: n }) {
-	let r = c[e.suit], o = t ?? u[e.rank], s = l[e.suit];
-	return /* @__PURE__ */ a("span", {
+	let r = c[e.suit], i = t ?? u[e.rank], a = l[e.suit];
+	return /* @__PURE__ */ s("span", {
 		"data-ui": "game-card-print",
 		"aria-hidden": "true",
 		className: n?.face?.className,
 		css: [
 			m,
 			h,
-			s !== void 0 && x[s],
+			a !== void 0 && x[a],
 			n?.face?.css
 		],
 		children: [
-			/* @__PURE__ */ i("span", {
+			/* @__PURE__ */ o("span", {
 				css: [v, y],
 				children: r
 			}),
-			/* @__PURE__ */ a("span", {
+			/* @__PURE__ */ s("span", {
 				css: _,
-				children: [/* @__PURE__ */ i("span", { children: o }), /* @__PURE__ */ i("span", { children: r })]
+				children: [/* @__PURE__ */ o("span", { children: i }), /* @__PURE__ */ o("span", { children: r })]
 			}),
-			/* @__PURE__ */ i("span", {
+			/* @__PURE__ */ o("span", {
 				css: [v, b],
 				children: r
 			})

package/dist/game-card.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as GameCard, n as RANK_MARKS, r as SUIT_GLYPHS, i as SUIT_INK } from "./game-card-Oeu74giK.js";
+export { t as GameCard, n as RANK_MARKS, r as SUIT_GLYPHS, i as SUIT_INK } from "./game-card-Bnhpz78f.js";

package/dist/{hover-card-Dgu2CwMD.js → hover-card--ijYr1cd.js}

@@ -4,7 +4,7 @@ import { r as n } from "./media-8yrN85VT.js";
 import { t as r } from "./sx-BJXJ2xJK.js";
 import { t as i } from "./use-controlled-state-DpeVQZNR.js";
 import { t as a } from "./renderable-DzcIj1Lo.js";
-import { t as o } from "./avatar-sPxDqFiZ.js";
+import { t as o } from "./avatar-BuM1zB_f.js";
 import { n as s } from "./surface-C69kwSuk.js";
 import { t as c } from "./trigger-style-CtOrdPk4.js";
 import { a as l, i as u } from "./overlay-layer-qEbpEtb8.js";

package/dist/hover-card.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as HoverCard } from "./hover-card-Dgu2CwMD.js";
+export { t as HoverCard } from "./hover-card--ijYr1cd.js";

package/dist/index.js

@@ -5,100 +5,100 @@ import { t as n } from "./alert-Bhj-qSMs.js";
 import { t as r } from "./button-C6OV0C7J.js";
 import { t as i } from "./countdown-EcpV6rXy.js";
 import { t as a } from "./announcement-bar-B5J33QUh.js";
-import { t as o } from "./avatar-sPxDqFiZ.js";
-import { t as s } from "./avatar-group-BlMLNw4J.js";
+import { t as o } from "./avatar-BuM1zB_f.js";
+import { t as s } from "./avatar-group-D1UEihvh.js";
 import { t as c } from "./badge-CfhTcA-Z.js";
-import { t as l } from "./segmented-control-DCh-4ca-.js";
-import { t as u } from "./billing-toggle-CgC7yxxo.js";
-import { t as d } from "./bottom-sheet-BFQKO0Wo.js";
-import { t as f } from "./breadcrumbs-CG3akw-b.js";
-import { t as p } from "./menu-CVzpsyXn.js";
-import { t as m } from "./tooltip-IajLwdUb.js";
-import { t as h } from "./button-group-B9wP2ddS.js";
-import { t as g } from "./calendar-Bg6D2sul.js";
-import { t as _ } from "./card-C008OQCp.js";
-import { t as v } from "./carousel-lTH4Foke.js";
-import { t as y } from "./textarea-D1YwEPmn.js";
-import { t as b } from "./chat-thread-DkB-WMWJ.js";
-import { t as x } from "./checkbox-CClE61GV.js";
-import { t as S } from "./chip-group-BZUX9KPF.js";
-import { t as C } from "./copy-button-C0p_qrgf.js";
-import { t as w } from "./code-block-CYP89_6h.js";
-import { t as T } from "./command-palette-BrT1n9bb.js";
-import { t as E } from "./text-field-D0VP7b4P.js";
-import { t as D } from "./combobox-D2Oc-co7.js";
-import { t as O } from "./comment-thread-DXfqgRNI.js";
-import { t as k } from "./container-BxtwJSSD.js";
-import { t as A } from "./context-menu-I4i0LRpm.js";
-import { t as j } from "./date-picker-D-bn-iHs.js";
-import { t as M } from "./date-range-picker-rXcZsI1Y.js";
-import { t as N } from "./dialog-CR1xdkrC.js";
-import { t as P } from "./divider-zOJzkcHh.js";
-import { t as F } from "./drawer-CceaEhCr.js";
-import { t as I } from "./emblem-DnXmpZCh.js";
-import { t as L } from "./empty-state-DO0ApylK.js";
-import { t as R } from "./expandable-card-W97vjix9.js";
-import { t as z } from "./search-field-CbsajaZb.js";
-import { t as B } from "./expanding-search-Bb2_YfNx.js";
-import { t as V } from "./progress-Bcuz3Ob4.js";
-import { t as H } from "./file-dropzone-Bi5ikRIz.js";
-import { t as U } from "./filter-toolbar-QRnC4S_H.js";
-import { t as W } from "./flex-CS7eMRcK.js";
-import { i as G, n as K, r as q, t as J } from "./game-card-Oeu74giK.js";
+import { t as l } from "./bottom-sheet-BFQKO0Wo.js";
+import { t as u } from "./breadcrumbs-CG3akw-b.js";
+import { t as d } from "./menu-CVzpsyXn.js";
+import { t as f } from "./tooltip-IajLwdUb.js";
+import { t as p } from "./button-group-B9wP2ddS.js";
+import { t as m } from "./calendar-Bg6D2sul.js";
+import { t as h } from "./card-C008OQCp.js";
+import { t as g } from "./carousel-lTH4Foke.js";
+import { t as _ } from "./textarea-D1YwEPmn.js";
+import { t as v } from "./chat-thread-CMhwxhoA.js";
+import { t as y } from "./checkbox-CClE61GV.js";
+import { t as b } from "./chip-group-BZUX9KPF.js";
+import { t as x } from "./copy-button-C0p_qrgf.js";
+import { t as S } from "./code-block-CYP89_6h.js";
+import { t as C } from "./command-palette-BrT1n9bb.js";
+import { t as w } from "./text-field-D0VP7b4P.js";
+import { t as T } from "./combobox-D2Oc-co7.js";
+import { t as E } from "./comment-thread-DbOzYr0q.js";
+import { t as D } from "./container-BxtwJSSD.js";
+import { t as O } from "./context-menu-I4i0LRpm.js";
+import { t as k } from "./date-picker-D-bn-iHs.js";
+import { t as A } from "./date-range-picker-rXcZsI1Y.js";
+import { t as j } from "./dialog-CR1xdkrC.js";
+import { t as M } from "./divider-zOJzkcHh.js";
+import { t as N } from "./drawer-CceaEhCr.js";
+import { t as P } from "./editable-details-BndqEnYF.js";
+import { t as F } from "./emblem-DnXmpZCh.js";
+import { t as I } from "./empty-state-DO0ApylK.js";
+import { t as L } from "./expandable-card-W97vjix9.js";
+import { t as R } from "./search-field-CbsajaZb.js";
+import { t as z } from "./expanding-search-Bb2_YfNx.js";
+import { t as B } from "./progress-Bcuz3Ob4.js";
+import { t as V } from "./file-dropzone-Bi5ikRIz.js";
+import { t as H } from "./filter-toolbar-QRnC4S_H.js";
+import { t as U } from "./flex-CS7eMRcK.js";
+import { t as W } from "./flip-game-card-BOJIhBrh.js";
+import { i as G, n as K, r as q, t as J } from "./game-card-Bnhpz78f.js";
 import { t as Y } from "./hold-to-confirm-CVBA0wNT.js";
 import { t as X } from "./image-compare-Ln2UUqTU.js";
-import { t as Z } from "./in-view-title-BUZCMqge.js";
-import { t as Q } from "./inline-edit-D-pR2RPC.js";
-import { t as $ } from "./hover-card-Dgu2CwMD.js";
-import { t as ee } from "./json-viewer-Dro3WrjS.js";
-import { t as te } from "./kbd-BI_9qzYr.js";
-import { t as ne } from "./keycap-keyboard-Cdx-OAS1.js";
-import { t as re } from "./lightbox-gallery-D0YaSTut.js";
-import { t as ie } from "./link-unfurl-CReyIjyy.js";
-import { t as ae } from "./locale-switcher-DTkySKsM.js";
-import { n as oe, r as se, t as ce } from "./mention-input-BjjAbJCf.js";
-import { t as le } from "./pill-Dd7pog19.js";
-import { t as ue } from "./metric-card-BnFssTXj.js";
-import { t as de } from "./multi-select-B3puEVo0.js";
-import { t as fe } from "./navigation-C_JD43gA.js";
-import { t as pe } from "./slider-DjAnGmlC.js";
-import { n as me, t as he } from "./now-playing-DjVm1Phm.js";
-import { t as ge } from "./pagination-Dkh4bJQh.js";
-import { t as _e } from "./password-field-Da58GP1g.js";
-import { t as ve } from "./photo-grid-Dtl17D74.js";
-import { t as ye } from "./popover-CUMOcMtj.js";
-import { t as be } from "./radio-cards-FkAhESb5.js";
-import { t as xe } from "./radio-group-DItMf2YM.js";
-import { t as Se } from "./resizable-panels-61h9hA3B.js";
-import { t as Ce } from "./scroll-area-B8KkCPOM.js";
+import { t as Z } from "./inline-edit-D-pR2RPC.js";
+import { t as Q } from "./hover-card--ijYr1cd.js";
+import { t as $ } from "./json-viewer-Dro3WrjS.js";
+import { t as ee } from "./kbd-BI_9qzYr.js";
+import { t as te } from "./keycap-keyboard-Cdx-OAS1.js";
+import { t as ne } from "./lightbox-gallery-D0YaSTut.js";
+import { t as re } from "./link-unfurl-CReyIjyy.js";
+import { t as ie } from "./locale-switcher-Ce_tN4Gb.js";
+import { n as ae, r as oe, t as se } from "./mention-input-BjjAbJCf.js";
+import { t as ce } from "./pill-Dd7pog19.js";
+import { t as le } from "./metric-card-BnFssTXj.js";
+import { t as ue } from "./multi-select-B3puEVo0.js";
+import { t as de } from "./navigation-C_JD43gA.js";
+import { t as fe } from "./slider-DjAnGmlC.js";
+import { n as pe, t as me } from "./now-playing-DjVm1Phm.js";
+import { t as he } from "./pagination-Dkh4bJQh.js";
+import { t as ge } from "./password-field-Da58GP1g.js";
+import { t as _e } from "./photo-grid-Dtl17D74.js";
+import { t as ve } from "./popover-CUMOcMtj.js";
+import { t as ye } from "./radio-cards-FkAhESb5.js";
+import { t as be } from "./radio-group-DItMf2YM.js";
+import { t as xe } from "./resizable-panels-61h9hA3B.js";
+import { t as Se } from "./scroll-area-B8KkCPOM.js";
+import { t as Ce } from "./segmented-control-DCh-4ca-.js";
 import { t as we } from "./select-SrcQqZjo.js";
 import { n as Te, t as Ee } from "./sheet-stack-DYX1SGSB.js";
-import { a as De, i as Oe, n as ke, o as Ae, r as je, s as Me, t as Ne } from "./shortcut-recorder-VgTQdjjn.js";
-import { i as Pe, n as Fe, r as Ie, t as Le } from "./signature-pad-khL2yhQI.js";
-import { t as Re } from "./skeleton-LJsQsveI.js";
-import { t as ze } from "./sortable-data-table-Bpitup_d.js";
-import { t as Be } from "./spinner-CvzajSg9.js";
-import { t as Ve } from "./split-button-Bu41f2AY.js";
-import { t as He } from "./stack-Bac4sJeI.js";
-import { t as Ue } from "./stepper-C8Ncavbr.js";
-import { t as We } from "./stretch-refresh-OrnTEj7P.js";
-import { t as Ge } from "./swipe-actions-1H5UOZKE.js";
-import { t as Ke } from "./switch-79-hkQqg.js";
-import { t as qe } from "./tabs-Bb5-noYE.js";
-import { t as Je } from "./tag-input-BQaueKEb.js";
-import { n as Ye, r as Xe, t as Ze } from "./theme-provider-BvcY-iJu.js";
-import { n as Qe, r as $e, t as et } from "./theme-root-BrYVcTzt.js";
-import { t as tt } from "./theme-switch-CP42mVDb.js";
-import { t as nt } from "./time-picker-Tnd-JBLC.js";
-import { t as rt } from "./timeline-BcF46lG9.js";
-import { a as it, n as at } from "./toast-CSAbl5yK.js";
+import { i as De, n as Oe, r as ke, t as Ae } from "./signature-pad-khL2yhQI.js";
+import { t as je } from "./skeleton-LJsQsveI.js";
+import { t as Me } from "./sortable-data-table-Bpitup_d.js";
+import { t as Ne } from "./spinner-CvzajSg9.js";
+import { t as Pe } from "./split-button-Bu41f2AY.js";
+import { t as Fe } from "./stack-Bac4sJeI.js";
+import { t as Ie } from "./stepper-C8Ncavbr.js";
+import { t as Le } from "./stretch-refresh-OrnTEj7P.js";
+import { t as Re } from "./swipe-actions-1H5UOZKE.js";
+import { t as ze } from "./switch-79-hkQqg.js";
+import { t as Be } from "./tabs-Bb5-noYE.js";
+import { t as Ve } from "./tag-input-BQaueKEb.js";
+import { n as He, r as Ue, t as We } from "./theme-provider-BvcY-iJu.js";
+import { n as Ge, r as Ke, t as qe } from "./theme-root-BrYVcTzt.js";
+import { t as Je } from "./theme-switch-CP42mVDb.js";
+import { t as Ye } from "./time-picker-Tnd-JBLC.js";
+import { t as Xe } from "./timeline-BPKY94mT.js";
+import { a as Ze, n as Qe } from "./toast-CSAbl5yK.js";
 import "./toast.js";
-import { t as ot } from "./toast-stack-BCR4Cu7V.js";
-import { t as st } from "./toggle-group-C7ye1v4s.js";
+import { t as $e } from "./toast-stack-BCR4Cu7V.js";
+import { t as et } from "./toggle-group-C7ye1v4s.js";
+import { t as tt } from "./toggle-subscription-Ytz7ew1q.js";
 import "./tooltip.js";
-import { t as ct } from "./tree-view-CoW4oJIZ.js";
-import { t as lt } from "./typewriter-terminal-BUEsMzo3.js";
-import { t as ut } from "./usage-meter-CYvlB6l3.js";
-import { t as dt } from "./user-menu-MctRu_Lh.js";
-import ft from "@emotion/styled";
-export { e as Accordion, t as ActivityRings, n as Alert, a as AnnouncementBar, o as Avatar, s as AvatarGroup, c as Badge, u as BillingToggle, d as BottomSheet, f as Breadcrumbs, r as Button, h as ButtonGroup, g as Calendar, _ as Card, v as Carousel, b as ChatThread, x as Checkbox, S as ChipGroup, w as CodeBlock, D as Combobox, T as CommandPalette, O as CommentThread, k as Container, A as ContextMenu, C as CopyButton, i as Countdown, j as DatePicker, M as DateRangePicker, N as Dialog, P as Divider, F as Drawer, I as Emblem, L as EmptyState, R as ExpandableCard, B as ExpandingSearch, H as FileDropzone, U as FilterToolbar, W as Flex, J as GameCard, Y as HoldToConfirm, $ as HoverCard, X as ImageCompare, Z as InViewTitle, Q as InlineEdit, ee as JsonViewer, te as Kbd, ne as KeycapKeyboard, re as LightboxGallery, ie as LinkUnfurl, ae as LocaleSwitcher, ce as MentionInput, p as Menu, ue as MetricCard, de as MultiSelect, fe as Navigation, he as NowPlaying, me as NowPlayingLevels, ge as Pagination, _e as PasswordField, ve as PhotoGrid, le as Pill, ye as Popover, V as Progress, K as RANK_MARKS, be as RadioCards, xe as RadioGroup, Se as ResizablePanels, q as SUIT_GLYPHS, G as SUIT_INK, Ce as ScrollArea, z as SearchField, l as SegmentedControl, we as Select, Ee as SheetStack, Ne as ShortcutRecorder, Le as SignatureExportError, Fe as SignaturePad, Re as Skeleton, pe as Slider, ze as SortableDataTable, Be as Spinner, Ve as SplitButton, He as Stack, Ue as Stepper, We as StretchRefresh, Ge as SwipeActions, Ke as Switch, qe as Tabs, Je as TagInput, E as TextField, y as Textarea, Ze as ThemeProvider, et as ThemeRoot, tt as ThemeSwitch, nt as TimePicker, rt as Timeline, at as Toast, ot as ToastStack, st as ToggleGroup, m as Tooltip, ct as TreeView, lt as TypewriterTerminal, ut as UsageMeter, dt as UserMenu, Qe as createTheme, ke as defaultShortcutMessages, je as formatShortcut, Oe as matchesShortcut, oe as mentionText, De as normalizeShortcut, se as serializeMentions, Ie as signatureToPng, Pe as signatureToSvg, ft as styled, Xe as theme, $e as themeTokenStyle, Ae as usePressedShortcutKeys, Te as useSheetStack, Me as useShortcutPlatform, Ye as useTheme, it as useToast };
+import { t as nt } from "./tree-view-CoW4oJIZ.js";
+import { t as rt } from "./typewriter-terminal-BUEsMzo3.js";
+import { t as it } from "./usage-meter-CYvlB6l3.js";
+import { t as at } from "./user-menu-Czrrk93A.js";
+import ot from "@emotion/styled";
+export { e as Accordion, t as ActivityRings, n as Alert, a as AnnouncementBar, o as Avatar, s as AvatarGroup, c as Badge, l as BottomSheet, u as Breadcrumbs, r as Button, p as ButtonGroup, m as Calendar, h as Card, g as Carousel, v as ChatThread, y as Checkbox, b as ChipGroup, S as CodeBlock, T as Combobox, C as CommandPalette, E as CommentThread, D as Container, O as ContextMenu, x as CopyButton, i as Countdown, k as DatePicker, A as DateRangePicker, j as Dialog, M as Divider, N as Drawer, P as EditableDetails, F as Emblem, I as EmptyState, L as ExpandableCard, z as ExpandingSearch, V as FileDropzone, H as FilterToolbar, U as Flex, W as FlipGameCard, J as GameCard, Y as HoldToConfirm, Q as HoverCard, X as ImageCompare, Z as InlineEdit, $ as JsonViewer, ee as Kbd, te as KeycapKeyboard, ne as LightboxGallery, re as LinkUnfurl, ie as LocaleSwitcher, se as MentionInput, d as Menu, le as MetricCard, ue as MultiSelect, de as Navigation, me as NowPlaying, pe as NowPlayingLevels, he as Pagination, ge as PasswordField, _e as PhotoGrid, ce as Pill, ve as Popover, B as Progress, K as RANK_MARKS, ye as RadioCards, be as RadioGroup, xe as ResizablePanels, q as SUIT_GLYPHS, G as SUIT_INK, Se as ScrollArea, R as SearchField, Ce as SegmentedControl, we as Select, Ee as SheetStack, Ae as SignatureExportError, Oe as SignaturePad, je as Skeleton, fe as Slider, Me as SortableDataTable, Ne as Spinner, Pe as SplitButton, Fe as Stack, Ie as Stepper, Le as StretchRefresh, Re as SwipeActions, ze as Switch, Be as Tabs, Ve as TagInput, w as TextField, _ as Textarea, We as ThemeProvider, qe as ThemeRoot, Je as ThemeSwitch, Ye as TimePicker, Xe as Timeline, Qe as Toast, $e as ToastStack, et as ToggleGroup, tt as ToggleSubscription, f as Tooltip, nt as TreeView, rt as TypewriterTerminal, it as UsageMeter, at as UserMenu, Ge as createTheme, ae as mentionText, oe as serializeMentions, ke as signatureToPng, De as signatureToSvg, ot as styled, Ue as theme, Ke as themeTokenStyle, Te as useSheetStack, He as useTheme, Ze as useToast };

package/dist/{locale-switcher-DTkySKsM.js → locale-switcher-Ce_tN4Gb.js}

@@ -324,12 +324,12 @@ var Q = {
 	menu: q,
 	swap: J,
 	inline: X,
-	segmented: Z
+	pills: Z
 }, ee = {
 	menu: "div",
 	swap: "div",
 	inline: "nav",
-	segmented: "nav"
+	pills: "nav"
 };
 function $({ ref: e, options: t, value: n, variant: r = "menu", size: a = "md", triggerLabel: o, label: s, icon: c = U, open: l, defaultOpen: u, onOpenChange: d, placement: f, slotProps: p, className: m, sx: h, ...g }) {
 	let _ = w([e]), y = t.find((e) => e.value === n), b = t.length, x = y !== void 0, C = !!o;

package/dist/locale-switcher.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as LocaleSwitcher } from "./locale-switcher-DTkySKsM.js";
+export { t as LocaleSwitcher } from "./locale-switcher-Ce_tN4Gb.js";

package/dist/{thread-parts-Cpktor6D.js → thread-parts-DbKhuwVU.js}

@@ -4,7 +4,7 @@ import { n as t } from "./media-8yrN85VT.js";
 import { n } from "./roving-focus-CYlo_Kf8.js";
 import { t as r } from "./visually-hidden-DgVO3NaB.js";
 import { t as i } from "./button-C6OV0C7J.js";
-import { t as a } from "./avatar-sPxDqFiZ.js";
+import { t as a } from "./avatar-BuM1zB_f.js";
 import { n as o, o as s, s as c, t as l } from "./listbox-style-DNOxAulu.js";
 import { t as u } from "./overlay-portal-C9igMHnC.js";
 import { t as d } from "./part-id-D0zksy32.js";

package/dist/{timeline-BcF46lG9.js → timeline-BPKY94mT.js}

@@ -9,7 +9,7 @@ import { t as c } from "./use-controlled-state-DpeVQZNR.js";
 import { t as l } from "./visually-hidden-DgVO3NaB.js";
 import { t as u } from "./renderable-DzcIj1Lo.js";
 import { t as d } from "./icon-wrapper-C-zMD0uL.js";
-import { t as f } from "./avatar-sPxDqFiZ.js";
+import { t as f } from "./avatar-BuM1zB_f.js";
 import { t as p } from "./part-id-D0zksy32.js";
 import { useEffect as ee, useId as te, useLayoutEffect as ne, useMemo as m, useRef as h, useState as re } from "react";
 import { vars as g } from "@jfrader/tokens/vars";

package/dist/timeline.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Timeline } from "./timeline-BcF46lG9.js";
+export { t as Timeline } from "./timeline-BPKY94mT.js";