@12-apps/ui 6.19.1 → 6.21.0

package/dist/_internal/platform/aria.js

@@ -5,7 +5,23 @@ function webAria(attrs) {
   const { "aria-atomic": atomic, ...rest } = attrs;
   return atomic === void 0 ? rest : { ...rest, accessibilityAtomic: atomic };
 }
+function webDisabled(disabled) {
+  return disabled ? { disabled: true } : {};
+}
+function webClick(handler) {
+  return handler === void 0 ? {} : { onClick: handler };
+}
+function webRole(role) {
+  return { role };
+}
+function webKeyDown(handler) {
+  return { onKeyDown: handler };
+}
 export {
-  webAria
+  webAria,
+  webClick,
+  webDisabled,
+  webKeyDown,
+  webRole
 };
 //# sourceMappingURL=aria.js.map

package/dist/_internal/platform/aria.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/platform/aria.ts"],"sourcesContent":["/**\n * ARIA ATTRIBUTES REACT NATIVE DOES NOT DECLARE.\n *\n * React Native's `ViewProps` (0.83) type a dozen `aria-*` props and stop:\n * `aria-level`, `aria-atomic` and `aria-describedby` are not among them.\n * react-native-web forwards all three to the DOM — and `aria-level` also\n * picks the heading tag, so a `role=\"heading\"` at level 3 renders an `<h3>`\n * exactly as the MUI half's `component=\"h3\"` does — while a device ignores\n * them. A native component spreads them through here rather than widening\n * the element's props type or casting at every call site.\n */\nexport interface WebAria {\n  'aria-level'?: 1 | 2 | 3 | 4 | 5 | 6;\n  'aria-atomic'?: 'true' | 'false';\n  'aria-describedby'?: string;\n}\n\n/**\n * `attrs` as something JSX can spread onto a react-native element without\n * that element's props type having to know them.\n *\n * `aria-atomic` travels under react-native-web's own older name. Its\n * `createDOMProps` (0.20.0) reads `aria-activedescendant` where it means\n * `aria-atomic` — `_ariaAtomic = ariaAtomic != null ? ariaActiveDescendant :\n * accessibilityAtomic` — so the modern spelling never reaches the DOM and\n * the legacy one, still accepted and still emitted as `aria-atomic`, does.\n * Neither name exists on a device, so nothing is lost there.\n */\nexport function webAria(attrs: WebAria): object {\n  const { 'aria-atomic': atomic, ...rest } = attrs;\n  return atomic === undefined ? rest : { ...rest, accessibilityAtomic: atomic };\n}\n"],"mappings":";;;AA4BO,SAAS,QAAQ,OAAwB;AAC9C,QAAM,EAAE,eAAe,QAAQ,GAAG,KAAK,IAAI;AAC3C,SAAO,WAAW,SAAY,OAAO,EAAE,GAAG,MAAM,qBAAqB,OAAO;AAC9E;","names":[]}
+{"version":3,"sources":["../../../src/platform/aria.ts"],"sourcesContent":["/**\n * WEB ATTRIBUTES REACT NATIVE DOES NOT DECLARE.\n *\n * React Native's `ViewProps` (0.83) type a dozen `aria-*` props and stop:\n * `aria-level`, `aria-atomic` and `aria-describedby` are not among them.\n * react-native-web forwards all three to the DOM — and `aria-level` also\n * picks the heading tag, so a `role=\"heading\"` at level 3 renders an `<h3>`\n * exactly as the MUI half's `component=\"h3\"` does — while a device ignores\n * them. A native component spreads them through here rather than widening\n * the element's props type or casting at every call site.\n */\nexport interface WebAria {\n  'aria-level'?: 1 | 2 | 3 | 4 | 5 | 6;\n  'aria-atomic'?: 'true' | 'false';\n  'aria-describedby'?: string;\n  /**\n   * A field's validity and whether it must be filled. React Native's\n   * `accessibilityState` has neither — its five flags are disabled, selected,\n   * checked, busy and expanded — so these are web-only, and a device reads the\n   * error text instead. react-native-web forwards both.\n   */\n  'aria-invalid'?: boolean;\n  'aria-required'?: boolean;\n  /**\n   * What a control pops open. React Native has `aria-expanded` and no\n   * `aria-haspopup`, so a `combobox` needs this one from here to say the thing\n   * it expands is a listbox — which is what the web's own trigger carries.\n   */\n  'aria-haspopup'?: 'listbox' | 'menu' | 'dialog' | 'true';\n}\n\n/**\n * `attrs` as something JSX can spread onto a react-native element without\n * that element's props type having to know them.\n *\n * `aria-atomic` travels under react-native-web's own older name. Its\n * `createDOMProps` (0.20.0) reads `aria-activedescendant` where it means\n * `aria-atomic` — `_ariaAtomic = ariaAtomic != null ? ariaActiveDescendant :\n * accessibilityAtomic` — so the modern spelling never reaches the DOM and\n * the legacy one, still accepted and still emitted as `aria-atomic`, does.\n * Neither name exists on a device, so nothing is lost there.\n */\nexport function webAria(attrs: WebAria): object {\n  const { 'aria-atomic': atomic, ...rest } = attrs;\n  return atomic === undefined ? rest : { ...rest, accessibilityAtomic: atomic };\n}\n\n/**\n * `disabled` for a react-native-web form control.\n *\n * React Native's `TextInput` has `editable` and no `disabled`, because a\n * device has no disabled state to speak of — an uneditable field simply does\n * not take the keyboard. The DOM does: only a real `disabled` attribute takes\n * an `<input>` out of the tab order, and it is what `toBeDisabled()` reads. So\n * a native field spreads this ALONGSIDE `editable={false}` and\n * `aria-disabled`: react-native-web puts the attribute on the input, and a\n * device ignores a prop it does not know.\n */\nexport function webDisabled(disabled: boolean): object {\n  return disabled ? { disabled: true } : {};\n}\n\n/**\n * `onClick` for a react-native-web element whose React Native twin has no\n * click of its own.\n *\n * react-native-web's `TextInput` forwards `onClick` to the DOM input and drops\n * `onPressIn`; a device does the opposite. A field that must answer a press on\n * both renderers spreads this ALONGSIDE `onPressIn`, and exactly one of the two\n * fires on each side — never both.\n */\nexport function webClick<E>(handler: ((event: E) => void) | undefined): object {\n  return handler === undefined ? {} : { onClick: handler };\n}\n\n/**\n * A `role` React Native's own union does not carry.\n *\n * `Role` (0.83) stops at `list` and `menu`: `listbox`, the role a dropdown's\n * option list owes a screen reader, is not in it. react-native-web forwards\n * whatever string it is given, and a device ignores a role it does not know —\n * the same trade `webAria` makes for the attributes below it.\n */\nexport function webRole(role: string): object {\n  return { role };\n}\n\n/** The half of a DOM keyboard event a component needs, without the DOM lib. */\nexport interface WebKeyEvent {\n  key: string;\n}\n\n/**\n * `onKeyDown` for a react-native-web element.\n *\n * React Native has no key events on a `View` — a phone has no keyboard to\n * press Escape on — so nothing here is typed by react-native and nothing here\n * fires on a device. react-native-web forwards it to the DOM, which is what\n * lets a native dropdown still answer Escape and the arrow keys in a browser.\n */\nexport function webKeyDown(handler: (event: WebKeyEvent) => void): object {\n  return { onKeyDown: handler };\n}\n"],"mappings":";;;AA0CO,SAAS,QAAQ,OAAwB;AAC9C,QAAM,EAAE,eAAe,QAAQ,GAAG,KAAK,IAAI;AAC3C,SAAO,WAAW,SAAY,OAAO,EAAE,GAAG,MAAM,qBAAqB,OAAO;AAC9E;AAaO,SAAS,YAAY,UAA2B;AACrD,SAAO,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC;AAC1C;AAWO,SAAS,SAAY,SAAmD;AAC7E,SAAO,YAAY,SAAY,CAAC,IAAI,EAAE,SAAS,QAAQ;AACzD;AAUO,SAAS,QAAQ,MAAsB;AAC5C,SAAO,EAAE,KAAK;AAChB;AAeO,SAAS,WAAW,SAA+C;AACxE,SAAO,EAAE,WAAW,QAAQ;AAC9B;","names":[]}

