@duro-app/ui 5.11.0 → 5.12.0

package/dist/components/Icon/Icon.d.ts

@@ -1,10 +1,4 @@
-import { IconSize } from '@duro-app/tokens/keys';
-export type { IconSize };
-export type IconName = 'x-circle' | 'check-circle' | 'check-done' | 'clock' | 'forbidden' | 'info-circle' | 'alert-triangle' | 'shield' | 'lock' | 'key' | 'map' | 'layers' | 'repeat' | 'database' | 'shield-check' | 'route' | 'git-branch' | 'menu' | 'pin' | 'server' | 'hard-drive' | 'box' | 'image' | 'tag' | 'pie-chart' | 'users' | 'user-plus' | 'mail' | 'file-text' | 'plug' | 'search' | 'mic' | 'sun' | 'moon' | 'monitor' | 'contrast' | 'signal' | 'battery' | 'video' | 'music' | 'play' | 'pause' | 'info-circle-filled' | 'alert-triangle-filled' | 'check-circle-filled' | 'x-circle-filled' | 'shield-filled' | 'lock-filled';
-interface IconProps {
-    name: IconName;
-    /** Token from the icon size scale: sm 16, md 18, lg 24, xl 36, xxl 48. */
-    size?: IconSize;
-}
-export declare function Icon({ name, size: sizeToken }: IconProps): import("react/jsx-runtime").JSX.Element;
+import { IconProps } from './types';
+export type { IconName, IconProps, IconSize } from './types';
+export declare function Icon({ name, size: sizeToken, color }: IconProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAE/D,YAAY,EAAC,QAAQ,EAAC,CAAA;AAEtB,MAAM,MAAM,QAAQ,GAChB,UAAU,GACV,cAAc,GACd,YAAY,GACZ,OAAO,GACP,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,KAAK,GAEL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,YAAY,GACZ,MAAM,GACN,KAAK,GAEL,QAAQ,GACR,YAAY,GACZ,KAAK,GACL,OAAO,GACP,KAAK,GACL,WAAW,GAEX,OAAO,GACP,WAAW,GACX,MAAM,GACN,WAAW,GACX,MAAM,GAEN,QAAQ,GACR,KAAK,GAEL,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GAEV,QAAQ,GACR,SAAS,GAET,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GAEP,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,GACf,aAAa,CAAA;AA0WjB,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAgB,EAAC,EAAE,SAAS,2CAyB7D"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAA;AAEtC,YAAY,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAQ1D,wBAAgB,IAAI,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAgB,EAAE,KAAK,EAAC,EAAE,SAAS,2CA4BpE"}

package/dist/components/Icon/geometry.d.ts

@@ -0,0 +1,60 @@
+import { IconName } from './types';
+/**
+ * Icon glyphs as renderer-independent geometry on a 24-unit grid (plan N0,
+ * Decision 9): the web draws them as SVG elements, native with the renderer
+ * the icon benchmark picks. Generated once from the JSX tables Icon.tsx held
+ * through 5.11; edit the data here.
+ *
+ * A `stroke` glyph is drawn with a 2-unit stroke, round caps and joins, and no
+ * fill. A `fill` glyph is filled, with even-odd cutouts where `fillRule` says;
+ * a shape inside it may carry its own stroke (`lock-filled`'s shackle).
+ */
+/** `currentColor` is the icon's colour (the text colour on the web, `color` on native). */
+export type Paint = 'currentColor' | 'none';
+export type Shape = {
+    tag: 'path';
+    d: string;
+    fillRule?: 'evenodd';
+    /** Paint override for this shape: the icon's colour, or none. */
+    fill?: Paint;
+    stroke?: Paint;
+    strokeWidth?: number;
+    strokeLinecap?: 'round';
+} | {
+    tag: 'circle';
+    cx: number;
+    cy: number;
+    r: number;
+} | {
+    tag: 'ellipse';
+    cx: number;
+    cy: number;
+    rx: number;
+    ry: number;
+} | {
+    tag: 'line';
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+} | {
+    tag: 'rect';
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rx?: number;
+    ry?: number;
+} | {
+    tag: 'polyline';
+    points: string;
+} | {
+    tag: 'polygon';
+    points: string;
+};
+export interface Glyph {
+    readonly style: 'stroke' | 'fill';
+    readonly shapes: readonly Shape[];
+}
+export declare const GLYPHS: Record<IconName, Glyph>;
+//# sourceMappingURL=geometry.d.ts.map

