@jfrader/ui 0.7.1 → 0.7.3

package/dist/index.js

@@ -8,98 +8,97 @@ import { t as a } from "./announcement-bar-B5J33QUh.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-CMhwxhoA.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-DbOzYr0q.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 { t as G } from "./flip-game-card-xmcR_QSq.js";
-import { i as K, n as q, r as J, t as Y } from "./game-card-Bnhpz78f.js";
-import { t as X } from "./hold-to-confirm-CVBA0wNT.js";
-import { t as Z } from "./image-compare-Ln2UUqTU.js";
-import { t as Q } from "./in-view-title-BUZCMqge.js";
-import { t as $ } from "./inline-edit-D-pR2RPC.js";
-import { t as ee } from "./hover-card--ijYr1cd.js";
-import { t as te } from "./json-viewer-Dro3WrjS.js";
-import { t as ne } from "./kbd-BI_9qzYr.js";
-import { t as re } from "./keycap-keyboard-Cdx-OAS1.js";
-import { t as ie } from "./lightbox-gallery-D0YaSTut.js";
-import { t as ae } from "./link-unfurl-CReyIjyy.js";
-import { t as oe } from "./locale-switcher-DTkySKsM.js";
-import { n as se, r as ce, t as le } from "./mention-input-BjjAbJCf.js";
-import { t as ue } from "./pill-Dd7pog19.js";
-import { t as de } from "./metric-card-BnFssTXj.js";
-import { t as fe } from "./multi-select-B3puEVo0.js";
-import { t as pe } from "./navigation-C_JD43gA.js";
-import { t as me } from "./slider-DjAnGmlC.js";
-import { n as he, t as ge } from "./now-playing-DjVm1Phm.js";
-import { t as _e } from "./pagination-Dkh4bJQh.js";
-import { t as ve } from "./password-field-Da58GP1g.js";
-import { t as ye } from "./photo-grid-Dtl17D74.js";
-import { t as be } from "./popover-CUMOcMtj.js";
-import { t as xe } from "./radio-cards-FkAhESb5.js";
-import { t as Se } from "./radio-group-DItMf2YM.js";
-import { t as Ce } from "./resizable-panels-61h9hA3B.js";
-import { t as we } from "./scroll-area-B8KkCPOM.js";
-import { t as Te } from "./select-SrcQqZjo.js";
-import { n as Ee, t as De } from "./sheet-stack-DYX1SGSB.js";
-import { a as Oe, i as ke, n as Ae, o as je, r as Me, s as Ne, t as Pe } from "./shortcut-recorder-VgTQdjjn.js";
-import { i as Fe, n as Ie, r as Le, t as Re } from "./signature-pad-khL2yhQI.js";
-import { t as ze } from "./skeleton-LJsQsveI.js";
-import { t as Be } from "./sortable-data-table-Bpitup_d.js";
-import { t as Ve } from "./spinner-CvzajSg9.js";
-import { t as He } from "./split-button-Bu41f2AY.js";
-import { t as Ue } from "./stack-Bac4sJeI.js";
-import { t as We } from "./stepper-C8Ncavbr.js";
-import { t as Ge } from "./stretch-refresh-OrnTEj7P.js";
-import { t as Ke } from "./swipe-actions-1H5UOZKE.js";
-import { t as qe } from "./switch-79-hkQqg.js";
-import { t as Je } from "./tabs-Bb5-noYE.js";
-import { t as Ye } from "./tag-input-BQaueKEb.js";
-import { n as Xe, r as Ze, t as Qe } from "./theme-provider-BvcY-iJu.js";
-import { n as $e, r as et, t as tt } from "./theme-root-BrYVcTzt.js";
-import { t as nt } from "./theme-switch-CP42mVDb.js";
-import { t as rt } from "./time-picker-Tnd-JBLC.js";
-import { t as it } from "./timeline-BPKY94mT.js";
-import { a as at, n as ot } from "./toast-CSAbl5yK.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 "./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 { 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 st } from "./toast-stack-BCR4Cu7V.js";
-import { t as ct } 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 lt } from "./tree-view-CoW4oJIZ.js";
-import { t as ut } from "./typewriter-terminal-BUEsMzo3.js";
-import { t as dt } from "./usage-meter-CYvlB6l3.js";
-import { t as ft } from "./user-menu-Czrrk93A.js";
-import pt 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, G as FlipGameCard, Y as GameCard, X as HoldToConfirm, ee as HoverCard, Z as ImageCompare, Q as InViewTitle, $ as InlineEdit, te as JsonViewer, ne as Kbd, re as KeycapKeyboard, ie as LightboxGallery, ae as LinkUnfurl, oe as LocaleSwitcher, le as MentionInput, p as Menu, de as MetricCard, fe as MultiSelect, pe as Navigation, ge as NowPlaying, he as NowPlayingLevels, _e as Pagination, ve as PasswordField, ye as PhotoGrid, ue as Pill, be as Popover, V as Progress, q as RANK_MARKS, xe as RadioCards, Se as RadioGroup, Ce as ResizablePanels, J as SUIT_GLYPHS, K as SUIT_INK, we as ScrollArea, z as SearchField, l as SegmentedControl, Te as Select, De as SheetStack, Pe as ShortcutRecorder, Re as SignatureExportError, Ie as SignaturePad, ze as Skeleton, me as Slider, Be as SortableDataTable, Ve as Spinner, He as SplitButton, Ue as Stack, We as Stepper, Ge as StretchRefresh, Ke as SwipeActions, qe as Switch, Je as Tabs, Ye as TagInput, E as TextField, y as Textarea, Qe as ThemeProvider, tt as ThemeRoot, nt as ThemeSwitch, rt as TimePicker, it as Timeline, ot as Toast, st as ToastStack, ct as ToggleGroup, m as Tooltip, lt as TreeView, ut as TypewriterTerminal, dt as UsageMeter, ft as UserMenu, $e as createTheme, Ae as defaultShortcutMessages, Me as formatShortcut, ke as matchesShortcut, se as mentionText, Oe as normalizeShortcut, ce as serializeMentions, Le as signatureToPng, Fe as signatureToSvg, pt as styled, Ze as theme, et as themeTokenStyle, je as usePressedShortcutKeys, Ee as useSheetStack, Ne as useShortcutPlatform, Xe as useTheme, at 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/{billing-toggle-CgC7yxxo.js → toggle-subscription-Ytz7ew1q.js}

