@duro-app/ui 5.1.0 → 5.3.0

package/dist/components/ButtonGroup/ButtonGroupContext.d.ts

@@ -0,0 +1,13 @@
+import { Orientation } from '../../shared/types';
+/** Where a control sits in an attached group. */
+export type GroupPosition = 'first' | 'middle' | 'last' | 'only';
+export interface ButtonGroupContextValue {
+    orientation: Orientation;
+    register: (id: string, el: HTMLElement, disabled: boolean) => () => void;
+    /** `middle` until the control has registered (server render, first paint). */
+    positionOf: (id: string) => GroupPosition;
+}
+/** Provided by an `attached` ButtonGroup only; null everywhere else. */
+export declare const ButtonGroupContext: import('react').Context<ButtonGroupContextValue | null>;
+export declare function useButtonGroup(): ButtonGroupContextValue | null;
+//# sourceMappingURL=ButtonGroupContext.d.ts.map

package/dist/components/ButtonGroup/ButtonGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroupContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAEnD,iDAAiD;AACjD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAEhE,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,WAAW,CAAA;IACxB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,IAAI,CAAA;IACxE,8EAA8E;IAC9E,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,aAAa,CAAA;CAC1C;AAED,wEAAwE;AACxE,eAAO,MAAM,kBAAkB,yDAAsD,CAAA;AAErF,wBAAgB,cAAc,mCAE7B"}

package/dist/components/ButtonGroup/attached.css.d.ts

@@ -0,0 +1,34 @@
+import { css } from 'react-strict-dom';
+export declare const attached: Readonly<{
+    readonly item: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number | null>;
+    }>;
+    readonly horizontalFirst: Readonly<{
+        readonly borderTopRightRadius: css.StyleXClassNameFor<"borderTopRightRadius", 0>;
+        readonly borderBottomRightRadius: css.StyleXClassNameFor<"borderBottomRightRadius", 0>;
+    }>;
+    readonly horizontalMiddle: Readonly<{
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", 0>;
+        readonly marginLeft: css.StyleXClassNameFor<"marginLeft", string>;
+    }>;
+    readonly horizontalLast: Readonly<{
+        readonly borderTopLeftRadius: css.StyleXClassNameFor<"borderTopLeftRadius", 0>;
+        readonly borderBottomLeftRadius: css.StyleXClassNameFor<"borderBottomLeftRadius", 0>;
+        readonly marginLeft: css.StyleXClassNameFor<"marginLeft", string>;
+    }>;
+    readonly verticalFirst: Readonly<{
+        readonly borderBottomLeftRadius: css.StyleXClassNameFor<"borderBottomLeftRadius", 0>;
+        readonly borderBottomRightRadius: css.StyleXClassNameFor<"borderBottomRightRadius", 0>;
+    }>;
+    readonly verticalMiddle: Readonly<{
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", 0>;
+        readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
+    }>;
+    readonly verticalLast: Readonly<{
+        readonly borderTopLeftRadius: css.StyleXClassNameFor<"borderTopLeftRadius", 0>;
+        readonly borderTopRightRadius: css.StyleXClassNameFor<"borderTopRightRadius", 0>;
+        readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
+    }>;
+}>;
+//# sourceMappingURL=attached.css.d.ts.map

package/dist/components/ButtonGroup/attached.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attached.css.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/attached.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCnB,CAAA"}

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