package/dist/_internal/platform/test-id.js

@@ -1,12 +1,14 @@
 import {
   childTestId,
   resolveTestId,
+  splitTestId,
   withoutTestIdProps
-} from "../../chunk-QLWBQQW7.js";
+} from "../../chunk-6F5IKY32.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   childTestId,
   resolveTestId,
+  splitTestId,
   withoutTestIdProps
 };
 //# sourceMappingURL=test-id.js.map

package/dist/_internal/platform/web-keys.js

@@ -0,0 +1,10 @@
+import "../../chunk-PZ5AY32C.js";
+
+// src/platform/web-keys.ts
+function webKeyDown(handler) {
+  return handler === void 0 ? {} : { onKeyDown: handler };
+}
+export {
+  webKeyDown
+};
+//# sourceMappingURL=web-keys.js.map

package/dist/_internal/platform/web-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/platform/web-keys.ts"],"sourcesContent":["/**\n * KEY EVENTS REACT NATIVE DOES NOT DECLARE.\n *\n * There is no `onKeyDown` on React Native's `ViewProps` or `PressableProps`,\n * because there is no keyboard behind a `View` on a device. react-native-web\n * DOES forward one to the DOM, and a component that stands in for a native\n * control — a chip that removes on Delete, a listbox option that activates on\n * Space — carries those conventions as part of its contract on the web.\n *\n * `webKeyDown` spreads the handler onto a react-native element without that\n * element's props type having to know it, the way `./aria.ts` does for the\n * `aria-*` attributes React Native leaves out. On a device it is simply never\n * called, which is the honest outcome: the gesture is the input there.\n *\n * The event is typed structurally rather than as a DOM `KeyboardEvent`, because\n * the native type program is checked WITHOUT the DOM lib.\n */\nexport interface WebKeyEvent {\n  key: string;\n  preventDefault: () => void;\n}\n\nexport type WebKeyHandler = (event: WebKeyEvent) => void;\n\n/** `{ onKeyDown }` as something JSX can spread onto a react-native element. */\nexport function webKeyDown(handler: WebKeyHandler | undefined): object {\n  return handler === undefined ? {} : { onKeyDown: handler };\n}\n"],"mappings":";;;AAyBO,SAAS,WAAW,SAA4C;AACrE,SAAO,YAAY,SAAY,CAAC,IAAI,EAAE,WAAW,QAAQ;AAC3D;","names":[]}

