@neurocle/synapse-react 0.0.0-stage → 0.3.0

package/dist/index.mjs

@@ -0,0 +1,71 @@
+import { mergeSynapseProps } from "./system/merge-props.mjs";
+import { DEFAULT_SIZE, SIZE_SCALE } from "./shared/size-scale.mjs";
+import { SynapseProvider } from "./provider/synapse-provider.mjs";
+import { Collapsible } from "./components/collapsible/collapsible.mjs";
+import { Checkbox } from "./components/checkbox/checkbox.mjs";
+import { Popover } from "./components/popover/popover.mjs";
+import { Select } from "./components/select/select.mjs";
+import { Button } from "./components/button/button.mjs";
+import { Separator } from "./components/separator/separator.mjs";
+import { Alert } from "./components/alert/alert.mjs";
+import { Badge } from "./components/badge/badge.mjs";
+import { Breadcrumb } from "./components/breadcrumb/breadcrumb.mjs";
+import { Card } from "./components/card/card.mjs";
+import { EmptyState } from "./components/empty-state/empty-state.mjs";
+import { Field } from "./components/field/field.mjs";
+import { Fieldset } from "./components/fieldset/fieldset.mjs";
+import { Input } from "./components/input/input.mjs";
+import { Kbd } from "./components/kbd/kbd.mjs";
+import { Skeleton } from "./components/skeleton/skeleton.mjs";
+import { Spinner } from "./components/spinner/spinner.mjs";
+import { Table } from "./components/table/table.mjs";
+import { Textarea } from "./components/textarea/textarea.mjs";
+import { Switch } from "./components/switch/switch.mjs";
+import { Toggle } from "./components/toggle/toggle.mjs";
+import { ToggleGroup } from "./components/toggle-group/toggle-group.mjs";
+import { RadioGroup } from "./components/radio-group/radio-group.mjs";
+import { NumberInput } from "./components/number-input/number-input.mjs";
+import { PasswordInput } from "./components/password-input/password-input.mjs";
+import { PinInput } from "./components/pin-input/pin-input.mjs";
+import { Editable } from "./components/editable/editable.mjs";
+import { RatingGroup } from "./components/rating-group/rating-group.mjs";
+import { Accordion } from "./components/accordion/accordion.mjs";
+import { Avatar } from "./components/avatar/avatar.mjs";
+import { Clipboard } from "./components/clipboard/clipboard.mjs";
+import { Marquee } from "./components/marquee/marquee.mjs";
+import { Progress } from "./components/progress/progress.mjs";
+import { QrCode } from "./components/qr-code/qr-code.mjs";
+import { ScrollArea } from "./components/scroll-area/scroll-area.mjs";
+import { Splitter } from "./components/splitter/splitter.mjs";
+import { Steps } from "./components/steps/steps.mjs";
+import { Tabs } from "./components/tabs/tabs.mjs";
+import { Timer } from "./components/timer/timer.mjs";
+import { Toc } from "./components/toc/toc.mjs";
+import { Dialog } from "./components/dialog/dialog.mjs";
+import { Drawer } from "./components/drawer/drawer.mjs";
+import { DEFAULT_LAYER_BASE, LAYER_BASE_VAR, LayerContainerProvider, Portal } from "./shared/layering.mjs";
+import { FloatingPanel } from "./components/floating-panel/floating-panel.mjs";
+import { HoverCard } from "./components/hover-card/hover-card.mjs";
+import { Menu } from "./components/menu/menu.mjs";
+import { NavigationMenu } from "./components/navigation-menu/navigation-menu.mjs";
+import { Tooltip } from "./components/tooltip/tooltip.mjs";
+import { Tour, useTour } from "./components/tour/tour.mjs";
+import { FileUpload } from "./components/file-upload/file-upload.mjs";
+import { TagsInput } from "./components/tags-input/tags-input.mjs";
+import { DateInput } from "./components/date-input/date-input.mjs";
+import { DatePicker } from "./components/date-picker/date-picker.mjs";
+import { AngleSlider } from "./components/angle-slider/angle-slider.mjs";
+import { Slider } from "./components/slider/slider.mjs";
+import { SignaturePad } from "./components/signature-pad/signature-pad.mjs";
+import { COLOR_PICKER_FORMATS, ColorPicker } from "./components/color-picker/color-picker.mjs";
+import { IMAGE_CROPPER_HANDLES, ImageCropper, useImageCropper } from "./components/image-cropper/image-cropper.mjs";
+import { Carousel } from "./components/carousel/carousel.mjs";
+import { Pagination } from "./components/pagination/pagination.mjs";
+import { Toast, ToastProvider, createToaster, useToast } from "./components/toast/toast.mjs";
+import { Snackbar, SnackbarProvider, createSnackbar, useSnackbar } from "./components/snackbar/snackbar.mjs";
+import { Combobox } from "./components/combobox/combobox.mjs";
+import { Listbox } from "./components/listbox/listbox.mjs";
+import { createCollection, createTreeCollection, rowProps } from "./shared/collection.mjs";
+import { CascadeSelect } from "./components/cascade-select/cascade-select.mjs";
+import { TreeView } from "./components/tree-view/tree-view.mjs";
+export { Accordion, Alert, AngleSlider, Avatar, Badge, Breadcrumb, Button, COLOR_PICKER_FORMATS, Card, Carousel, CascadeSelect, Checkbox, Clipboard, Collapsible, ColorPicker, Combobox, DEFAULT_LAYER_BASE, DEFAULT_SIZE, DateInput, DatePicker, Dialog, Drawer, Editable, EmptyState, Field, Fieldset, FileUpload, FloatingPanel, HoverCard, IMAGE_CROPPER_HANDLES, ImageCropper, Input, Kbd, LAYER_BASE_VAR, LayerContainerProvider, Listbox, Marquee, Menu, NavigationMenu, NumberInput, Pagination, PasswordInput, PinInput, Popover, Portal, Progress, QrCode, RadioGroup, RatingGroup, SIZE_SCALE, ScrollArea, Select, Separator, SignaturePad, Skeleton, Slider, Snackbar, SnackbarProvider, Spinner, Splitter, Steps, Switch, SynapseProvider, Table, Tabs, TagsInput, Textarea, Timer, Toast, ToastProvider, Toc, Toggle, ToggleGroup, Tooltip, Tour, TreeView, createCollection, createSnackbar, createToaster, createTreeCollection, mergeSynapseProps, rowProps, useImageCropper, useSnackbar, useToast, useTour };

package/dist/preset.d.mts

@@ -0,0 +1,2 @@
+import synapsePreset from "./tokens/dist/preset.mjs";
+export { synapsePreset };

package/dist/preset.mjs