@@ -37,6 +37,13 @@ export declare const styles: Readonly<{
     readonly gapMd: Readonly<{
         readonly gap: css.StyleXClassNameFor<"gap", string>;
     }>;
+    readonly attached: Readonly<{
+        readonly flexWrap: css.StyleXClassNameFor<"flexWrap", "nowrap">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "stretch">;
+    }>;
+    readonly attachedVertical: Readonly<{
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "stretch">;
+    }>;
     readonly disabled: Readonly<{
         readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
         readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;

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

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

package/dist/components/ButtonGroup/useGroupedControl.d.ts

@@ -0,0 +1,25 @@
+import { RefObject } from 'react';
+import { html } from 'react-strict-dom';
+import { GroupPosition } from './ButtonGroupContext';
+type ButtonStyle = Parameters<typeof html.button>[0]['style'];
+export interface GroupedControl<T extends HTMLElement> {
+    ref: RefObject<T | null>;
+    /** In an attached ButtonGroup. */
+    attached: boolean;
+    position: GroupPosition | null;
+    /** The joined style for its position; spread after the control's own. */
+    style: ButtonStyle | null;
+    /** The Toolbar's roving tabindex, when in one. */
+    tabIndex: 0 | -1 | undefined;
+    onFocus: (() => void) | undefined;
+}
+/**
+ * What a control (Button, Toggle, the Select, Menu and Popover triggers) takes
+ * from an attached ButtonGroup and a Toolbar around it: its joined style by
+ * position, and its roving tabindex. Outside both, every field is inert.
+ */
+export declare function useGroupedControl<T extends HTMLElement>({ disabled, }?: {
+    disabled?: boolean;
+}): GroupedControl<T>;
+export {};
+//# sourceMappingURL=useGroupedControl.d.ts.map

package/dist/components/ButtonGroup/useGroupedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupedControl.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/useGroupedControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAiC,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAA;AAG1C,OAAO,EAAiB,KAAK,aAAa,EAAC,MAAM,sBAAsB,CAAA;AAkBvE,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;AAE7D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW;IACnD,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;IACxB,kCAAkC;IAClC,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,yEAAyE;IACzE,KAAK,EAAE,WAAW,GAAG,IAAI,CAAA;IACzB,kDAAkD;IAClD,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAA;IAC5B,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAA;CAClC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,EACvD,QAAgB,GACjB,GAAE;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CA+B/C"}

package/dist/components/Combobox/Combobox.d.ts

@@ -19,7 +19,7 @@ declare function Trigger({ children }: {
 }): import("react/jsx-runtime").JSX.Element;
 declare function Popup({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element;
 interface ItemProps {
     value: string;
     children: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAUzF,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,aAAa,EACb,UAAU,EACV,aAAa,EACb,aAAa,EACb,QAAQ,GACT,EAAE,SAAS,2CAkBX;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAE,QAAQ,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CA0CnF;AAGD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAmClD;AAMD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,kDAiD/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,kDAqDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAGD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,kDAc/C;AAED,eAAO,MAAM,QAAQ;;;;;;;;CAQpB,CAAA"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAkD,MAAM,OAAO,CAAA;AAQrF,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,aAAa,EACb,UAAU,EACV,aAAa,EACb,aAAa,EACb,QAAQ,GACT,EAAE,SAAS,2CAkBX;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAE,QAAQ,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CA2CnF;AAGD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAmClD;AAMD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAkB/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,kDA+BpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAGD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,kDAc/C;AAED,eAAO,MAAM,QAAQ;;;;;;;;CAQpB,CAAA"}

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

@@ -46,69 +46,5 @@ export declare const styles: Readonly<{
         readonly color: css.StyleXClassNameFor<"color", string>;
         readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
     }>;
-    readonly backdrop: Readonly<{
-        readonly position: css.StyleXClassNameFor<"position", "fixed">;
-        readonly top: css.StyleXClassNameFor<"top", 0>;
-        readonly left: css.StyleXClassNameFor<"left", 0>;
-        readonly right: css.StyleXClassNameFor<"right", 0>;
-        readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 1049>;
-    }>;
-    readonly popup: Readonly<{
-        readonly position: css.StyleXClassNameFor<"position", "fixed">;
-        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
-        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
-        readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
-        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
-        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
-        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
-        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
-        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
-        readonly maxHeight: css.StyleXClassNameFor<"maxHeight", string>;
-        readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 1050>;
-        readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
-    }>;
-    readonly item: Readonly<{
-        readonly display: css.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
-        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 fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
-        readonly color: css.StyleXClassNameFor<"color", string>;
-        readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
-        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
-        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
-        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
-    }>;
-    readonly itemSelected: Readonly<{
-        readonly color: css.StyleXClassNameFor<"color", string>;
-        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
-    }>;
-    readonly itemHighlighted: Readonly<{
-        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
-    }>;
-    readonly itemHidden: Readonly<{
-        readonly display: css.StyleXClassNameFor<"display", "none">;
-    }>;
-    readonly empty: Readonly<{
-        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 color: css.StyleXClassNameFor<"color", string>;
-    }>;
-    readonly hidden: Readonly<{
-        readonly display: css.StyleXClassNameFor<"display", "none">;
-    }>;
-    readonly popupPosition: (top: number, left: number, width: number) => readonly [Readonly<{
-        top: css.StyleXClassNameFor<"top", number>;
-        left: css.StyleXClassNameFor<"left", number>;
-        width: css.StyleXClassNameFor<"width", number>;
-    }>, css.InlineStyles];
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

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

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

package/dist/components/Dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 import { DurationToken } from '@duro-app/tokens/keys';
 export type DialogSize = 'sm' | 'md' | 'lg';
 interface RootProps {
@@ -9,12 +9,20 @@ interface RootProps {
     defaultOpen?: boolean;
     /** Called when dialog open state changes */
     onOpenChange?: (open: boolean) => void;
-    /** Whether clicking backdrop closes the dialog. Default: true */
+    /** Whether clicking the backdrop closes the dialog. Default: true */
     dismissable?: boolean;
+    /**
+     * Whether Escape closes the dialog. Default: true, also when `dismissable`
+     * is false. Turning it off leaves the keyboard no way out but a
+     * Dialog.Close, so render one.
+     */
+    closeOnEscape?: boolean;
+    /** Element to focus on open. Default: the first focusable element, else the dialog itself. */
+    initialFocus?: RefObject<HTMLElement | null>;
     /** Motion token for the close animation. Default: 'fast' (150ms) */
     closeAnimationDuration?: DurationToken;
 }
-declare function Root({ children, open: controlledOpen, defaultOpen, onOpenChange, dismissable, closeAnimationDuration, }: RootProps): import("react/jsx-runtime").JSX.Element;
+declare function Root({ children, open: controlledOpen, defaultOpen, onOpenChange, dismissable, closeOnEscape, initialFocus, closeAnimationDuration, }: RootProps): import("react/jsx-runtime").JSX.Element;
 interface TriggerProps {
     children: ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAMrE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAoC3C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,WAAkB,EAClB,sBAA+B,GAChC,EAAE,SAAS,2CAyFX;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE,YAAY,2CAQxC;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDA+DnD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO/C;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOrD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE9C;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAuBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAYrE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAsC3C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC5C,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,WAAkB,EAClB,aAAoB,EACpB,YAAY,EACZ,sBAA+B,GAChC,EAAE,SAAS,2CA6HX;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE,YAAY,2CAQxC;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDAkEnD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO/C;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOrD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE9C;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAwBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}

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

@@ -13,4 +13,8 @@ export declare const BackdropDismiss: Story;
 export declare const InsideTransformedAncestor: Story;
 export declare const SelectInsideDialog: Story;
 export declare const BackdropClickDismisses: Story;
+export declare const EscapeClosesNonDismissable: Story;
+export declare const InitialFocus: Story;
+export declare const FirstFocusableByDefault: Story;
+export declare const CloseOnEscapeOff: Story;
 //# sourceMappingURL=Dialog.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAgBpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAoCD,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAiCD,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAyCD,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AA8CD,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAA;AA+BD,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAA;AAkBD,eAAO,MAAM,yBAAyB,EAAE,KAiCvC,CAAA;AAyCD,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAID,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAA"}
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAgBpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAoCD,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAiCD,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAyCD,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AA8CD,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAA;AA+BD,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAA;AAkBD,eAAO,MAAM,yBAAyB,EAAE,KAiCvC,CAAA;AAyCD,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAID,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAA;AAKD,eAAO,MAAM,0BAA0B,EAAE,KA0BxC,CAAA;AAyBD,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAmBrC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA"}

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

@@ -4,7 +4,7 @@ export declare const styles: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "fixed">;
         readonly inset: css.StyleXClassNameFor<"inset", 0>;
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 1000>;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
         readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
     }>;
     readonly backdropOpen: Readonly<{
@@ -24,7 +24,7 @@ export declare const styles: Readonly<{
     readonly viewport: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "fixed">;
         readonly inset: css.StyleXClassNameFor<"inset", 0>;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 1001>;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
         readonly display: css.StyleXClassNameFor<"display", "flex">;
         readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
         readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
@@ -42,6 +42,7 @@ export declare const styles: Readonly<{
         readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
         readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
         readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none">;
         readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
         readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
         readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoMjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsMjB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DragDrop.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/DragDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AA2Bd,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAA;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB;4EACwE;IACxE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO;IACxC,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;CAChC;AAqED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C;2EACuE;IACvE,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACzC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,MAAM,CAAA;IAC7F,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA4O5E;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb;4BACwB;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,OAAO,CAAA;IAChD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EACzB,EAAE,EACF,KAAK,EACL,WAA0B,EAC1B,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA0BtB;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAA;IACZ,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,CAAC,CAAA;IACR,0DAA0D;IAC1D,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAgB,EAChB,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA4CtB;AAED,8EAA8E;AAC9E,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAA;CACrC,CAGA;AAED,eAAO,MAAM,QAAQ;;;;CAAqB,CAAA"}
+{"version":3,"file":"DragDrop.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/DragDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AA6Bd,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAA;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB;4EACwE;IACxE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO;IACxC,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;CAChC;AAqED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C;2EACuE;IACvE,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACzC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,MAAM,CAAA;IAC7F,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAiP5E;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb;4BACwB;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,OAAO,CAAA;IAChD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EACzB,EAAE,EACF,KAAK,EACL,WAA0B,EAC1B,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA0BtB;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAA;IACZ,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,CAAC,CAAA;IACR,0DAA0D;IAC1D,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAgB,EAChB,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA4CtB;AAED,8EAA8E;AAC9E,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAA;CACrC,CAGA;AAED,eAAO,MAAM,QAAQ;;;;CAAqB,CAAA"}

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

@@ -22,18 +22,26 @@ export declare const styles: Readonly<{
         readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
     }>;
     readonly zoneReady: Readonly<{
-        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", `inset 0 0 0 1px ${css.StyleXVar<string>}`>;
+        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string>;
+        readonly outlineColor: css.StyleXClassNameFor<"outlineColor", "transparent">;
+        readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", `calc(-1 * ${css.StyleXVar<string>})`>;
     }>;
     readonly zoneOver: Readonly<{
-        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", `inset 0 0 0 2px ${css.StyleXVar<string>}`>;
+        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string>;
+        readonly outlineColor: css.StyleXClassNameFor<"outlineColor", "transparent">;
+        readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", `calc(-1 * ${css.StyleXVar<string>})`>;
     }>;
     readonly ghost: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "fixed">;
         readonly top: css.StyleXClassNameFor<"top", 0>;
         readonly left: css.StyleXClassNameFor<"left", 0>;
         readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 1000>;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
         readonly opacity: css.StyleXClassNameFor<"opacity", 0.9>;
         readonly cursor: css.StyleXClassNameFor<"cursor", "grabbing">;
     }>;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAOrE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAwC3C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,MAAgB,EAChB,WAAkB,EAClB,YAAmB,EACnB,sBAA+B,GAChC,EAAE,SAAS,2CA+FX;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQjD;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAqBD,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDAyFnD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO/C;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOrD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE9C;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAuBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAc,KAAK,aAAa,EAAC,MAAM,uBAAuB,CAAA;AASrE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAwC3C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,oFAAoF;IACpF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,MAAgB,EAChB,WAAkB,EAClB,YAAmB,EACnB,sBAA+B,GAChC,EAAE,SAAS,2CA+FX;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQjD;AAID,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAqBD,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAC,EAAE,WAAW,kDA2FnD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAO/C;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAOrD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAE9C;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CAuBvE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAA"}

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

@@ -4,7 +4,7 @@ export declare const styles: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "fixed">;
         readonly inset: css.StyleXClassNameFor<"inset", 0>;
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 1000>;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
         readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
     }>;
     readonly backdropOpen: Readonly<{
@@ -22,7 +22,7 @@ export declare const styles: Readonly<{
     readonly viewport: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "fixed">;
         readonly inset: css.StyleXClassNameFor<"inset", 0>;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 1001>;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
         readonly display: css.StyleXClassNameFor<"display", "flex">;
         readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
     }>;

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

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

package/dist/components/Grid/Grid.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { GridColumns } from './columns';
 import { SpacingToken } from '@duro-app/tokens/keys';
-import { Length } from '../../shared/length';
+import { GridTrack, Length } from '../../shared/length';
 export type GridLayout = 'split' | 'split-wide';
 interface GridProps {
     gap?: SpacingToken;
@@ -23,8 +23,17 @@ interface GridProps {
      * rather than when the window does. Wins over `columns` / `minColumnWidth`.
      */
     layout?: GridLayout;
+    /**
+     * An explicit track list, for columns that are not all fractions: a size
+     * token for a fixed track (`['1fr', 'asideW']`), or `minmax()` /
+     * `fit-content()` of tokens and fractions (`'minmax(gridColXs, 1fr)'`).
+     * A px is a type error. Web only — on native it falls back to equal
+     * columns, one per track. Wins over `columns` / `minColumnWidth`; `layout`
+     * wins over it.
+     */
+    tracks?: readonly GridTrack[];
     children: ReactNode;
 }
-export declare function Grid({ gap, columns, minColumnWidth, layout, children }: GridProps): import("react/jsx-runtime").JSX.Element;
+export declare function Grid({ gap, columns, minColumnWidth, layout, tracks, children }: GridProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Grid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAI9C,OAAO,EAAuD,KAAK,WAAW,EAAC,MAAM,WAAW,CAAA;AAChG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAgB,KAAK,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAE9D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,YAAY,CAAA;AAE/C,UAAU,SAAS;IACjB,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB;;+DAE2D;IAC3D,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;;oCAGgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AA0DD,wBAAgB,IAAI,CAAC,EAAC,GAAU,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA2BtF"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAI9C,OAAO,EAAuD,KAAK,WAAW,EAAC,MAAM,WAAW,CAAA;AAChG,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAA8B,KAAK,SAAS,EAAE,KAAK,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAE5F,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,YAAY,CAAA;AAE/C,UAAU,SAAS;IACjB,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB;;+DAE2D;IAC3D,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;;oCAGgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,SAAS,SAAS,EAAE,CAAA;IAC7B,QAAQ,EAAE,SAAS,CAAA;CACpB;AA0DD,wBAAgB,IAAI,CAAC,EAAC,GAAU,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA8B9F"}

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

@@ -23,4 +23,6 @@ export declare const NestedSplits: Story;
  */
 export declare const WeightedColumns: Story;
 export declare const WithContainerQuery: Story;
+export declare const TracksWithAside: Story;
+export declare const TracksWithMinmax: Story;
 //# sourceMappingURL=Grid.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAS3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAgB3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AA2BlC,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA"}
+{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAU3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAgB3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AA2BlC,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA"}

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

@@ -1,8 +1,13 @@
 import { html } from 'react-strict-dom';
 type StrictInputProps = React.ComponentProps<typeof html.input>;
 export type InputType = NonNullable<StrictInputProps['type']>;
-export type InputVariant = 'default' | 'error';
+export type InputVariant = 'default' | 'error' | 'ghost';
 interface InputProps {
+    /**
+     * `ghost` reads as text until hovered or focused — only for inline edit
+     * where a visible label names the field (Field.Label). It shows the error
+     * state when the Field is invalid.
+     */
     variant?: InputVariant;
     /** Orthogonal to variant — `mono` keeps the error border but uses the
      *  monospace family (slugs, identifiers, hashes). */

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/Input.meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAuBlB,CAAA"}
+{"version":3,"file":"Input.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA8BlB,CAAA"}

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

@@ -9,4 +9,5 @@ export declare const Error: Story;
 export declare const Password: Story;
 export declare const Disabled: Story;
 export declare const AllVariants: Story;
+export declare const GhostInlineEdit: Story;
 //# sourceMappingURL=Input.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAI7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiB5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAA"}
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAM7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiB5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KAqC7B,CAAA"}

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

@@ -28,6 +28,24 @@ export declare const styles: Readonly<{
     readonly error: Readonly<{
         readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
     }>;
+    readonly ghost: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
+        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 marginLeft: css.StyleXClassNameFor<"marginLeft", `calc(-1 * ${css.StyleXVar<string>})`>;
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly ghostError: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly ghostDisabled: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", "transparent">;
+    }>;
     readonly inGroup: Readonly<{
         readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
         readonly borderRadius: css.StyleXClassNameFor<"borderRadius", 0>;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0DjB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuFjB,CAAA"}

package/dist/components/InputGroup/InputGroup.d.ts

@@ -11,9 +11,14 @@ interface AddonProps {
     /** Optional minimum width to prevent layout shift (e.g. Copy → Copied!): a
      *  size token key or a relative length. */
     minWidth?: Length;
+    /**
+     * Accessible name of a clickable addon (it renders a button). Required when
+     * its content is an icon (copy, reveal): without it the button has no name.
+     */
+    'aria-label'?: string;
     children: ReactNode;
 }
-declare function Addon({ position, onClick, disabled, minWidth, children }: AddonProps): import("react/jsx-runtime").JSX.Element;
+declare function Addon({ position, onClick, disabled, minWidth, 'aria-label': ariaLabel, children, }: AddonProps): import("react/jsx-runtime").JSX.Element;
 export declare const InputGroup: {
     Root: typeof Root;
     Addon: typeof Addon;

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

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAMpC,OAAO,EAAgB,KAAK,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAG9D,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE,SAAS,2CAQlC;AAOD,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;+CAC2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,UAAU,2CAoBnF;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA"}
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAMpC,OAAO,EAAgB,KAAK,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAG9D,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE,SAAS,2CAQlC;AAOD,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;+CAC2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,KAAK,CAAC,EACb,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,UAAU,2CA0BZ;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA"}

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

@@ -9,4 +9,5 @@ export declare const SearchField: Story;
 export declare const ClickableAddon: Story;
 export declare const StandaloneInput: Story;
 export declare const AllVariants: Story;
+export declare const IconAddonNamed: Story;
 //# sourceMappingURL=InputGroup.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AASpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAevB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAA"}
+{"version":3,"file":"InputGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AASpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAevB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAA;AAKD,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAA"}