@@ -11,11 +11,11 @@ import { vars as p } from "@jfrader/tokens/vars";
 import { jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
 import { AnimatePresence as g, MotionConfig as _, motion as v, useReducedMotion as y } from "motion/react";
 import { base as b } from "@jfrader/tokens";
-//#region src/components/billing-toggle/billing-toggle.tsx
+//#region src/components/toggle-subscription/toggle-subscription.tsx
 var x = s(null);
 function S() {
 	let e = c(x);
-	if (!e) throw Error("BillingToggle parts must be rendered inside <BillingToggle>.");
+	if (!e) throw Error("ToggleSubscription parts must be rendered inside <ToggleSubscription>.");
 	return e;
 }
 var C = e({
@@ -97,7 +97,7 @@ function B({ ref: e, nativeProps: t, ...n }) {
 		...t,
 		...n,
 		ref: e,
-		"data-ui": "billing-toggle-price"
+		"data-ui": "toggle-subscription-price"
 	});
 }
 var V = v.create(B);
@@ -137,14 +137,14 @@ function H({ ref: e, value: t, defaultValue: i, onValueChange: a, disabled: o =
 					...v,
 					ref: e,
 					className: t,
-					"data-ui": "billing-toggle",
+					"data-ui": "toggle-subscription",
 					children: g
 				})
 			})
 		})
 	});
 }