package/dist/_internal/social-login-button/social-login-button.js

@@ -5,10 +5,10 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "../../chunk-KKYW3LU7.js";
+} from "../../chunk-BDVNAU2C.js";
 import "../../chunk-INGPH3YQ.js";
 import "../../chunk-6GP2DOOO.js";
-import "../../chunk-Z7JNCB5Q.js";
+import "../../chunk-426FTCMF.js";
 import "../../chunk-PWR7K5OP.js";
 import "../../chunk-3N6EK6K5.js";
 import "../../chunk-CMMPGAMJ.js";
@@ -20,13 +20,13 @@ import "../../chunk-D2IASECY.js";
 import "../../chunk-VMF3UXM4.js";
 import "../../chunk-RI5JZLZL.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-SL4NFGOL.js";
+import "../../chunk-BNNSO4MC.js";
 import "../../chunk-TAMIZE4Q.js";
 import "../../chunk-JT6TERQL.js";
 import "../../chunk-ITGG5OKP.js";
-import "../../chunk-2PCOC3PT.js";
+import "../../chunk-26Z7QWID.js";
 import "../../chunk-V3PLFYKO.js";
-import "../../chunk-QLWBQQW7.js";
+import "../../chunk-6F5IKY32.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-NQN5Z36J.js";
 import "../../chunk-AG66JBNH.js";

package/dist/_internal/tokens/field-edge.core.js

@@ -0,0 +1,11 @@
+import {
+  MIN_UI_CONTRAST,
+  resolveFieldEdge
+} from "../../chunk-EPEJMTCQ.js";
+import "../../chunk-6JAIFIPW.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  MIN_UI_CONTRAST,
+  resolveFieldEdge
+};
+//# sourceMappingURL=field-edge.core.js.map

package/dist/_internal/tokens/field-edge.core.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/field-edge.js

@@ -1,7 +1,10 @@
 import {
-  MIN_UI_CONTRAST,
   fieldEdge
-} from "../../chunk-MLOWPVVW.js";
+} from "../../chunk-7FDU3FIN.js";
+import {
+  MIN_UI_CONTRAST
+} from "../../chunk-EPEJMTCQ.js";
+import "../../chunk-6JAIFIPW.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   MIN_UI_CONTRAST,

package/dist/_internal/tokens/mui-type.js