package/dist/components/Icon/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAA;AAErC;;;;;;;;;GASG;AACH,2FAA2F;AAC3F,MAAM,MAAM,KAAK,GAAG,cAAc,GAAG,MAAM,CAAA;AAE3C,MAAM,MAAM,KAAK,GACb;IACE,GAAG,EAAE,MAAM,CAAA;IACX,CAAC,EAAE,MAAM,CAAA;IACT,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,iEAAiE;IACjE,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,GACD;IAAC,GAAG,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,GAClD;IAAC,GAAG,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,GAChE;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,GAC7D;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,GAC5F;IAAC,GAAG,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,GACjC;IAAC,GAAG,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,CAAA;AAEpC,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,KAAK,EAAE,CAAA;CAClC;AAED,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,CAia1C,CAAA"}

package/dist/components/Icon/types.d.ts

@@ -0,0 +1,15 @@
+import { ColorToken, IconSize } from '@duro-app/tokens/keys';
+export type { IconSize };
+export type IconName = 'x-circle' | 'check-circle' | 'check-done' | 'clock' | 'forbidden' | 'info-circle' | 'alert-triangle' | 'shield' | 'lock' | 'key' | 'map' | 'layers' | 'repeat' | 'database' | 'shield-check' | 'route' | 'git-branch' | 'menu' | 'pin' | 'server' | 'hard-drive' | 'box' | 'image' | 'tag' | 'pie-chart' | 'users' | 'user-plus' | 'mail' | 'file-text' | 'plug' | 'search' | 'mic' | 'x' | 'sun' | 'moon' | 'monitor' | 'contrast' | 'signal' | 'battery' | 'video' | 'music' | 'play' | 'pause' | 'info-circle-filled' | 'alert-triangle-filled' | 'check-circle-filled' | 'x-circle-filled' | 'shield-filled' | 'lock-filled';
+export interface IconProps {
+    name: IconName;
+    /** Token from the icon size scale: sm 16, md 18, lg 24, xl 36, xxl 48. */
+    size?: IconSize;
+    /**
+     * Colour token. Default: the surrounding text colour on the web
+     * (`currentColor`), the `text` token on native, where an icon cannot
+     * inherit a colour.
+     */
+    color?: ColorToken;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Icon/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAE,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAE/D,YAAY,EAAC,QAAQ,EAAC,CAAA;AAEtB,MAAM,MAAM,QAAQ,GAChB,UAAU,GACV,cAAc,GACd,YAAY,GACZ,OAAO,GACP,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,KAAK,GAEL,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,YAAY,GACZ,MAAM,GACN,KAAK,GAEL,QAAQ,GACR,YAAY,GACZ,KAAK,GACL,OAAO,GACP,KAAK,GACL,WAAW,GAEX,OAAO,GACP,WAAW,GACX,MAAM,GACN,WAAW,GACX,MAAM,GAEN,QAAQ,GACR,KAAK,GACL,GAAG,GAEH,KAAK,GACL,MAAM,GACN,SAAS,GACT,UAAU,GAEV,QAAQ,GACR,SAAS,GAET,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GAEP,oBAAoB,GACpB,uBAAuB,GACvB,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,GACf,aAAa,CAAA;AAEjB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB"}

package/dist/components/Input/Input.d.ts

@@ -31,6 +31,10 @@ interface InputProps {
     list?: string;
     pattern?: string;
     autoComplete?: 'on' | 'off' | 'email' | 'username' | 'current-password' | 'new-password' | 'name' | 'tel' | 'url';
+    /** Phone keyboards: how the typed text is capitalised. */
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    /** Whether the platform checks (and on phones, autocorrects) the spelling. */
+    spellCheck?: boolean;
     value?: string;
     defaultValue?: string;
     disabled?: boolean;
@@ -48,6 +52,6 @@ interface InputProps {
     onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     ref?: React.Ref<HTMLInputElement>;
 }
-export declare function Input({ variant, font, type, id, name, placeholder, required, readOnly, minLength, maxLength, min, max, step, inputMode, list, pattern, autoComplete, value, defaultValue, disabled, autoFocus, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, onChange, onBlur, onFocus, onKeyDown, onKeyUp, ref, }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ variant, font, type, id, name, placeholder, required, readOnly, minLength, maxLength, min, max, step, inputMode, list, pattern, autoComplete, autoCapitalize, spellCheck, value, defaultValue, disabled, autoFocus, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, onChange, onBlur, onFocus, onKeyDown, onKeyUp, ref, }: InputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Input.d.ts.map

package/dist/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/components/Input/styles.css.d.ts

@@ -2,6 +2,7 @@ import { css } from 'react-strict-dom';
 export declare const styles: Readonly<{
     readonly base: Readonly<{
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
         readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
         readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;

package/dist/components/Input/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuFjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFjB,CAAA"}

package/dist/components/LinkButton/styles.css.d.ts

@@ -45,6 +45,7 @@ export declare const styles: Readonly<{
     }>;
     readonly fullWidth: Readonly<{
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
     }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/LinkButton/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2DjB,CAAA"}

package/dist/components/Meter/styles.css.d.ts

@@ -3,6 +3,7 @@ export declare const styles: Readonly<{
     readonly track: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "relative">;
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly height: css.StyleXClassNameFor<"height", string>;
         readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;

package/dist/components/Meter/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBjB,CAAA"}

package/dist/components/PageShell/styles.css.d.ts

@@ -2,9 +2,11 @@ import { css } from 'react-strict-dom';
 export declare const styles: Readonly<{
     readonly root: Readonly<{
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
     }>;
     readonly container: Readonly<{
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly marginLeft: css.StyleXClassNameFor<"marginLeft", "auto">;
         readonly marginRight: css.StyleXClassNameFor<"marginRight", "auto">;
     }>;

package/dist/components/PageShell/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/PageShell/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/PageShell/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBjB,CAAA"}

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,21 +1,5 @@
 import { ReactNode } from 'react';
-interface RootProps {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    orientation?: 'horizontal' | 'vertical';
-    disabled?: boolean;
-    /** Accessible name when the group is not inside a Field.Root (inside one,
-     *  the Field.Label names it). */
-    'aria-label'?: string;
-    /** id of the element that names the group, when not inside a Field.Root. */
-    'aria-labelledby'?: string;
-    children: ReactNode;
-}
-declare function Root({ value: controlledValue, defaultValue, onValueChange, orientation, disabled, children, ...labelling }: RootProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Root {
-    var isFieldGroup: true;
-}
+import { Root } from './group';
 interface ItemProps {
     value: string;
     disabled?: boolean;

package/dist/components/RadioGroup/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAyC,MAAM,OAAO,CAAA;AA2B5E,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;qCACiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,WAAwB,EACxB,QAAgB,EAChB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,SAAS,2CAyBX;kBAjCQ,IAAI;;;AAqCb,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAoB,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA8BzE;AAKD,eAAO,MAAM,UAAU;;;CAGtB,CAAA"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,OAAO,EAAC,IAAI,EAAgB,MAAM,SAAS,CAAA;AAI3C,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAoB,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA4BzE;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA"}

package/dist/components/RadioGroup/RadioGroup.stories.d.ts

@@ -6,4 +6,7 @@ export declare const Default: Story;
 export declare const Horizontal: Story;
 export declare const Disabled: Story;
 export declare const Controlled: Story;
+export declare const OneChangePerPick: Story;
+export declare const SubmitsWithForm: Story;
+export declare const ArrowKeysMoveSelection: Story;
 //# sourceMappingURL=RadioGroup.stories.d.ts.map

package/dist/components/RadioGroup/RadioGroup.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAA"}
+{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAA;AAID,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAkBpC,CAAA"}

package/dist/components/RadioGroup/group.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+interface RadioGroupContextValue {
+    value: string;
+    name: string;
+    onSelect: (value: string) => void;
+    disabled: boolean;
+}
+export declare function useRadioGroup(): RadioGroupContextValue;
+interface RootProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    disabled?: boolean;
+    /** Form field name: every item's radio carries it, so the selection is
+     *  submitted with a native form. Generated when omitted (the radios still
+     *  form one group). */
+    name?: string;
+    /** Accessible name when the group is not inside a Field.Root (inside one,
+     *  the Field.Label names it). */
+    'aria-label'?: string;
+    /** id of the element that names the group, when not inside a Field.Root. */
+    'aria-labelledby'?: string;
+    children: ReactNode;
+}
+export declare function Root({ value: controlledValue, defaultValue, onValueChange, orientation, disabled, name: nameProp, children, ...labelling }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Root {
+    var isFieldGroup: true;
+}
+export {};
+//# sourceMappingURL=group.d.ts.map

package/dist/components/RadioGroup/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAgD,MAAM,OAAO,CAAA;AAQnF,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,EAAE,OAAO,CAAA;CAClB;AAID,wBAAgB,aAAa,2BAM5B;AAID,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;2BAEuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;qCACiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,WAAwB,EACxB,QAAgB,EAChB,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,SAAS,2CA2BX;yBApCe,IAAI"}

package/dist/components/RadioGroup/styles.css.d.ts

@@ -17,6 +17,13 @@ export declare const styles: Readonly<{
         readonly color: css.StyleXClassNameFor<"color", string>;
         readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
     }>;
+    readonly nativeItem: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly padding: css.StyleXClassNameFor<"padding", 0>;
+    }>;
     readonly itemDisabled: Readonly<{
         readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
         readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
@@ -52,5 +59,8 @@ export declare const styles: Readonly<{
     readonly input: Readonly<{
         readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
     }>;
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/RadioGroup/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsEjB,CAAA"}

package/dist/components/ScrollArea/styles.css.d.ts

@@ -6,6 +6,7 @@ export declare const styles: Readonly<{
     }>;
     readonly viewport: Readonly<{
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly height: css.StyleXClassNameFor<"height", "100%">;
         readonly overflowX: css.StyleXClassNameFor<"overflowX", "auto">;
         readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;

package/dist/components/ScrollArea/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8EjB,CAAA"}

package/dist/components/Spinner/Spinner.d.ts

@@ -1,8 +1,4 @@
-export type SpinnerSize = 'sm' | 'md' | 'lg';
-interface SpinnerProps {
-    size?: SpinnerSize;
-    label?: string;
-}
+import { SpinnerProps } from './Spinner.types';
+export type { SpinnerProps, SpinnerSize } from './Spinner.types';
 export declare function Spinner({ size, label }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=Spinner.d.ts.map

package/dist/components/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5C,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAQD,wBAAgB,OAAO,CAAC,EAAC,IAAW,EAAE,KAAiB,EAAC,EAAE,YAAY,2CAOrE"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAEjD,YAAY,EAAC,YAAY,EAAE,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAE9D,wBAAgB,OAAO,CAAC,EAAC,IAAW,EAAE,KAAiB,EAAC,EAAE,YAAY,2CAOrE"}

package/dist/components/Spinner/Spinner.types.d.ts

@@ -0,0 +1,6 @@
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export interface SpinnerProps {
+    size?: SpinnerSize;
+    label?: string;
+}
+//# sourceMappingURL=Spinner.types.d.ts.map

package/dist/components/Spinner/Spinner.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5C,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/dist/components/Spinner/ring.css.d.ts

@@ -0,0 +1,39 @@
+import { css } from 'react-strict-dom';
+/** The ring both platforms draw; each turns it its own way. */
+export declare const ring: Readonly<{
+    readonly root: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
+    }>;
+    readonly nativeRoot: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
+    readonly ring: Readonly<{
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", "50%">;
+        readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
+        readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
+    }>;
+    readonly sm: Readonly<{
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        readonly height: css.StyleXClassNameFor<"height", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
+    }>;
+    readonly md: Readonly<{
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        readonly height: css.StyleXClassNameFor<"height", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
+    }>;
+    readonly lg: Readonly<{
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        readonly height: css.StyleXClassNameFor<"height", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
+    }>;
+    readonly srOnly: Readonly<{
+        readonly clip: css.StyleXClassNameFor<"clip", "rect(0, 0, 0, 0)">;
+    }>;
+}>;
+/** One turn, in ms: the web animation's 0.6s. */
+export declare const TURN_MS = 600;
+//# sourceMappingURL=ring.css.d.ts.map

package/dist/components/Spinner/ring.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ring.css.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/ring.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,+DAA+D;AAC/D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCf,CAAA;AAEF,iDAAiD;AACjD,eAAO,MAAM,OAAO,MAAM,CAAA"}

package/dist/components/Spinner/styles.css.d.ts

@@ -1,37 +1,10 @@
 import { css } from 'react-strict-dom';
 export declare const styles: Readonly<{
-    readonly root: Readonly<{
-        readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
-        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
-    }>;
-    readonly spinner: Readonly<{
-        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", "50%">;
-        readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
-        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
-        readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
+    readonly spinning: Readonly<{
         readonly animationName: css.StyleXClassNameFor<"animationName", string>;
         readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "0.6s">;
         readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", string>;
         readonly animationIterationCount: css.StyleXClassNameFor<"animationIterationCount", "infinite">;
     }>;
-    readonly sm: Readonly<{
-        readonly width: css.StyleXClassNameFor<"width", string>;
-        readonly height: css.StyleXClassNameFor<"height", string>;
-        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
-    }>;
-    readonly md: Readonly<{
-        readonly width: css.StyleXClassNameFor<"width", string>;
-        readonly height: css.StyleXClassNameFor<"height", string>;
-        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
-    }>;
-    readonly lg: Readonly<{
-        readonly width: css.StyleXClassNameFor<"width", string>;
-        readonly height: css.StyleXClassNameFor<"height", string>;
-        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
-    }>;
-    readonly srOnly: Readonly<{
-        readonly clip: css.StyleXClassNameFor<"clip", "rect(0, 0, 0, 0)">;
-    }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Spinner/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAWpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;EAQjB,CAAA"}

package/dist/components/StatusIcon/StatusIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAG/C,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,QAAQ,EACR,UAAU,GAAG,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,WAAW,CACnE,CAAA;AACD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAElF,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAC,IAAI,EAAE,IAAY,EAAE,OAAiB,EAAC,EAAE,eAAe,2CAMlF"}
+{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAA;AAK/C,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,QAAQ,EACR,UAAU,GAAG,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,WAAW,CACnE,CAAA;AACD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAWlF,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAC,IAAI,EAAE,IAAY,EAAE,OAAiB,EAAC,EAAE,eAAe,2CAMlF"}

package/dist/components/StatusIcon/styles.css.d.ts

@@ -21,5 +21,8 @@ export declare const styles: Readonly<{
     readonly muted: Readonly<{
         readonly color: css.StyleXClassNameFor<"color", string>;
     }>;
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/StatusIcon/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;EAsBjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;EA2BjB,CAAA"}

package/dist/components/Switch/Switch.d.ts

@@ -1,20 +1,4 @@
-import { ReactNode } from 'react';
-interface SwitchProps {
-    /** Controlled checked state. */
-    checked?: boolean;
-    /** Initial checked state (uncontrolled). */
-    defaultChecked?: boolean;
-    /** Callback fired when the checked state changes. */
-    onCheckedChange?: (checked: boolean) => void;
-    /** Prevents user interaction. */
-    disabled?: boolean;
-    /** Form field name for the hidden input. */
-    name?: string;
-    /** Value submitted when checked. */
-    value?: string;
-    /** Label content rendered beside the switch. */
-    children?: ReactNode;
-}
+import { SwitchProps } from './Switch.types';
+export type { SwitchProps } from './Switch.types';
 export declare function Switch({ checked: controlledChecked, defaultChecked, onCheckedChange, disabled, name, value, children, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=Switch.d.ts.map

package/dist/components/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAA;AAOzD,UAAU,WAAW;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,IAAI,EACJ,KAAK,EACL,QAAQ,GACT,EAAE,WAAW,2CAwDb"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE/C,YAAY,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE/C,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,IAAI,EACJ,KAAK,EACL,QAAQ,GACT,EAAE,WAAW,2CAiDb"}

package/dist/components/Switch/Switch.types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface SwitchProps {
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Initial checked state (uncontrolled). */
+    defaultChecked?: boolean;
+    /** Callback fired when the checked state changes. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Prevents user interaction. */
+    disabled?: boolean;
+    /** Form field name for the hidden input. */
+    name?: string;
+    /** Value submitted when checked. */
+    value?: string;
+    /** Label content rendered beside the switch. */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Switch.types.d.ts.map

package/dist/components/Switch/Switch.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,MAAM,WAAW,WAAW;IAC1B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

package/dist/components/TableOfContents/styles.css.d.ts

@@ -76,6 +76,7 @@ export declare const styles: Readonly<{
         readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
         readonly gap: css.StyleXClassNameFor<"gap", string>;
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
         readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
         readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;

package/dist/components/TableOfContents/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TableOfContents/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAWpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuIjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TableOfContents/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAWpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyIjB,CAAA"}

package/dist/components/Textarea/styles.css.d.ts

@@ -2,6 +2,7 @@ import { css } from 'react-strict-dom';
 export declare const styles: Readonly<{
     readonly base: Readonly<{
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
         readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
         readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;

package/dist/components/Textarea/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDjB,CAAA"}

package/dist/components/Toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAM1E,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAGnD,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AAEpC,UAAU,WAAW;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAYD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,KAAK,EACL,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,WAAW,2CAuEb"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAM1E,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAInD,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AAEpC,UAAU,WAAW;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAYD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,KAAK,EACL,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,WAAW,2CAwEb"}

package/dist/components/Toggle/styles.css.d.ts

@@ -20,13 +20,19 @@ export declare const styles: Readonly<{
         readonly minHeight: css.StyleXClassNameFor<"minHeight", string | null>;
     }>;
     readonly sizeDefault: Readonly<{
-        readonly padding: css.StyleXClassNameFor<"padding", `${css.StyleXVar<string>} ${css.StyleXVar<string>}`>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
         readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
         readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
         readonly gap: css.StyleXClassNameFor<"gap", string>;
     }>;
     readonly sizeSmall: Readonly<{
-        readonly padding: css.StyleXClassNameFor<"padding", `${css.StyleXVar<string>} ${css.StyleXVar<string>}`>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
         readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
         readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
         readonly gap: css.StyleXClassNameFor<"gap", string>;
@@ -64,5 +70,8 @@ export declare const styles: Readonly<{
         readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
         readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
     }>;
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map