-H.displayName = "BillingToggle";
+H.displayName = "ToggleSubscription";
 function U({ ref: e, id: t, className: r, sx: i, children: o, ...s }) {
 	let { setLabels: c } = S(), d = l(), f = t ?? d, p = a(o) && o !== "";
 	return u(() => {
@@ -161,17 +161,17 @@ function U({ ref: e, id: t, className: r, sx: i, children: o, ...s }) {
 			...s,
 			ref: e,
 			id: f,
-			"data-ui": "billing-toggle-label",
+			"data-ui": "toggle-subscription-label",
 			className: t,
 			children: o
 		})
 	}) : null;
 }
-U.displayName = "BillingToggle.Label";
+U.displayName = "ToggleSubscription.Label";
 function W({ ref: e, className: t, sx: r, children: i, ...a }) {
 	let s = S(), c = s.value === void 0 ? void 0 : s.selections.get(s.value);
 	return /* @__PURE__ */ m("div", {
-		"data-ui": "billing-toggle-list",
+		"data-ui": "toggle-subscription-list",
 		css: w,
 		children: /* @__PURE__ */ m(n, {
 			className: t,
@@ -200,7 +200,7 @@ function W({ ref: e, className: t, sx: r, children: i, ...a }) {
 		})
 	});
 }
-W.displayName = "BillingToggle.List";
+W.displayName = "ToggleSubscription.List";
 function G({ badge: e, activeBadge: t, slotProps: r, children: i, className: s, sx: c, ...l }) {
 	let d = S(), { setSelections: f } = d, p = r?.selection, g = l.value;
 	u(() => {
@@ -215,7 +215,7 @@ function G({ badge: e, activeBadge: t, slotProps: r, children: i, className: s,
 	]);
 	let _ = d.value === l.value && t !== void 0 ? t : e, v = a(_) && _ !== "";
 	return /* @__PURE__ */ m("span", {
-		"data-ui": "billing-toggle-item",
+		"data-ui": "toggle-subscription-item",
 		css: T,
 		children: /* @__PURE__ */ m(n, {
 			className: s,
@@ -225,7 +225,7 @@ function G({ badge: e, activeBadge: t, slotProps: r, children: i, className: s,
 				className: n,
 				accessory: v ? /* @__PURE__ */ h("span", {
 					...r?.badge,
-					"data-ui": "billing-toggle-badge",
+					"data-ui": "toggle-subscription-badge",
 					css: [
 						D,
 						A[d.tone],
@@ -250,7 +250,7 @@ function G({ badge: e, activeBadge: t, slotProps: r, children: i, className: s,
 				}) : void 0,
 				children: a(i) && i !== "" && /* @__PURE__ */ m("span", {
 					...r?.label,
-					"data-ui": "billing-toggle-item-label",
+					"data-ui": "toggle-subscription-item-label",
 					css: r?.label?.css,
 					children: i
 				})
@@ -258,9 +258,9 @@ function G({ badge: e, activeBadge: t, slotProps: r, children: i, className: s,
 		})
 	});
 }
-G.displayName = "BillingToggle.Item";
+G.displayName = "ToggleSubscription.Item";
 function K({ ref: e, amount: t, currency: r, locale: o, formatOptions: s, was: c, period: l, previousLabel: u, slotProps: f, className: p, sx: _, ...b }) {
-	if (!Number.isFinite(t)) throw RangeError("BillingToggle.Price amount must be finite.");
+	if (!Number.isFinite(t)) throw RangeError("ToggleSubscription.Price amount must be finite.");
 	let { locale: x } = S(), C = y(), w = o ?? x, T = JSON.stringify([
 		Intl.getCanonicalLocales(w === void 0 ? [] : [w].flat().map(String)),
 		r,
@@ -273,7 +273,7 @@ function K({ ref: e, amount: t, currency: r, locale: o, formatOptions: s, was: c
 			currency: t
 		});
 	}, [T]), D = E.format(t), O = c !== void 0 && Number.isFinite(c) && c > t;
-	if (O && !u) throw Error("BillingToggle.Price requires previousLabel when was exceeds amount.");
+	if (O && !u) throw Error("ToggleSubscription.Price requires previousLabel when was exceeds amount.");
 	return /* @__PURE__ */ m(n, {
 		className: p,
 		styles: N,
@@ -288,7 +288,7 @@ function K({ ref: e, amount: t, currency: r, locale: o, formatOptions: s, was: c
 			children: [
 				/* @__PURE__ */ h("span", {
 					...f?.amount,
-					"data-ui": "billing-toggle-amount",
+					"data-ui": "toggle-subscription-amount",
 					css: [P, f?.amount?.css],
 					children: [/* @__PURE__ */ m("span", {
 						css: i,
@@ -321,7 +321,7 @@ function K({ ref: e, amount: t, currency: r, locale: o, formatOptions: s, was: c
 				}),
 				O && /* @__PURE__ */ h("del", {
 					...f?.previous,
-					"data-ui": "billing-toggle-previous",
+					"data-ui": "toggle-subscription-previous",
 					css: [L, f?.previous?.css],
 					children: [/* @__PURE__ */ m("span", {
 						css: i,
@@ -330,7 +330,7 @@ function K({ ref: e, amount: t, currency: r, locale: o, formatOptions: s, was: c
 				}),
 				a(l) && l !== "" && /* @__PURE__ */ m("span", {
 					...f?.period,
-					"data-ui": "billing-toggle-period",
+					"data-ui": "toggle-subscription-period",
 					css: [R, f?.period?.css],
 					children: l
 				})
@@ -338,7 +338,7 @@ function K({ ref: e, amount: t, currency: r, locale: o, formatOptions: s, was: c
 		})
 	});
 }
-K.displayName = "BillingToggle.Price";
+K.displayName = "ToggleSubscription.Price";
 var q = Object.assign(H, {
 	List: W,
 	Item: G,

package/dist/toggle-subscription.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as ToggleSubscription } from "./toggle-subscription-Ytz7ew1q.js";

package/dist/types/components/editable-details/editable-details.d.ts

@@ -0,0 +1,58 @@
+import { type ComponentPropsWithRef, type ReactNode, type Ref, type RefCallback } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+export interface EditableDetailsMessages {
+    edit: string;
+}
+export interface EditableDetailsPartProps {
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+export interface EditableDetailsProps extends ComponentPropsWithRef<'div'>, SxProps {
+    messages?: Partial<EditableDetailsMessages>;
+}
+export interface EditableDetailsSectionProps extends Omit<ComponentPropsWithRef<'section'>, 'title'>, SxProps {
+    title: ReactNode;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    triggerRef?: Ref<HTMLButtonElement>;
+    slotProps?: {
+        heading?: EditableDetailsPartProps;
+        trigger?: EditableDetailsPartProps;
+        panel?: EditableDetailsPartProps;
+    };
+}
+export interface EditableDetailsListProps extends ComponentPropsWithRef<'dl'>, SxProps {
+}
+export interface EditableDetailsEditorProps {
+    initialFocusRef: RefCallback<HTMLElement>;
+    complete: () => void;
+    cancel: () => void;
+    visible: boolean;
+}
+export interface EditableDetailsItemProps extends ComponentPropsWithRef<'div'>, SxProps {
+    label: ReactNode;
+    renderEditor?: (props: EditableDetailsEditorProps) => ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    slotProps?: {
+        label?: EditableDetailsPartProps;
+        description?: EditableDetailsPartProps;
+        summary?: EditableDetailsPartProps;
+        edit?: EditableDetailsPartProps;
+        editor?: EditableDetailsPartProps;
+    };
+}
+declare function EditableDetailsRoot({ messages, className, sx, ...rest }: EditableDetailsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function EditableDetailsSection({ ref, title, headingLevel, open: openProp, defaultOpen, onOpenChange, triggerRef, slotProps, children, className, sx, ...rest }: EditableDetailsSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function EditableDetailsList({ className, sx, ...rest }: EditableDetailsListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function EditableDetailsItem({ ref, label, renderEditor, open: openProp, defaultOpen, onOpenChange, children, slotProps, className, sx, ...rest }: EditableDetailsItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const EditableDetails: typeof EditableDetailsRoot & {
+    Section: typeof EditableDetailsSection;
+    List: typeof EditableDetailsList;
+    Item: typeof EditableDetailsItem;
+};
+export {};

package/dist/types/components/editable-details/index.d.ts

@@ -0,0 +1,2 @@
+export { EditableDetails } from './editable-details';
+export type { EditableDetailsProps, EditableDetailsMessages, EditableDetailsPartProps, EditableDetailsSectionProps, EditableDetailsListProps, EditableDetailsItemProps, EditableDetailsEditorProps, } from './editable-details';

package/dist/types/components/locale-switcher/locale-switcher.d.ts

@@ -2,7 +2,7 @@ import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNo
 import { type Placement } from '@floating-ui/react';
 import { type Interpolation, type Theme } from '../../styling/css';
 import { type SxProps } from '../../styling/sx';
-export type LocaleSwitcherVariant = 'menu' | 'swap' | 'inline' | 'segmented';
+export type LocaleSwitcherVariant = 'menu' | 'swap' | 'inline' | 'pills';
 export type LocaleSwitcherSize = 'sm' | 'md' | 'lg';
 /** Spread these props onto the link returned by an option's `render` callback. */
 export interface LocaleSwitcherLinkProps extends Omit<ComponentPropsWithRef<'a'>, 'href' | 'children'> {
@@ -44,7 +44,7 @@ export interface LocaleSwitcherProps extends Omit<ComponentPropsWithRef<'nav'>,
     size?: LocaleSwitcherSize;
     /** Names the menu trigger's action, such as "Change language". Read before the current label. */
     triggerLabel?: string;
-    /** Names the navigation landmark in the inline and segmented variants. */
+    /** Names the navigation landmark in the inline and pills variants. */
     label?: string;
     /** Shows a decorative icon before the menu's current label. Defaults to a globe. `null` removes it. */
     icon?: ReactNode;

package/dist/types/components/toggle-subscription/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleSubscription } from './toggle-subscription';
+export type { ToggleSubscriptionProps, ToggleSubscriptionListProps, ToggleSubscriptionItemProps, ToggleSubscriptionLabelProps, ToggleSubscriptionPriceProps, ToggleSubscriptionSize, ToggleSubscriptionTone, } from './toggle-subscription';

package/dist/types/components/toggle-subscription/toggle-subscription.d.ts

@@ -0,0 +1,57 @@
+import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+import { type SegmentedControlItemProps } from '../segmented-control';
+export type ToggleSubscriptionSize = 'md' | 'lg';
+export type ToggleSubscriptionTone = 'neutral' | 'accent' | 'success';
+type SlotProps<Element extends 'span' | 'del'> = ComponentPropsWithoutRef<Element> & {
+    css?: Interpolation<Theme>;
+};
+export interface ToggleSubscriptionProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'>, SxProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    size?: ToggleSubscriptionSize;
+    tone?: ToggleSubscriptionTone;
+    locale?: Intl.LocalesArgument;
+}
+export interface ToggleSubscriptionListProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'>, SxProps {
+}
+export interface ToggleSubscriptionLabelProps extends ComponentPropsWithRef<'span'>, SxProps {
+}
+export interface ToggleSubscriptionItemProps extends Omit<SegmentedControlItemProps, 'accessory'> {
+    badge?: ReactNode;
+    activeBadge?: ReactNode;
+    slotProps?: {
+        label?: SlotProps<'span'>;
+        badge?: SlotProps<'span'>;
+        selection?: SlotProps<'span'>;
+    };
+}
+export interface ToggleSubscriptionPriceProps extends Omit<ComponentPropsWithRef<'span'>, 'children'>, SxProps {
+    amount: number;
+    currency: string;
+    locale?: Intl.LocalesArgument;
+    formatOptions?: Omit<Intl.NumberFormatOptions, 'style' | 'currency'>;
+    was?: number;
+    period?: ReactNode;
+    previousLabel?: string;
+    slotProps?: {
+        amount?: SlotProps<'span'>;
+        previous?: SlotProps<'del'>;
+        period?: SlotProps<'span'>;
+    };
+}
+declare function ToggleSubscriptionRoot({ ref, value: valueProp, defaultValue, onValueChange, disabled, size, tone, locale, className, sx, children, ...rest }: ToggleSubscriptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function ToggleSubscriptionLabel({ ref, id: idProp, className, sx, children, ...rest }: ToggleSubscriptionLabelProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare function ToggleSubscriptionList({ ref, className, sx, children, ...rest }: ToggleSubscriptionListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function ToggleSubscriptionItem({ badge, activeBadge, slotProps, children, className, sx, ...rest }: ToggleSubscriptionItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function ToggleSubscriptionPrice({ ref, amount, currency, locale: localeProp, formatOptions, was, period, previousLabel, slotProps, className, sx, ...rest }: ToggleSubscriptionPriceProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ToggleSubscription: typeof ToggleSubscriptionRoot & {
+    List: typeof ToggleSubscriptionList;
+    Item: typeof ToggleSubscriptionItem;
+    Label: typeof ToggleSubscriptionLabel;
+    Price: typeof ToggleSubscriptionPrice;
+};
+export {};

package/dist/types/index.d.ts

@@ -5,7 +5,6 @@ export * from './components/announcement-bar';
 export * from './components/avatar';
 export * from './components/avatar-group';
 export * from './components/badge';
-export * from './components/billing-toggle';
 export * from './components/bottom-sheet';
 export * from './components/breadcrumbs';
 export * from './components/button';
@@ -29,6 +28,7 @@ export * from './components/date-range-picker';
 export * from './components/dialog';
 export * from './components/divider';
 export * from './components/drawer';
+export * from './components/editable-details';
 export * from './components/emblem';
 export * from './components/empty-state';
 export * from './components/expandable-card';
@@ -40,7 +40,6 @@ export * from './components/flip-game-card';
 export * from './components/game-card';
 export * from './components/hold-to-confirm';
 export * from './components/image-compare';
-export * from './components/in-view-title';
 export * from './components/inline-edit';
 export * from './components/hover-card';
 export * from './components/json-viewer';
@@ -69,7 +68,6 @@ export * from './components/search-field';
 export * from './components/segmented-control';
 export * from './components/select';
 export * from './components/sheet-stack';
-export * from './components/shortcut-recorder';
 export * from './components/signature-pad';
 export * from './components/skeleton';
 export * from './components/slider';
@@ -93,6 +91,7 @@ export * from './components/timeline';
 export * from './components/toast';
 export * from './components/toast-stack';
 export * from './components/toggle-group';
+export * from './components/toggle-subscription';
 export * from './components/tooltip';
 export * from './components/tree-view';
 export * from './components/typewriter-terminal';

package/dist/types/styling/motion-timings.d.ts

@@ -1,5 +1,13 @@
+/**
+ * Parses a `120ms` token into a number. A token that is missing or stops being milliseconds resolves
+ * to `0` — no animation, and the state still completes — because a design system cannot take the page
+ * down over a configuration mistake. Exported for the Foundations/Motion page to prove the fallback;
+ * the report is loud in development and silent in production.
+ */
+export declare function resolveMotionDurationMs(name: string, value: unknown): number;
 export declare const motionDurationMs: {
     readonly fast: number;
     readonly base: number;
     readonly slow: number;
+    readonly cardFlip: number;
 };

package/dist/types/styling/theme.d.ts

@@ -103,9 +103,11 @@ export declare const theme: {
             readonly base: "var(--ui-motion-duration-base)";
             readonly slow: "var(--ui-motion-duration-slow)";
             readonly presence: "var(--ui-motion-duration-presence)";
+            readonly cardFlip: "var(--ui-motion-duration-card-flip)";
         };
         readonly easeStandard: "var(--ui-motion-ease-standard)";
         readonly easePresence: "var(--ui-motion-ease-presence)";
+        readonly easeCardFlip: "var(--ui-motion-ease-card-flip)";
     };
     readonly size: {
         readonly emblemSm: "var(--ui-size-emblem-sm)";