@@ -4,7 +4,8 @@ import "../../chunk-PZ5AY32C.js";
 var MUI_TYPE = {
   h6: { fontSize: 20, lineHeight: 1.6, fontWeight: 500, letterSpacingEm: 75e-4 },
   body1: { fontSize: 16, lineHeight: 1.5, fontWeight: 400, letterSpacingEm: 938e-5 },
-  body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 }
+  body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 },
+  caption: { fontSize: 12, lineHeight: 1.66, fontWeight: 400, letterSpacingEm: 0.03333 }
 };
 var MUI_FONT_WEIGHT_MEDIUM = 500;
 function muiTypeStyle(theme, variant, fontSize = MUI_TYPE[variant].fontSize) {

package/dist/_internal/tokens/mui-type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/tokens/mui-type.ts"],"sourcesContent":["import type { UiTheme } from './theme';\n\n/**\n * MUI'S DEFAULT `Typography` VARIANTS, AS NUMBERS.\n *\n * Several web components render a title or a message BY NAME —\n * `<Typography variant=\"h6\">` — and let MUI's theme turn the name into a\n * size. The native halves have no MUI theme, so they need the numbers MUI's\n * `createTypography` produces for those names. These are those numbers, for\n * the variants the ported components use: `fontSize` in px, `lineHeight` as\n * a ratio, `letterSpacing` in em exactly as MUI rounds it\n * (`round(letterSpacing / size)`, five decimals).\n *\n * Only the DEFAULTS. A host that re-themes `typography.h6` moves the web\n * halves and not these; each component that reads this records that as a\n * known gap in its `NATIVE-NOTES.md`.\n */\nexport type MuiTypeVariantName = 'h6' | 'body1' | 'body2';\n\nexport interface MuiTypeVariant {\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: 400 | 500;\n  letterSpacingEm: number;\n}\n\nexport const MUI_TYPE: Record<MuiTypeVariantName, MuiTypeVariant> = {\n  h6: { fontSize: 20, lineHeight: 1.6, fontWeight: 500, letterSpacingEm: 0.0075 },\n  body1: { fontSize: 16, lineHeight: 1.5, fontWeight: 400, letterSpacingEm: 0.00938 },\n  body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 },\n};\n\n/** MUI's `theme.typography.fontWeightMedium`, which several web styles name outright. */\nexport const MUI_FONT_WEIGHT_MEDIUM = 500;\n\n/** A variant multiplied out for a renderer whose `lineHeight` and `letterSpacing` are absolute. */\nexport interface MuiTypeStyle {\n  fontFamily: string | undefined;\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: `${MuiTypeVariant['fontWeight']}`;\n  letterSpacing: number;\n}\n\n/**\n * The variant as absolute numbers, in the theme's font. `fontSize` may be\n * overridden — the Alert's title is `body1` at 1.05rem — and the ratios\n * follow it, which is what the browser does with `em` and a unitless\n * line-height.\n */\nexport function muiTypeStyle(\n  theme: Pick<UiTheme, 'typography'>,\n  variant: MuiTypeVariantName,\n  fontSize: number = MUI_TYPE[variant].fontSize,\n): MuiTypeStyle {\n  const step = MUI_TYPE[variant];\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize,\n    lineHeight: fontSize * step.lineHeight,\n    fontWeight: `${step.fontWeight}`,\n    letterSpacing: fontSize * step.letterSpacingEm,\n  };\n}\n"],"mappings":";;;AA0BO,IAAM,WAAuD;AAAA,EAClE,IAAI,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,MAAO;AAAA,EAC9E,OAAO,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,OAAQ;AAAA,EAClF,OAAO,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,KAAK,iBAAiB,QAAQ;AACrF;AAGO,IAAM,yBAAyB;AAiB/B,SAAS,aACd,OACA,SACA,WAAmB,SAAS,OAAO,EAAE,UACvB;AACd,QAAM,OAAO,SAAS,OAAO;AAC7B,SAAO;AAAA,IACL,YAAY,MAAM,WAAW;AAAA,IAC7B;AAAA,IACA,YAAY,WAAW,KAAK;AAAA,IAC5B,YAAY,GAAG,KAAK,UAAU;AAAA,IAC9B,eAAe,WAAW,KAAK;AAAA,EACjC;AACF;","names":[]}
+{"version":3,"sources":["../../../src/tokens/mui-type.ts"],"sourcesContent":["import type { UiTheme } from './theme';\n\n/**\n * MUI'S DEFAULT `Typography` VARIANTS, AS NUMBERS.\n *\n * Several web components render a title or a message BY NAME —\n * `<Typography variant=\"h6\">` — and let MUI's theme turn the name into a\n * size. The native halves have no MUI theme, so they need the numbers MUI's\n * `createTypography` produces for those names. These are those numbers, for\n * the variants the ported components use: `fontSize` in px, `lineHeight` as\n * a ratio, `letterSpacing` in em exactly as MUI rounds it\n * (`round(letterSpacing / size)`, five decimals).\n *\n * Only the DEFAULTS. A host that re-themes `typography.h6` moves the web\n * halves and not these; each component that reads this records that as a\n * known gap in its `NATIVE-NOTES.md`.\n */\nexport type MuiTypeVariantName = 'h6' | 'body1' | 'body2' | 'caption';\n\nexport interface MuiTypeVariant {\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: 400 | 500;\n  letterSpacingEm: number;\n}\n\nexport const MUI_TYPE: Record<MuiTypeVariantName, MuiTypeVariant> = {\n  h6: { fontSize: 20, lineHeight: 1.6, fontWeight: 500, letterSpacingEm: 0.0075 },\n  body1: { fontSize: 16, lineHeight: 1.5, fontWeight: 400, letterSpacingEm: 0.00938 },\n  body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 },\n  caption: { fontSize: 12, lineHeight: 1.66, fontWeight: 400, letterSpacingEm: 0.03333 },\n};\n\n/** MUI's `theme.typography.fontWeightMedium`, which several web styles name outright. */\nexport const MUI_FONT_WEIGHT_MEDIUM = 500;\n\n/** A variant multiplied out for a renderer whose `lineHeight` and `letterSpacing` are absolute. */\nexport interface MuiTypeStyle {\n  fontFamily: string | undefined;\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: `${MuiTypeVariant['fontWeight']}`;\n  letterSpacing: number;\n}\n\n/**\n * The variant as absolute numbers, in the theme's font. `fontSize` may be\n * overridden — the Alert's title is `body1` at 1.05rem — and the ratios\n * follow it, which is what the browser does with `em` and a unitless\n * line-height.\n */\nexport function muiTypeStyle(\n  theme: Pick<UiTheme, 'typography'>,\n  variant: MuiTypeVariantName,\n  fontSize: number = MUI_TYPE[variant].fontSize,\n): MuiTypeStyle {\n  const step = MUI_TYPE[variant];\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize,\n    lineHeight: fontSize * step.lineHeight,\n    fontWeight: `${step.fontWeight}`,\n    letterSpacing: fontSize * step.letterSpacingEm,\n  };\n}\n"],"mappings":";;;AA0BO,IAAM,WAAuD;AAAA,EAClE,IAAI,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,MAAO;AAAA,EAC9E,OAAO,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,OAAQ;AAAA,EAClF,OAAO,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,KAAK,iBAAiB,QAAQ;AAAA,EACnF,SAAS,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,KAAK,iBAAiB,QAAQ;AACvF;AAGO,IAAM,yBAAyB;AAiB/B,SAAS,aACd,OACA,SACA,WAAmB,SAAS,OAAO,EAAE,UACvB;AACd,QAAM,OAAO,SAAS,OAAO;AAC7B,SAAO;AAAA,IACL,YAAY,MAAM,WAAW;AAAA,IAC7B;AAAA,IACA,YAAY,WAAW,KAAK;AAAA,IAC5B,YAAY,GAAG,KAAK,UAAU;AAAA,IAC9B,eAAe,WAAW,KAAK;AAAA,EACjC;AACF;","names":[]}

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,10 +2,12 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-HKZHEK3Z.js";
+} from "../../chunk-SAHQLXNN.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-QIV73V2X.js";
-import "../../chunk-LYNJJV2X.js";
+import "../../chunk-I7HYGIEJ.js";
+import "../../chunk-4SQFO4GW.js";
+import "../../chunk-FAITHWIO.js";
+import "../../chunk-3ZVUNSFF.js";
 import "../../chunk-XRMZMBE3.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