@@ -0,0 +1,2 @@
+import synapsePreset from "./tokens/dist/preset.mjs";
+export { synapsePreset };

package/dist/provider/locale-context.mjs

@@ -0,0 +1,36 @@
+"use client";
+import { devWarn } from "../system/dev-warn.mjs";
+import { createTranslator } from "./translations.mjs";
+import { createContext, use, useMemo } from "react";
+import { getLocaleDir } from "@zag-js/i18n-utils";
+//#region src/provider/locale-context.ts
+const DEFAULT_LOCALE = "en-US";
+function getLocaleDirection(locale) {
+	const normalized = locale.replaceAll("_", "-").trim();
+	if (normalized === "") return "ltr";
+	try {
+		return getLocaleDir(normalized);
+	} catch {
+		devWarn(true, `locale "${locale}" is not a valid language tag. Falling back to left-to-right.`);
+		return "ltr";
+	}
+}
+const LocaleContext = createContext({
+	locale: DEFAULT_LOCALE,
+	direction: "ltr"
+});
+const TranslationsContext = createContext({});
+function useLocale() {
+	return use(LocaleContext);
+}
+function useDirection() {
+	return use(LocaleContext).direction;
+}
+function useTranslations(overrides) {
+	const fromProvider = use(TranslationsContext);
+	return useMemo(() => createTranslator(fromProvider, overrides), [fromProvider, overrides]);
+}
+//#endregion
+export { DEFAULT_LOCALE, LocaleContext, TranslationsContext, getLocaleDirection, useDirection, useLocale, useTranslations };
+
+//# sourceMappingURL=locale-context.mjs.map

package/dist/provider/locale-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-context.mjs","names":[],"sources":["../../src/provider/locale-context.ts"],"sourcesContent":["'use client'\n\nimport { getLocaleDir } from '@zag-js/i18n-utils'\nimport { createContext, use, useMemo } from 'react'\n\nimport {\n  createTranslator,\n  type TranslationOverrides,\n  type Translator,\n} from '#/provider/translations.ts'\nimport { devWarn } from '#/system/dev-warn.ts'\nimport type { Direction } from '#/system/types.ts'\n\nexport type { Direction }\n\nexport const DEFAULT_LOCALE = 'en-US'\n\nexport function getLocaleDirection(locale: string): Direction {\n  const normalized = locale.replaceAll('_', '-').trim()\n  if (normalized === '') return 'ltr'\n  try {\n    return getLocaleDir(normalized)\n  } catch {\n    devWarn(true, `locale \"${locale}\" is not a valid language tag. Falling back to left-to-right.`)\n    return 'ltr'\n  }\n}\n\nexport interface LocaleContextValue {\n  readonly locale: string\n  readonly direction: Direction\n}\n\nconst LOCALE_FALLBACK: LocaleContextValue = {\n  locale: DEFAULT_LOCALE,\n  direction: 'ltr',\n}\n\nexport const LocaleContext = createContext<LocaleContextValue>(LOCALE_FALLBACK)\n\nexport const TranslationsContext = createContext<TranslationOverrides>({})\n\nexport function useLocale(): LocaleContextValue {\n  return use(LocaleContext)\n}\n\nexport function useDirection(): Direction {\n  return use(LocaleContext).direction\n}\n\nexport function useTranslations(overrides?: TranslationOverrides): Translator {\n  const fromProvider = use(TranslationsContext)\n  return useMemo(() => createTranslator(fromProvider, overrides), [fromProvider, overrides])\n}\n"],"mappings":";;;;;;AAeA,MAAa,iBAAiB;AAE9B,SAAgB,mBAAmB,QAA2B;CAC5D,MAAM,aAAa,OAAO,WAAW,KAAK,GAAG,CAAC,CAAC,KAAK;CACpD,IAAI,eAAe,IAAI,OAAO;CAC9B,IAAI;EACF,OAAO,aAAa,UAAU;CAChC,QAAQ;EACN,QAAQ,MAAM,WAAW,OAAO,8DAA8D;EAC9F,OAAO;CACT;AACF;AAYA,MAAa,gBAAgB,cAAkC;CAJ7D,QAAQ;CACR,WAAW;AAGkD,CAAe;AAE9E,MAAa,sBAAsB,cAAoC,CAAC,CAAC;AAEzE,SAAgB,YAAgC;CAC9C,OAAO,IAAI,aAAa;AAC1B;AAEA,SAAgB,eAA0B;CACxC,OAAO,IAAI,aAAa,CAAC,CAAC;AAC5B;AAEA,SAAgB,gBAAgB,WAA8C;CAC5E,MAAM,eAAe,IAAI,mBAAmB;CAC5C,OAAO,cAAc,iBAAiB,cAAc,SAAS,GAAG,CAAC,cAAc,SAAS,CAAC;AAC3F"}

package/dist/provider/synapse-provider.d.mts

@@ -0,0 +1,17 @@
+import { TranslationOverrides } from "./translations.mjs";
+import { Direction } from "../system/types.mjs";
+import { ThemeName } from "./use-theme.mjs";
+import { ReactNode } from "react";
+//#region src/provider/synapse-provider.d.ts
+export interface SynapseProviderProps {
+  children?: ReactNode;
+  theme?: ThemeName;
+  defaultTheme?: ThemeName;
+  onThemeChange?: (theme: ThemeName) => void;
+  locale?: string;
+  direction?: Direction;
+  translations?: TranslationOverrides;
+}
+export declare function SynapseProvider(props: SynapseProviderProps): ReactNode;
+//#endregion
+//# sourceMappingURL=synapse-provider.d.mts.map

package/dist/provider/synapse-provider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"synapse-provider.d.mts","names":[],"sources":["../../src/provider/synapse-provider.tsx"],"mappings":";;;;;iBAyBiB;EACf,WAAW;EACX,QAAQ;EACR,eAAe;EACf,iBAAiB,OAAO;EACxB;EACA,YAAY;EACZ,eAAe;;wBAGD,gBAAgB,OAAO,uBAAuB"}