@@ -13,13 +15,13 @@ import "../../chunk-D2IASECY.js";
 import "../../chunk-VMF3UXM4.js";
 import "../../chunk-RI5JZLZL.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-SL4NFGOL.js";
+import "../../chunk-BNNSO4MC.js";
 import "../../chunk-TAMIZE4Q.js";
 import "../../chunk-JT6TERQL.js";
 import "../../chunk-ITGG5OKP.js";
-import "../../chunk-2PCOC3PT.js";
+import "../../chunk-26Z7QWID.js";
 import "../../chunk-V3PLFYKO.js";
-import "../../chunk-QLWBQQW7.js";
+import "../../chunk-6F5IKY32.js";
 import "../../chunk-NQN5Z36J.js";
 import "../../chunk-AG66JBNH.js";
 import "../../chunk-6JAIFIPW.js";

package/dist/charts.js

@@ -1,13 +1,23 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-S7HRED4D.js";
+} from "./chunk-GCXYCDOA.js";
 import {
   Chart
-} from "./chunk-EMNGIYH6.js";
-import "./chunk-WZUNBSS7.js";
-import "./chunk-HKV4MQ2W.js";
-import "./chunk-XXDXW6TX.js";
+} from "./chunk-OH3YGJT5.js";
+import {
+  CHART_SEMANTIC_COLORS,
+  ChartSpecError,
+  parseChartSpec,
+  specToChartProps
+} from "./chunk-R6SBP5M5.js";
+import {
+  getChartSpecRenderer,
+  getRegisteredChartSpecTypes,
+  registerChartSpecRenderer
+} from "./chunk-WKUA6P3W.js";
+import "./chunk-KT6HWAEN.js";
+import "./chunk-BLBOYCOV.js";
 import "./chunk-4V532JF6.js";
 import {
   ChartContainer,
@@ -16,21 +26,11 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-M5T3COS2.js";
-import {
-  CHART_SEMANTIC_COLORS,
-  ChartSpecError,
-  parseChartSpec,
-  specToChartProps
-} from "./chunk-GOWBYHYW.js";
+import "./chunk-XXDXW6TX.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-QVWNK4JO.js";
-import {
-  getChartSpecRenderer,
-  getRegisteredChartSpecTypes,
-  registerChartSpecRenderer
-} from "./chunk-WKUA6P3W.js";
 import "./chunk-V5IOLAIS.js";
 import "./chunk-7ZPUN7TV.js";
 import "./chunk-PT6TCWIW.js";

package/dist/chunk-26Z7QWID.js

@@ -0,0 +1,146 @@
+import {
+  CAPTION_FONT_SIZE,
+  CAPTION_LETTER_SPACING_EM,
+  CAPTION_OPACITY,
+  CODE_BACKGROUND_ALPHA,
+  CODE_BORDER_ALPHA,
+  CODE_FONT_SIZE,
+  CODE_PADDING,
+  CODE_RADIUS_FACTOR,
+  HEADING_DEFAULT_WEIGHT,
+  HEADING_LETTER_SPACING_EM,
+  TEXT_SIZES,
+  TEXT_WEIGHTS
+} from "./chunk-V3PLFYKO.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-6F5IKY32.js";
+import {
+  px
+} from "./chunk-NQN5Z36J.js";
+
+// src/components/typography/Text/Text.tsx
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return theme.palette.text.primary;
+  }
+  if (color === "secondary") {
+    return theme.palette.text.secondary;
+  }
+  const colorMap = {
+    primary: theme.palette.primary.main,
+    success: theme.palette.success.main,
+    warning: theme.palette.warning.main,
+    info: theme.palette.info.main,
+    danger: theme.palette.error.main
+  };
+  return colorMap[color];
+};
+var SIZE_MAP = Object.fromEntries(
+  Object.entries(TEXT_SIZES).map(([size, step]) => [
+    size,
+    { fontSize: px(step.fontSize), lineHeight: step.lineHeight }
+  ])
+);
+var WEIGHT_MAP = TEXT_WEIGHTS;
+var decorationFor = (underline, strikethrough) => [underline && "underline", strikethrough && "line-through"].filter(Boolean).join(" ") || "none";
+var baseTextStyles = (theme, a) => ({
+  color: getColorFromTheme(theme, a.customColor ?? "neutral"),
+  fontSize: SIZE_MAP[a.customSize ?? "md"]?.fontSize,
+  lineHeight: SIZE_MAP[a.customSize ?? "md"]?.lineHeight,
+  fontWeight: WEIGHT_MAP[a.customWeight ?? "normal"],
+  fontStyle: a.italic ? "italic" : "normal",
+  textDecoration: decorationFor(a.underline, a.strikethrough),
+  transition: "all 0.2s ease"
+});
+var sizeOverride = (customSize, atDefault) => (customSize ?? "md") === "md" ? atDefault : SIZE_MAP[customSize ?? "md"]?.fontSize;
+var textVariantStyles = (theme, a, base) => {
+  const weight = a.customWeight ?? "normal";
+  switch (a.customVariant) {
+    case "heading":
+      return {
+        ...base,
+        fontFamily: theme.typography.h4.fontFamily,
+        fontWeight: weight === "normal" ? HEADING_DEFAULT_WEIGHT : WEIGHT_MAP[weight],
+        letterSpacing: `${HEADING_LETTER_SPACING_EM}em`
+      };
+    case "caption":
+      return {
+        ...base,
+        fontSize: sizeOverride(a.customSize, px(CAPTION_FONT_SIZE)),
+        opacity: CAPTION_OPACITY,
+        letterSpacing: `${CAPTION_LETTER_SPACING_EM}em`
+      };
+    case "code":
+      return {
+        ...base,
+        fontFamily: 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace',
+        fontSize: sizeOverride(a.customSize, px(CODE_FONT_SIZE)),
+        backgroundColor: alpha(theme.palette.primary.main, CODE_BACKGROUND_ALPHA),
+        padding: `${CODE_PADDING.vertical}px ${CODE_PADDING.horizontal}px`,
+        borderRadius: theme.shape.borderRadius * CODE_RADIUS_FACTOR,
+        border: `1px solid ${alpha(theme.palette.primary.main, CODE_BORDER_ALPHA)}`
+      };
+    default:
+      return { ...base, fontFamily: theme.typography.body1.fontFamily };
+  }
+};
+var StyledText = styled(Typography, {
+  shouldForwardProp: (prop) => ![
+    "customVariant",
+    "customColor",
+    "customSize",
+    "customWeight",
+    "italic",
+    "underline",
+    "strikethrough"
+  ].includes(prop)
+})((args) => {
+  const { theme } = args;
+  return textVariantStyles(theme, args, baseTextStyles(theme, args));
+});
+var Text = React.forwardRef(
+  ({
+    variant = "body",
+    color = "neutral",
+    size = "md",
+    weight = "normal",
+    as = "span",
+    italic = false,
+    underline = false,
+    strikethrough = false,
+    children,
+    ...others
+  }, ref) => {
+    const testId = resolveTestId(others);
+    const props = withoutTestIdProps(others);
+    return /* @__PURE__ */ jsx(
+      StyledText,
+      {
+        ref,
+        "data-testid": testId,
+        customVariant: variant,
+        customColor: color,
+        customSize: size,
+        customWeight: weight,
+        italic,
+        underline,
+        strikethrough,
+        ...as && { as },
+        ...props,
+        children
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+export {
+  Text
+};
+//# sourceMappingURL=chunk-26Z7QWID.js.map

package/dist/chunk-2ECT4IY2.js

@@ -0,0 +1,250 @@
+import {
+  DISABLED,
+  IOS_BASE_OFFSET,
+  IOS_THUMB_SHADOW,
+  IOS_TRAVEL_INSET,
+  NEUTRAL_CONTRAST,
+  NEUTRAL_FALLBACK,
+  NEUTRAL_GREY,
+  SWITCH_FOCUS_RING,
+  SWITCH_GLASS,
+  SWITCH_GLOW,
+  SWITCH_GRADIENT,
+  SWITCH_HOVER,
+  SWITCH_PULSE,
+  SWITCH_RIPPLE,
+  SWITCH_SPINNER,
+  SWITCH_TRANSITION,
+  THUMB_ELEVATION,
+  THUMB_RADIUS,
+  TRACK_LABEL,
+  TRACK_RADIUS,
+  geometryOf,
+  iosTrackShadow,
+  lookOf,
+  seconds,
+  showsTrackLabels,
+  trackColor
+} from "./chunk-MLCFODJO.js";
+import {
+  bounceAnimation,
+  glowAnimation,
+  pulseAnimation,
+  rippleAnimation,
+  shimmerAnimation,
+  spinAnimation
+} from "./chunk-35ETD7ML.js";
+import {
+  px
+} from "./chunk-NQN5Z36J.js";
+
+// src/components/form/Switch/Switch.styles.ts
+import { alpha } from "@mui/material/styles/index.js";
+var neutralPalette = (theme) => ({
+  main: theme.palette.grey?.[NEUTRAL_GREY.main] || NEUTRAL_FALLBACK.main,
+  dark: theme.palette.grey?.[NEUTRAL_GREY.dark] || NEUTRAL_FALLBACK.dark,
+  light: theme.palette.grey?.[NEUTRAL_GREY.light] || NEUTRAL_FALLBACK.light,
+  contrastText: NEUTRAL_CONTRAST
+});
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return neutralPalette(theme);
+  }
+  const colorMap = {
+    primary: theme.palette.primary,
+    secondary: theme.palette.secondary,
+    success: theme.palette.success,
+    warning: theme.palette.warning,
+    info: theme.palette.info,
+    danger: theme.palette.error
+  };
+  const palette = colorMap[color] ?? theme.palette.primary;
+  const { primary } = theme.palette;
+  return {
+    main: palette.main || primary.main,
+    dark: palette.dark || palette.main || primary.dark,
+    light: palette.light || palette.main || primary.light,
+    contrastText: palette.contrastText || NEUTRAL_CONTRAST
+  };
+};
+var thumbShadow = (theme, look) => look === "ios" ? IOS_THUMB_SHADOW : theme.shadows[THUMB_ELEVATION[look]] ?? "none";
+var rippleOverlay = (palette) => ({
+  content: '""',
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  width: "100%",
+  height: "100%",
+  borderRadius: "50%",
+  background: alpha(palette.main, SWITCH_RIPPLE.alpha),
+  animation: `${rippleAnimation} ${seconds(SWITCH_RIPPLE.ms)} ease-out`,
+  transform: "translate(-50%, -50%)",
+  pointerEvents: "none"
+});
+var checkedTrack = (flags, palette) => ({
+  backgroundColor: palette.main,
+  opacity: 1,
+  border: 0,
+  position: "relative",
+  overflow: "hidden",
+  ...flags.glow && {
+    animation: `${glowAnimation} ${seconds(SWITCH_GLOW.ms)} ease-in-out infinite`,
+    boxShadow: `0 0 ${SWITCH_GLOW.blur}px ${alpha(palette.main, SWITCH_GLOW.alpha)}, inset 0 0 ${SWITCH_GLOW.insetBlur}px ${alpha(palette.main, SWITCH_GLOW.insetAlpha)}`
+  },
+  ...flags.gradient && {
+    background: `linear-gradient(${SWITCH_GRADIENT.checked.angleDeg}deg, ${palette.light || palette.main} ${SWITCH_GRADIENT.checked.stops[0]}%, ${palette.main} ${SWITCH_GRADIENT.checked.stops[1]}%, ${palette.dark || palette.main} ${SWITCH_GRADIENT.checked.stops[2]}%)`,
+    backgroundSize: "200% 100%",
+    animation: `${shimmerAnimation} ${seconds(SWITCH_GRADIENT.shimmerMs)} ease infinite`
+  }
+});
+var switchBaseSx = (theme, flags, palette, geometry, look) => {
+  const { width, thumbSize, padding } = geometry;
+  const isIos = look === "ios";
+  return {
+    padding,
+    margin: 0,
+    transitionDuration: `${SWITCH_TRANSITION.ms}ms`,
+    transitionTimingFunction: SWITCH_TRANSITION.easing,
+    ...isIos && { transform: `translateX(${IOS_BASE_OFFSET}px)` },
+    "&:hover": {
+      "& .MuiSwitch-thumb": {
+        transform: flags.loading ? "none" : `scale(${SWITCH_HOVER.thumbScale})`,
+        boxShadow: `${theme.shadows[SWITCH_HOVER.elevation]}, 0 0 ${SWITCH_HOVER.blur}px ${alpha(palette.main, SWITCH_HOVER.alpha)}`
+      },
+      ...flags.ripple && { "&::after": rippleOverlay(palette) }
+    },
+    "&.Mui-checked": {
+      // The thumb travels the track minus its own width and both paddings; the
+      // iOS look insets differently, so it gets its own distance.
+      transform: `translateX(${width - thumbSize - padding * 2}px)`,
+      color: "#fff",
+      "& .MuiSwitch-thumb": {
+        animation: flags.loading ? "none" : `${bounceAnimation} ${seconds(SWITCH_TRANSITION.ms)} ease-out`
+      },
+      "& + .MuiSwitch-track": checkedTrack(flags, palette),
+      "&.Mui-disabled + .MuiSwitch-track": { opacity: DISABLED.checkedTrackOpacity },
+      ...isIos && { transform: `translateX(${width - thumbSize - IOS_TRAVEL_INSET}px)` }
+    },
+    "&.Mui-focusVisible .MuiSwitch-thumb": {
+      color: palette.main,
+      border: `${SWITCH_FOCUS_RING.width}px solid ${alpha(palette.main, SWITCH_FOCUS_RING.alpha)}`
+    },
+    "&.Mui-disabled .MuiSwitch-thumb": { color: theme.palette.grey[DISABLED.thumbGrey] },
+    "&.Mui-disabled + .MuiSwitch-track": { opacity: DISABLED.trackOpacity }
+  };
+};
+var thumbSx = (theme, flags, palette, thumbSize, look) => ({
+  width: thumbSize,
+  height: thumbSize,
+  borderRadius: THUMB_RADIUS[look](thumbSize),
+  backgroundColor: "#fff",
+  boxShadow: thumbShadow(theme, look),
+  transition: `all ${seconds(SWITCH_TRANSITION.ms)} ${SWITCH_TRANSITION.easing}`,
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  ...flags.glass && {
+    backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.thumbAlpha),
+    backdropFilter: `blur(${SWITCH_GLASS.thumbBlur}px)`,
+    border: `1px solid ${alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha)}`
+  },
+  ...flags.pulse && { animation: `${pulseAnimation} ${seconds(SWITCH_PULSE.ms)} ease-in-out infinite` },
+  ...flags.loading && {
+    // A spinner drawn inside the thumb rather than over the whole control.
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      width: thumbSize * SWITCH_SPINNER.sizeRatio,
+      height: thumbSize * SWITCH_SPINNER.sizeRatio,
+      border: `${SWITCH_SPINNER.borderWidth}px solid ${palette.main}`,
+      borderTop: `${SWITCH_SPINNER.borderWidth}px solid transparent`,
+      borderRadius: "50%",
+      animation: `${spinAnimation} ${seconds(SWITCH_SPINNER.ms)} linear infinite`
+    }
+  },
+  ...look === "material" && {
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      width: "100%",
+      height: "100%",
+      borderRadius: "inherit",
+      backgroundColor: palette.main,
+      opacity: 0,
+      transform: "scale(0)",
+      transition: "all 0.3s ease"
+    }
+  }
+});
+var trackLabels = (theme, onText, offText) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  paddingLeft: theme.spacing(TRACK_LABEL.insetUnits),
+  paddingRight: theme.spacing(TRACK_LABEL.insetUnits),
+  fontSize: px(TRACK_LABEL.fontSize),
+  fontWeight: TRACK_LABEL.fontWeight,
+  color: theme.palette.text.secondary,
+  "&::before, &::after": {
+    content: '""',
+    position: "absolute",
+    fontSize: px(TRACK_LABEL.fontSize),
+    fontWeight: TRACK_LABEL.fontWeight,
+    top: "50%",
+    transform: "translateY(-50%)",
+    zIndex: 1
+  },
+  ...onText && {
+    "&::before": { content: `"${onText}"`, left: theme.spacing(TRACK_LABEL.insetUnits), color: "#fff" }
+  },
+  ...offText && {
+    "&::after": {
+      content: `"${offText}"`,
+      right: theme.spacing(TRACK_LABEL.insetUnits),
+      color: theme.palette.text.secondary
+    }
+  }
+});
+var trackSx = (theme, flags, palette, height, look) => {
+  const { glass, gradient, onText, offText, customVariant } = flags;
+  return {
+    borderRadius: TRACK_RADIUS[look](height),
+    backgroundColor: trackColor(
+      { black: theme.palette.common.black, disabled: theme.palette.action.disabled },
+      look
+    ),
+    opacity: 1,
+    transition: `all ${seconds(SWITCH_TRANSITION.ms)} ${SWITCH_TRANSITION.easing}`,
+    position: "relative",
+    boxShadow: look === "ios" ? iosTrackShadow() : "none",
+    ...glass && {
+      backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.trackAlpha),
+      backdropFilter: `blur(${SWITCH_GLASS.trackBlur}px)`,
+      border: `1px solid ${alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha)}`
+    },
+    ...gradient && !glass && {
+      background: `linear-gradient(${SWITCH_GRADIENT.resting.angleDeg}deg, ${alpha(palette.light || palette.main, SWITCH_GRADIENT.resting.lightAlpha)}, ${alpha(palette.main, SWITCH_GRADIENT.resting.mainAlpha)})`
+    },
+    ...showsTrackLabels(customVariant, onText, offText) && trackLabels(theme, onText, offText)
+  };
+};
+var switchSx = (theme, flags) => {
+  const palette = getColorFromTheme(theme, flags.customColor ?? "primary");
+  const geometry = geometryOf(flags.customSize, flags.trackWidth, flags.trackHeight);
+  const look = lookOf(flags.customVariant);
+  return {
+    width: geometry.width,
+    height: geometry.height,
+    padding: 0,
+    overflow: "visible",
+    "& .MuiSwitch-switchBase": switchBaseSx(theme, flags, palette, geometry, look),
+    "& .MuiSwitch-thumb": thumbSx(theme, flags, palette, geometry.thumbSize, look),
+    "& .MuiSwitch-track": trackSx(theme, flags, palette, geometry.height, look)
+  };
+};
+
+export {
+  switchSx
+};
+//# sourceMappingURL=chunk-2ECT4IY2.js.map