package/dist/provider/synapse-provider.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { DEFAULT_LOCALE, LocaleContext, TranslationsContext, getLocaleDirection } from "./locale-context.mjs";
+import { DEFAULT_THEME, THEMES, ThemeContext, getThemeScopeProps, getThemeScopeStyle } from "./use-theme.mjs";
+import { useInputModality } from "../shared/input-modality.mjs";
+import { useControlled } from "../system/controlled.mjs";
+import { use, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/provider/synapse-provider.tsx
+function SynapseProvider(props) {
+	const { children, theme: controlledTheme, defaultTheme, onThemeChange, locale = DEFAULT_LOCALE, direction, translations } = props;
+	const controlled = useControlled({
+		componentName: "SynapseProvider",
+		valueProp: "theme",
+		defaultProp: "defaultTheme",
+		value: controlledTheme,
+		defaultValue: defaultTheme,
+		onChange: onThemeChange,
+		fallback: DEFAULT_THEME
+	});
+	const theme = controlled.value;
+	useInputModality();
+	const themeValue = useMemo(() => ({
+		theme,
+		setTheme: controlled.setValue,
+		themes: THEMES,
+		hasProvider: true
+	}), [theme, controlled.setValue]);
+	const resolvedDirection = direction ?? getLocaleDirection(locale);
+	const localeValue = useMemo(() => ({
+		locale,
+		direction: resolvedDirection
+	}), [locale, resolvedDirection]);
+	const inherited = use(TranslationsContext);
+	const translationsValue = useMemo(() => translations === void 0 ? inherited : {
+		...inherited,
+		...translations
+	}, [inherited, translations]);
+	return /* @__PURE__ */ jsx(ThemeContext, {
+		value: themeValue,
+		children: /* @__PURE__ */ jsx(LocaleContext, {
+			value: localeValue,
+			children: /* @__PURE__ */ jsx(TranslationsContext, {
+				value: translationsValue,
+				children: /* @__PURE__ */ jsx("div", {
+					...getThemeScopeProps(theme),
+					dir: resolvedDirection,
+					lang: locale,
+					"data-synapse-scope": "",
+					style: getThemeScopeStyle(theme),
+					children
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { SynapseProvider };
+
+//# sourceMappingURL=synapse-provider.mjs.map

package/dist/provider/synapse-provider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"synapse-provider.mjs","names":[],"sources":["../../src/provider/synapse-provider.tsx"],"sourcesContent":["'use client'\n\nimport { type ReactNode, use, useMemo } from 'react'\n\nimport {\n  DEFAULT_LOCALE,\n  getLocaleDirection,\n  LocaleContext,\n  type LocaleContextValue,\n  TranslationsContext,\n} from '#/provider/locale-context.ts'\nimport type { TranslationOverrides } from '#/provider/translations.ts'\nimport {\n  DEFAULT_THEME,\n  getThemeScopeProps,\n  getThemeScopeStyle,\n  ThemeContext,\n  type ThemeContextValue,\n  type ThemeName,\n  THEMES,\n} from '#/provider/use-theme.ts'\nimport { useInputModality } from '#/shared/input-modality.ts'\nimport { useControlled } from '#/system/controlled.ts'\nimport type { Direction } from '#/system/types.ts'\n\nexport interface SynapseProviderProps {\n  children?: ReactNode\n  theme?: ThemeName\n  defaultTheme?: ThemeName\n  onThemeChange?: (theme: ThemeName) => void\n  locale?: string\n  direction?: Direction\n  translations?: TranslationOverrides\n}\n\nexport function SynapseProvider(props: SynapseProviderProps): ReactNode {\n  const {\n    children,\n    theme: controlledTheme,\n    defaultTheme,\n    onThemeChange,\n    locale = DEFAULT_LOCALE,\n    direction,\n    translations,\n  } = props\n\n  const controlled = useControlled<ThemeName>({\n    componentName: 'SynapseProvider',\n    valueProp: 'theme',\n    defaultProp: 'defaultTheme',\n    value: controlledTheme,\n    defaultValue: defaultTheme,\n    onChange: onThemeChange,\n    fallback: DEFAULT_THEME,\n  })\n  const theme = controlled.value\n\n  useInputModality()\n\n  const themeValue = useMemo<ThemeContextValue>(\n    () => ({ theme, setTheme: controlled.setValue, themes: THEMES, hasProvider: true }),\n    [theme, controlled.setValue],\n  )\n\n  const resolvedDirection = direction ?? getLocaleDirection(locale)\n  const localeValue = useMemo<LocaleContextValue>(\n    () => ({ locale, direction: resolvedDirection }),\n    [locale, resolvedDirection],\n  )\n\n  const inherited = use(TranslationsContext)\n  const translationsValue = useMemo(\n    () => (translations === undefined ? inherited : { ...inherited, ...translations }),\n    [inherited, translations],\n  )\n\n  return (\n    <ThemeContext value={themeValue}>\n      <LocaleContext value={localeValue}>\n        <TranslationsContext value={translationsValue}>\n          <div\n            {...getThemeScopeProps(theme)}\n            dir={resolvedDirection}\n            lang={locale}\n            data-synapse-scope=\"\"\n            style={getThemeScopeStyle(theme)}\n          >\n            {children}\n          </div>\n        </TranslationsContext>\n      </LocaleContext>\n    </ThemeContext>\n  )\n}\n"],"mappings":";;;;;;;;AAmCA,SAAgB,gBAAgB,OAAwC;CACtE,MAAM,EACJ,UACA,OAAO,iBACP,cACA,eACA,SAAS,gBACT,WACA,iBACE;CAEJ,MAAM,aAAa,cAAyB;EAC1C,eAAe;EACf,WAAW;EACX,aAAa;EACb,OAAO;EACP,cAAc;EACd,UAAU;EACV,UAAU;CACZ,CAAC;CACD,MAAM,QAAQ,WAAW;CAEzB,iBAAiB;CAEjB,MAAM,aAAa,eACV;EAAE;EAAO,UAAU,WAAW;EAAU,QAAQ;EAAQ,aAAa;CAAK,IACjF,CAAC,OAAO,WAAW,QAAQ,CAC7B;CAEA,MAAM,oBAAoB,aAAa,mBAAmB,MAAM;CAChE,MAAM,cAAc,eACX;EAAE;EAAQ,WAAW;CAAkB,IAC9C,CAAC,QAAQ,iBAAiB,CAC5B;CAEA,MAAM,YAAY,IAAI,mBAAmB;CACzC,MAAM,oBAAoB,cACjB,iBAAiB,KAAA,IAAY,YAAY;EAAE,GAAG;EAAW,GAAG;CAAa,GAChF,CAAC,WAAW,YAAY,CAC1B;CAEA,OACE,oBAAC,cAAD;EAAc,OAAO;EACnB,UAAA,oBAAC,eAAD;GAAe,OAAO;GACpB,UAAA,oBAAC,qBAAD;IAAqB,OAAO;IAC1B,UAAA,oBAAC,OAAD;KACE,GAAI,mBAAmB,KAAK;KAC5B,KAAK;KACL,MAAM;KACN,sBAAmB;KACnB,OAAO,mBAAmB,KAAK;KAE9B;IACE,CAAA;GACc,CAAA;EACR,CAAA;CACH,CAAA;AAElB"}

package/dist/provider/translations.d.mts

@@ -0,0 +1,179 @@
+//#region src/provider/translations.d.ts
+export declare const DEFAULT_TRANSLATIONS: {
+  'popover.closeTrigger.label': string;
+  'select.clearTrigger.label': string;
+  'select.trigger.placeholder': string;
+  'select.content.label': string;
+  'select.valueText.count': string;
+  'numberInput.incrementTrigger.label': string;
+  'numberInput.decrementTrigger.label': string;
+  'passwordInput.visibilityTrigger.show': string;
+  'passwordInput.visibilityTrigger.hide': string;
+  'pinInput.input.label': string;
+  'ratingGroup.item.label': string;
+  'editable.input.label': string;
+  'editable.editTrigger.label': string;
+  'editable.submitTrigger.label': string;
+  'editable.cancelTrigger.label': string;
+  'combobox.trigger.label': string;
+  'combobox.clearTrigger.label': string;
+  'tagsInput.clearTrigger.label': string;
+  'tagsInput.control.noneSelected': string;
+  'tagsInput.deleteTrigger.label': string;
+  'treeView.tree.label': string;
+  'treeView.nodeRenameInput.label': string;
+  'datePicker.content.label': string;
+  'datePicker.clearTrigger.label': string;
+  'datePicker.monthSelect.label': string;
+  'datePicker.yearSelect.label': string;
+  'datePicker.tableHeader.weekColumn': string;
+  'dateInput.segment.placeholder': string;
+  'pagination.root.label': string;
+  'pagination.item.label': string;
+  'pagination.firstTrigger.label': string;
+  'pagination.prevTrigger.label': string;
+  'pagination.nextTrigger.label': string;
+  'pagination.lastTrigger.label': string;
+  'carousel.prevTrigger.label': string;
+  'carousel.nextTrigger.label': string;
+  'carousel.indicator.label': string;
+  'carousel.item.label': string;
+  'carousel.autoplayTrigger.start': string;
+  'carousel.autoplayTrigger.stop': string;
+  'fileUpload.dropzone.label': string;
+  'fileUpload.item.preview': string;
+  'fileUpload.deleteTrigger.label': string;
+  'imageCropper.root.label': string;
+  'imageCropper.root.roleDescription': string;
+  'imageCropper.image.loading': string;
+  'imageCropper.selection.roleDescription': string;
+  'imageCropper.selection.instructions': string;
+  'signaturePad.control.label': string;
+  'signaturePad.clearTrigger.label': string;
+  'signaturePad.control.roleDescription': string;
+  'numberInput.input.roleDescription': string;
+  'tagsInput.item.added': string;
+  'tagsInput.item.deleted': string;
+  'tagsInput.item.updated': string;
+  'tagsInput.item.selected': string;
+  'tagsInput.itemInput.label': string;
+  'tagsInput.control.pasted': string;
+  'dateInput.segment.era': string;
+  'dateInput.segment.year': string;
+  'dateInput.segment.month': string;
+  'dateInput.segment.day': string;
+  'dateInput.segment.hour': string;
+  'dateInput.segment.minute': string;
+  'dateInput.segment.second': string;
+  'dateInput.segment.dayPeriod': string;
+  'dateInput.segment.timeZoneName': string;
+  'datePicker.content.roleDescription': string;
+  'datePicker.table.dayView': string;
+  'datePicker.table.monthView': string;
+  'datePicker.table.yearView': string;
+  'datePicker.trigger.open': string;
+  'datePicker.trigger.close': string;
+  'datePicker.prevTrigger.month': string;
+  'datePicker.prevTrigger.year': string;
+  'datePicker.prevTrigger.decade': string;
+  'datePicker.nextTrigger.month': string;
+  'datePicker.nextTrigger.year': string;
+  'datePicker.nextTrigger.decade': string;
+  'datePicker.viewTrigger.month': string;
+  'datePicker.viewTrigger.year': string;
+  'datePicker.tableCellTrigger.choose': string;
+  'datePicker.tableCellTrigger.selected': string;
+  'datePicker.tableCellTrigger.inRange': string;
+  'datePicker.tableCellTrigger.rangeStart': string;
+  'datePicker.tableCellTrigger.rangeEnd': string;
+  'datePicker.tableCellTrigger.unavailable': string;
+  'fileUpload.clearTrigger.label': string;
+  'colorPicker.trigger.label': string;
+  'colorPicker.areaThumb.label': string;
+  'colorPicker.areaThumb.roleDescription': string;
+  'colorPicker.areaThumb.valueText': string;
+  'colorPicker.channelSlider.hue': string;
+  'colorPicker.channelSlider.saturation': string;
+  'colorPicker.channelSlider.brightness': string;
+  'colorPicker.channelSlider.lightness': string;
+  'colorPicker.channelSlider.red': string;
+  'colorPicker.channelSlider.green': string;
+  'colorPicker.channelSlider.blue': string;
+  'colorPicker.channelSlider.alpha': string;
+  'colorPicker.channelSlider.hex': string;
+  'colorPicker.channelSlider.css': string;
+  'colorPicker.channelSliderThumb.degrees': string;
+  'colorPicker.channelSliderThumb.percent': string;
+  'colorPicker.swatchTrigger.label': string;
+  'colorPicker.eyeDropperTrigger.label': string;
+  'colorPicker.formatTrigger.label': string;
+  'colorPicker.formatSelect.label': string;
+  'angleSlider.thumb.valueText': string;
+  'imageCropper.root.description': string;
+  'imageCropper.selection.rectangleLabel': string;
+  'imageCropper.selection.circleLabel': string;
+  'imageCropper.selection.rectangleValue': string;
+  'imageCropper.selection.circleValue': string;
+  'tour.actionTrigger.next': string;
+  'tour.actionTrigger.previous': string;
+  'tour.actionTrigger.skip': string;
+  'tour.closeTrigger.label': string;
+  'tour.progressText.position': string;
+  'floatingPanel.stageTrigger.minimize': string;
+  'floatingPanel.stageTrigger.maximize': string;
+  'floatingPanel.stageTrigger.restore': string;
+  'snackbar.closeTrigger.label': string;
+  'snackbar.group.label': string;
+  'snackbar.title.success': string;
+  'snackbar.title.error': string;
+  'snackbar.title.warning': string;
+  'snackbar.title.info': string;
+  'toast.closeTrigger.label': string;
+  'toast.group.label': string;
+  'toast.title.success': string;
+  'toast.title.error': string;
+  'toast.title.warning': string;
+  'toast.title.info': string;
+  'cascadeSelect.clearTrigger.label': string;
+  'cascadeSelect.trigger.placeholder': string;
+  'dialog.closeTrigger.label': string;
+  'drawer.closeTrigger.label': string;
+  'floatingPanel.closeTrigger.label': string;
+  'marquee.root.label': string;
+  'progress.valueText.value': string;
+  'timer.area.label': string;
+  'clipboard.trigger.label': string;
+  'clipboard.trigger.copiedLabel': string;
+  'progress.root.label': string;
+  'timer.itemLabel.days': string;
+  'timer.itemLabel.hours': string;
+  'timer.itemLabel.minutes': string;
+  'timer.itemLabel.seconds': string;
+  'timer.itemLabel.milliseconds': string;
+  'timer.actionTrigger.start': string;
+  'timer.actionTrigger.pause': string;
+  'timer.actionTrigger.resume': string;
+  'timer.actionTrigger.reset': string;
+  'timer.actionTrigger.restart': string;
+  'qrCode.frame.label': string;
+  'carousel.root.roleDescription': string;
+  'carousel.item.roleDescription': string;
+  'marquee.root.roleDescription': string;
+  'avatar.fallback.label': string;
+  'ratingGroup.item.roleDescription': string;
+  'progress.valueText.indeterminate': string;
+  'steps.indicator.completed': string;
+  'steps.progress.valueText': string;
+  'splitter.resizeTrigger.label': string;
+  'scrollArea.viewport.label': string;
+  'breadcrumb.root.label': string;
+  'spinner.label.text': string;
+  'field.characterCount.label': string;
+  'field.characterCount.length': string;
+  'field.characterCount.remaining': string;
+};
+export type TranslationKey = keyof typeof DEFAULT_TRANSLATIONS;
+export type SynapseTranslations = Record<TranslationKey, string>;
+export type TranslationOverrides = Partial<SynapseTranslations>;
+//#endregion
+//# sourceMappingURL=translations.d.mts.map

package/dist/provider/translations.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.mts","names":[],"sources":["../../src/provider/translations.ts"],"mappings":";qBAEa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAuLD,8BAA8B;YAE9B,sBAAsB,OAAO;YAE7B,uBAAuB,QAAQ"}

package/dist/provider/translations.mjs

@@ -0,0 +1,201 @@
+import { devWarn } from "../system/dev-warn.mjs";
+//#region src/provider/translations.ts
+const DEFAULT_TRANSLATIONS = {
+	"popover.closeTrigger.label": "Close",
+	"select.clearTrigger.label": "Clear selection",
+	"select.trigger.placeholder": "Select an option",
+	"select.content.label": "Options",
+	"select.valueText.count": "{count} selected",
+	"numberInput.incrementTrigger.label": "Increase value",
+	"numberInput.decrementTrigger.label": "Decrease value",
+	"passwordInput.visibilityTrigger.show": "Show password",
+	"passwordInput.visibilityTrigger.hide": "Hide password",
+	"pinInput.input.label": "Digit {position} of {count}",
+	"ratingGroup.item.label": "{count} star rating",
+	"editable.input.label": "Editable value",
+	"editable.editTrigger.label": "Edit",
+	"editable.submitTrigger.label": "Save",
+	"editable.cancelTrigger.label": "Cancel",
+	"combobox.trigger.label": "Toggle suggestions",
+	"combobox.clearTrigger.label": "Clear selection",
+	"tagsInput.clearTrigger.label": "Clear all tags",
+	"tagsInput.control.noneSelected": "No tags selected",
+	"tagsInput.deleteTrigger.label": "Delete tag {value}",
+	"treeView.tree.label": "Tree",
+	"treeView.nodeRenameInput.label": "Rename item",
+	"datePicker.content.label": "Calendar",
+	"datePicker.clearTrigger.label": "Clear date",
+	"datePicker.monthSelect.label": "Select month",
+	"datePicker.yearSelect.label": "Select year",
+	"datePicker.tableHeader.weekColumn": "Week",
+	"dateInput.segment.placeholder": "{segment}",
+	"pagination.root.label": "Pagination",
+	"pagination.item.label": "Page {page} of {totalPages}",
+	"pagination.firstTrigger.label": "First page",
+	"pagination.prevTrigger.label": "Previous page",
+	"pagination.nextTrigger.label": "Next page",
+	"pagination.lastTrigger.label": "Last page",
+	"carousel.prevTrigger.label": "Previous slide",
+	"carousel.nextTrigger.label": "Next slide",
+	"carousel.indicator.label": "Go to slide {index}",
+	"carousel.item.label": "Slide {index} of {count}",
+	"carousel.autoplayTrigger.start": "Start slide rotation",
+	"carousel.autoplayTrigger.stop": "Stop slide rotation",
+	"fileUpload.dropzone.label": "File dropzone",
+	"fileUpload.item.preview": "Preview of {name}",
+	"fileUpload.deleteTrigger.label": "Delete {name}",
+	"imageCropper.root.label": "Image cropper",
+	"imageCropper.root.roleDescription": "Image cropper",
+	"imageCropper.image.loading": "Image cropper preview loading",
+	"imageCropper.selection.roleDescription": "2D slider",
+	"imageCropper.selection.instructions": "Use arrow keys to move the crop. Hold Alt with arrow keys to resize. Press plus or minus to zoom.",
+	"signaturePad.control.label": "Signature pad",
+	"signaturePad.clearTrigger.label": "Clear signature",
+	"signaturePad.control.roleDescription": "Drawing area",
+	"numberInput.input.roleDescription": "Number field",
+	"tagsInput.item.added": "Added tag {value}",
+	"tagsInput.item.deleted": "Tag {value} deleted",
+	"tagsInput.item.updated": "Tag updated to {value}",
+	"tagsInput.item.selected": "Tag {value} selected. Press Enter to edit, Delete or Backspace to remove.",
+	"tagsInput.itemInput.label": "Editing tag {value}. Press Enter to save or Escape to cancel.",
+	"tagsInput.control.pasted": "Tags pasted: {count}",
+	"dateInput.segment.era": "Era",
+	"dateInput.segment.year": "Year",
+	"dateInput.segment.month": "Month",
+	"dateInput.segment.day": "Day",
+	"dateInput.segment.hour": "Hour",
+	"dateInput.segment.minute": "Minute",
+	"dateInput.segment.second": "Second",
+	"dateInput.segment.dayPeriod": "AM/PM",
+	"dateInput.segment.timeZoneName": "Time zone",
+	"datePicker.content.roleDescription": "Date picker",
+	"datePicker.table.dayView": "Calendar month",
+	"datePicker.table.monthView": "Calendar year",
+	"datePicker.table.yearView": "Calendar decade",
+	"datePicker.trigger.open": "Open calendar",
+	"datePicker.trigger.close": "Close calendar",
+	"datePicker.prevTrigger.month": "Previous month",
+	"datePicker.prevTrigger.year": "Previous year",
+	"datePicker.prevTrigger.decade": "Previous decade",
+	"datePicker.nextTrigger.month": "Next month",
+	"datePicker.nextTrigger.year": "Next year",
+	"datePicker.nextTrigger.decade": "Next decade",
+	"datePicker.viewTrigger.month": "{label}, switch to month view",
+	"datePicker.viewTrigger.year": "{label}, switch to year view",
+	"datePicker.tableCellTrigger.choose": "Choose {date}",
+	"datePicker.tableCellTrigger.selected": "Selected date, {date}",
+	"datePicker.tableCellTrigger.inRange": "In range, {date}",
+	"datePicker.tableCellTrigger.rangeStart": "Range starting {date}",
+	"datePicker.tableCellTrigger.rangeEnd": "Range ending {date}",
+	"datePicker.tableCellTrigger.unavailable": "Not available, {date}",
+	"fileUpload.clearTrigger.label": "Clear files",
+	"colorPicker.trigger.label": "Select color, current color {value}",
+	"colorPicker.areaThumb.label": "{xChannel} and {yChannel}",
+	"colorPicker.areaThumb.roleDescription": "2D slider",
+	"colorPicker.areaThumb.valueText": "{xChannel} {xValue}, {yChannel} {yValue}",
+	"colorPicker.channelSlider.hue": "Hue",
+	"colorPicker.channelSlider.saturation": "Saturation",
+	"colorPicker.channelSlider.brightness": "Brightness",
+	"colorPicker.channelSlider.lightness": "Lightness",
+	"colorPicker.channelSlider.red": "Red",
+	"colorPicker.channelSlider.green": "Green",
+	"colorPicker.channelSlider.blue": "Blue",
+	"colorPicker.channelSlider.alpha": "Alpha",
+	"colorPicker.channelSlider.hex": "Hex",
+	"colorPicker.channelSlider.css": "CSS color",
+	"colorPicker.channelSliderThumb.degrees": "{value}°",
+	"colorPicker.channelSliderThumb.percent": "{value}%",
+	"colorPicker.swatchTrigger.label": "Select color {value}",
+	"colorPicker.eyeDropperTrigger.label": "Pick a color from the screen",
+	"colorPicker.formatTrigger.label": "Change color format to {format}",
+	"colorPicker.formatSelect.label": "Color format",
+	"angleSlider.thumb.valueText": "{value}°",
+	"imageCropper.root.description": "Image cropper preview. Zoom {zoom}, rotation {rotation}°. Crop at X {x}, Y {y}, width {width}, height {height}, in pixels.",
+	"imageCropper.selection.rectangleLabel": "Crop area",
+	"imageCropper.selection.circleLabel": "Circular crop area",
+	"imageCropper.selection.rectangleValue": "Position X {x}, Y {y}. Size {width} by {height}, in pixels.",
+	"imageCropper.selection.circleValue": "Position X {x}, Y {y}. Diameter {diameter}, in pixels.",
+	"tour.actionTrigger.next": "Next",
+	"tour.actionTrigger.previous": "Previous",
+	"tour.actionTrigger.skip": "Skip tour",
+	"tour.closeTrigger.label": "Close tour",
+	"tour.progressText.position": "{current} of {total}",
+	"floatingPanel.stageTrigger.minimize": "Minimize window",
+	"floatingPanel.stageTrigger.maximize": "Maximize window",
+	"floatingPanel.stageTrigger.restore": "Restore window",
+	"snackbar.closeTrigger.label": "Dismiss",
+	"snackbar.group.label": "Snackbars",
+	"snackbar.title.success": "Success",
+	"snackbar.title.error": "Error",
+	"snackbar.title.warning": "Warning",
+	"snackbar.title.info": "Information",
+	"toast.closeTrigger.label": "Dismiss notification",
+	"toast.group.label": "Notifications",
+	"toast.title.success": "Success",
+	"toast.title.error": "Error",
+	"toast.title.warning": "Warning",
+	"toast.title.info": "Information",
+	"cascadeSelect.clearTrigger.label": "Clear selection",
+	"cascadeSelect.trigger.placeholder": "Select an option",
+	"dialog.closeTrigger.label": "Close",
+	"drawer.closeTrigger.label": "Close",
+	"floatingPanel.closeTrigger.label": "Close window",
+	"marquee.root.label": "Scrolling content",
+	"progress.valueText.value": "{percent}% complete",
+	"timer.area.label": "Timer",
+	"clipboard.trigger.label": "Copy",
+	"clipboard.trigger.copiedLabel": "Copied",
+	"progress.root.label": "Progress",
+	"timer.itemLabel.days": "days",
+	"timer.itemLabel.hours": "hours",
+	"timer.itemLabel.minutes": "minutes",
+	"timer.itemLabel.seconds": "seconds",
+	"timer.itemLabel.milliseconds": "milliseconds",
+	"timer.actionTrigger.start": "Start timer",
+	"timer.actionTrigger.pause": "Pause timer",
+	"timer.actionTrigger.resume": "Resume timer",
+	"timer.actionTrigger.reset": "Reset timer",
+	"timer.actionTrigger.restart": "Restart timer",
+	"qrCode.frame.label": "QR code",
+	"carousel.root.roleDescription": "carousel",
+	"carousel.item.roleDescription": "slide",
+	"marquee.root.roleDescription": "marquee",
+	"avatar.fallback.label": "User",
+	"ratingGroup.item.roleDescription": "rating",
+	"progress.valueText.indeterminate": "Loading",
+	"steps.indicator.completed": "Completed",
+	"steps.progress.valueText": "{percent}% complete",
+	"splitter.resizeTrigger.label": "Resize {before} and {after}",
+	"scrollArea.viewport.label": "Scrollable content",
+	"breadcrumb.root.label": "Breadcrumb",
+	"spinner.label.text": "Loading",
+	"field.characterCount.label": "Characters: {count} of {max}",
+	"field.characterCount.length": "Characters: {count}",
+	"field.characterCount.remaining": "Characters left: {count}"
+};
+function interpolate(key, template, params) {
+	return template.replaceAll(/\{(\w+)\}/g, (slot, name) => {
+		const supplied = params?.[name];
+		devWarn(supplied === void 0, `translation "${key}" expects {${name}}, which was not supplied.`);
+		return supplied === void 0 ? slot : String(supplied);
+	});
+}
+function usable(candidate) {
+	return candidate !== void 0 && candidate.trim() !== "";
+}
+function resolveTranslation(key, layers, params) {
+	let resolved;
+	for (const layer of layers) {
+		const candidate = layer?.[key];
+		if (usable(candidate)) resolved = candidate;
+		else if (candidate !== void 0) devWarn(true, `translation "${key}" was overridden with an empty string. Falling back to English — an empty accessible name is worse than an untranslated one.`);
+	}
+	return interpolate(key, resolved ?? DEFAULT_TRANSLATIONS[key], params);
+}
+function createTranslator(...layers) {
+	return (key, params) => resolveTranslation(key, layers, params);
+}
+//#endregion
+export { DEFAULT_TRANSLATIONS, createTranslator, resolveTranslation };
+
+//# sourceMappingURL=translations.mjs.map

package/dist/provider/translations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.mjs","names":[],"sources":["../../src/provider/translations.ts"],"sourcesContent":["import { devWarn } from '#/system/dev-warn.ts'\n\nexport const DEFAULT_TRANSLATIONS = {\n  'popover.closeTrigger.label': 'Close',\n  'select.clearTrigger.label': 'Clear selection',\n  'select.trigger.placeholder': 'Select an option',\n  'select.content.label': 'Options',\n  'select.valueText.count': '{count} selected',\n\n  'numberInput.incrementTrigger.label': 'Increase value',\n  'numberInput.decrementTrigger.label': 'Decrease value',\n  'passwordInput.visibilityTrigger.show': 'Show password',\n  'passwordInput.visibilityTrigger.hide': 'Hide password',\n  'pinInput.input.label': 'Digit {position} of {count}',\n  'ratingGroup.item.label': '{count} star rating',\n  'editable.input.label': 'Editable value',\n  'editable.editTrigger.label': 'Edit',\n  'editable.submitTrigger.label': 'Save',\n  'editable.cancelTrigger.label': 'Cancel',\n  'combobox.trigger.label': 'Toggle suggestions',\n  'combobox.clearTrigger.label': 'Clear selection',\n  'tagsInput.clearTrigger.label': 'Clear all tags',\n  'tagsInput.control.noneSelected': 'No tags selected',\n  'tagsInput.deleteTrigger.label': 'Delete tag {value}',\n  'treeView.tree.label': 'Tree',\n  'treeView.nodeRenameInput.label': 'Rename item',\n  'datePicker.content.label': 'Calendar',\n  'datePicker.clearTrigger.label': 'Clear date',\n  'datePicker.monthSelect.label': 'Select month',\n  'datePicker.yearSelect.label': 'Select year',\n  'datePicker.tableHeader.weekColumn': 'Week',\n  'dateInput.segment.placeholder': '{segment}',\n  'pagination.root.label': 'Pagination',\n  'pagination.item.label': 'Page {page} of {totalPages}',\n  'pagination.firstTrigger.label': 'First page',\n  'pagination.prevTrigger.label': 'Previous page',\n  'pagination.nextTrigger.label': 'Next page',\n  'pagination.lastTrigger.label': 'Last page',\n  'carousel.prevTrigger.label': 'Previous slide',\n  'carousel.nextTrigger.label': 'Next slide',\n  'carousel.indicator.label': 'Go to slide {index}',\n  'carousel.item.label': 'Slide {index} of {count}',\n  'carousel.autoplayTrigger.start': 'Start slide rotation',\n  'carousel.autoplayTrigger.stop': 'Stop slide rotation',\n  'fileUpload.dropzone.label': 'File dropzone',\n  'fileUpload.item.preview': 'Preview of {name}',\n  'fileUpload.deleteTrigger.label': 'Delete {name}',\n  'imageCropper.root.label': 'Image cropper',\n  'imageCropper.root.roleDescription': 'Image cropper',\n  'imageCropper.image.loading': 'Image cropper preview loading',\n  'imageCropper.selection.roleDescription': '2D slider',\n  'imageCropper.selection.instructions':\n    'Use arrow keys to move the crop. Hold Alt with arrow keys to resize. Press plus or minus to zoom.',\n  'signaturePad.control.label': 'Signature pad',\n  'signaturePad.clearTrigger.label': 'Clear signature',\n  'signaturePad.control.roleDescription': 'Drawing area',\n\n  'numberInput.input.roleDescription': 'Number field',\n  'tagsInput.item.added': 'Added tag {value}',\n  'tagsInput.item.deleted': 'Tag {value} deleted',\n  'tagsInput.item.updated': 'Tag updated to {value}',\n  'tagsInput.item.selected':\n    'Tag {value} selected. Press Enter to edit, Delete or Backspace to remove.',\n  'tagsInput.itemInput.label': 'Editing tag {value}. Press Enter to save or Escape to cancel.',\n  'tagsInput.control.pasted': 'Tags pasted: {count}',\n  'dateInput.segment.era': 'Era',\n  'dateInput.segment.year': 'Year',\n  'dateInput.segment.month': 'Month',\n  'dateInput.segment.day': 'Day',\n  'dateInput.segment.hour': 'Hour',\n  'dateInput.segment.minute': 'Minute',\n  'dateInput.segment.second': 'Second',\n  'dateInput.segment.dayPeriod': 'AM/PM',\n  'dateInput.segment.timeZoneName': 'Time zone',\n  'datePicker.content.roleDescription': 'Date picker',\n  'datePicker.table.dayView': 'Calendar month',\n  'datePicker.table.monthView': 'Calendar year',\n  'datePicker.table.yearView': 'Calendar decade',\n  'datePicker.trigger.open': 'Open calendar',\n  'datePicker.trigger.close': 'Close calendar',\n  'datePicker.prevTrigger.month': 'Previous month',\n  'datePicker.prevTrigger.year': 'Previous year',\n  'datePicker.prevTrigger.decade': 'Previous decade',\n  'datePicker.nextTrigger.month': 'Next month',\n  'datePicker.nextTrigger.year': 'Next year',\n  'datePicker.nextTrigger.decade': 'Next decade',\n  'datePicker.viewTrigger.month': '{label}, switch to month view',\n  'datePicker.viewTrigger.year': '{label}, switch to year view',\n  'datePicker.tableCellTrigger.choose': 'Choose {date}',\n  'datePicker.tableCellTrigger.selected': 'Selected date, {date}',\n  'datePicker.tableCellTrigger.inRange': 'In range, {date}',\n  'datePicker.tableCellTrigger.rangeStart': 'Range starting {date}',\n  'datePicker.tableCellTrigger.rangeEnd': 'Range ending {date}',\n  'datePicker.tableCellTrigger.unavailable': 'Not available, {date}',\n  'fileUpload.clearTrigger.label': 'Clear files',\n  'colorPicker.trigger.label': 'Select color, current color {value}',\n  'colorPicker.areaThumb.label': '{xChannel} and {yChannel}',\n  'colorPicker.areaThumb.roleDescription': '2D slider',\n  'colorPicker.areaThumb.valueText': '{xChannel} {xValue}, {yChannel} {yValue}',\n  'colorPicker.channelSlider.hue': 'Hue',\n  'colorPicker.channelSlider.saturation': 'Saturation',\n  'colorPicker.channelSlider.brightness': 'Brightness',\n  'colorPicker.channelSlider.lightness': 'Lightness',\n  'colorPicker.channelSlider.red': 'Red',\n  'colorPicker.channelSlider.green': 'Green',\n  'colorPicker.channelSlider.blue': 'Blue',\n  'colorPicker.channelSlider.alpha': 'Alpha',\n  'colorPicker.channelSlider.hex': 'Hex',\n  'colorPicker.channelSlider.css': 'CSS color',\n  'colorPicker.channelSliderThumb.degrees': '{value}°',\n  'colorPicker.channelSliderThumb.percent': '{value}%',\n  'colorPicker.swatchTrigger.label': 'Select color {value}',\n  'colorPicker.eyeDropperTrigger.label': 'Pick a color from the screen',\n  'colorPicker.formatTrigger.label': 'Change color format to {format}',\n  'colorPicker.formatSelect.label': 'Color format',\n  'angleSlider.thumb.valueText': '{value}°',\n  'imageCropper.root.description':\n    'Image cropper preview. Zoom {zoom}, rotation {rotation}°. Crop at X {x}, Y {y}, width {width}, height {height}, in pixels.',\n  'imageCropper.selection.rectangleLabel': 'Crop area',\n  'imageCropper.selection.circleLabel': 'Circular crop area',\n  'imageCropper.selection.rectangleValue':\n    'Position X {x}, Y {y}. Size {width} by {height}, in pixels.',\n  'imageCropper.selection.circleValue': 'Position X {x}, Y {y}. Diameter {diameter}, in pixels.',\n\n  'tour.actionTrigger.next': 'Next',\n  'tour.actionTrigger.previous': 'Previous',\n  'tour.actionTrigger.skip': 'Skip tour',\n  'tour.closeTrigger.label': 'Close tour',\n  'tour.progressText.position': '{current} of {total}',\n  'floatingPanel.stageTrigger.minimize': 'Minimize window',\n  'floatingPanel.stageTrigger.maximize': 'Maximize window',\n  'floatingPanel.stageTrigger.restore': 'Restore window',\n  'snackbar.closeTrigger.label': 'Dismiss',\n  'snackbar.group.label': 'Snackbars',\n  'snackbar.title.success': 'Success',\n  'snackbar.title.error': 'Error',\n  'snackbar.title.warning': 'Warning',\n  'snackbar.title.info': 'Information',\n  'toast.closeTrigger.label': 'Dismiss notification',\n  'toast.group.label': 'Notifications',\n  'toast.title.success': 'Success',\n  'toast.title.error': 'Error',\n  'toast.title.warning': 'Warning',\n  'toast.title.info': 'Information',\n  'cascadeSelect.clearTrigger.label': 'Clear selection',\n  'cascadeSelect.trigger.placeholder': 'Select an option',\n  'dialog.closeTrigger.label': 'Close',\n  'drawer.closeTrigger.label': 'Close',\n  'floatingPanel.closeTrigger.label': 'Close window',\n  'marquee.root.label': 'Scrolling content',\n  'progress.valueText.value': '{percent}% complete',\n  'timer.area.label': 'Timer',\n  'clipboard.trigger.label': 'Copy',\n  'clipboard.trigger.copiedLabel': 'Copied',\n  'progress.root.label': 'Progress',\n\n  'timer.itemLabel.days': 'days',\n  'timer.itemLabel.hours': 'hours',\n  'timer.itemLabel.minutes': 'minutes',\n  'timer.itemLabel.seconds': 'seconds',\n  'timer.itemLabel.milliseconds': 'milliseconds',\n  'timer.actionTrigger.start': 'Start timer',\n  'timer.actionTrigger.pause': 'Pause timer',\n  'timer.actionTrigger.resume': 'Resume timer',\n  'timer.actionTrigger.reset': 'Reset timer',\n  'timer.actionTrigger.restart': 'Restart timer',\n  'qrCode.frame.label': 'QR code',\n  'carousel.root.roleDescription': 'carousel',\n  'carousel.item.roleDescription': 'slide',\n  'marquee.root.roleDescription': 'marquee',\n  'avatar.fallback.label': 'User',\n\n  'ratingGroup.item.roleDescription': 'rating',\n  'progress.valueText.indeterminate': 'Loading',\n  'steps.indicator.completed': 'Completed',\n  'steps.progress.valueText': '{percent}% complete',\n  'splitter.resizeTrigger.label': 'Resize {before} and {after}',\n  'scrollArea.viewport.label': 'Scrollable content',\n  'breadcrumb.root.label': 'Breadcrumb',\n  'spinner.label.text': 'Loading',\n  'field.characterCount.label': 'Characters: {count} of {max}',\n  'field.characterCount.length': 'Characters: {count}',\n  'field.characterCount.remaining': 'Characters left: {count}',\n} satisfies Record<string, string>\n\nexport type TranslationKey = keyof typeof DEFAULT_TRANSLATIONS\n\nexport type SynapseTranslations = Record<TranslationKey, string>\n\nexport type TranslationOverrides = Partial<SynapseTranslations>\n\nexport type TranslationParams = Readonly<Record<string, string | number>>\n\nfunction interpolate(key: TranslationKey, template: string, params?: TranslationParams): string {\n  return template.replaceAll(/\\{(\\w+)\\}/g, (slot, name: string) => {\n    const supplied = params?.[name]\n    devWarn(\n      supplied === undefined,\n      `translation \"${key}\" expects {${name}}, which was not supplied.`,\n    )\n    return supplied === undefined ? slot : String(supplied)\n  })\n}\n\nfunction usable(candidate: string | undefined): candidate is string {\n  return candidate !== undefined && candidate.trim() !== ''\n}\n\nexport function resolveTranslation(\n  key: TranslationKey,\n  layers: readonly (TranslationOverrides | undefined)[],\n  params?: TranslationParams,\n): string {\n  let resolved: string | undefined\n  for (const layer of layers) {\n    const candidate = layer?.[key]\n    if (usable(candidate)) resolved = candidate\n    else if (candidate !== undefined) {\n      devWarn(\n        true,\n        `translation \"${key}\" was overridden with an empty string. Falling back to English — ` +\n          'an empty accessible name is worse than an untranslated one.',\n      )\n    }\n  }\n  return interpolate(key, resolved ?? DEFAULT_TRANSLATIONS[key], params)\n}\n\nexport type Translator = (key: TranslationKey, params?: TranslationParams) => string\n\nexport function createTranslator(\n  ...layers: readonly (TranslationOverrides | undefined)[]\n): Translator {\n  return (key, params) => resolveTranslation(key, layers, params)\n}\n"],"mappings":"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"}