@zag-js/types 0.10.5 → 0.11.0

package/dist/{jsx.d.ts → index.d.mts}

@@ -1,4 +1,5 @@
-import type * as CSS from "csstype";
+import * as CSS from 'csstype';
+
 type NativeAnimationEvent = AnimationEvent;
 type NativeClipboardEvent = ClipboardEvent;
 type NativeCompositionEvent = CompositionEvent;
@@ -11,8 +12,8 @@ type NativePointerEvent = PointerEvent;
 type NativeTransitionEvent = TransitionEvent;
 type NativeUIEvent = UIEvent;
 type NativeWheelEvent = WheelEvent;
-type Booleanish = boolean | "true" | "false";
-export declare namespace JSX {
+type Booleanish$1 = boolean | "true" | "false";
+declare namespace JSX {
     export interface BaseSyntheticEvent<E = object, C = any, T = any> {
         nativeEvent: E;
         currentTarget: C;
@@ -255,14 +256,14 @@ export declare namespace JSX {
         /** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
         "aria-activedescendant"?: string | undefined;
         /** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */
-        "aria-atomic"?: Booleanish | undefined;
+        "aria-atomic"?: Booleanish$1 | undefined;
         /**
          * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
          * presented if they are made.
          */
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         /** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */
-        "aria-busy"?: Booleanish | undefined;
+        "aria-busy"?: Booleanish$1 | undefined;
         /**
          * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
          * @see aria-pressed @see aria-selected.
@@ -304,7 +305,7 @@ export declare namespace JSX {
          * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
          * @see aria-hidden @see aria-readonly.
          */
-        "aria-disabled"?: Booleanish | undefined;
+        "aria-disabled"?: Booleanish$1 | undefined;
         /**
          * Indicates what functions can be performed when a dragged object is released on the drop target.
          * @deprecated in ARIA 1.1
@@ -316,7 +317,7 @@ export declare namespace JSX {
          */
         "aria-errormessage"?: string | undefined;
         /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
-        "aria-expanded"?: Booleanish | undefined;
+        "aria-expanded"?: Booleanish$1 | undefined;
         /**
          * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
          * allows assistive technology to override the general default of reading in document source order.
@@ -326,14 +327,14 @@ export declare namespace JSX {
          * Indicates an element's "grabbed" state in a drag-and-drop operation.
          * @deprecated in ARIA 1.1
          */
-        "aria-grabbed"?: Booleanish | undefined;
+        "aria-grabbed"?: Booleanish$1 | undefined;
         /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
         "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         /**
          * Indicates whether the element is exposed to an accessibility API.
          * @see aria-disabled.
          */
-        "aria-hidden"?: Booleanish | undefined;
+        "aria-hidden"?: Booleanish$1 | undefined;
         /**
          * Indicates the entered value does not conform to the format expected by the application.
          * @see aria-errormessage.
@@ -356,11 +357,11 @@ export declare namespace JSX {
         /** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */
         "aria-live"?: "off" | "assertive" | "polite" | undefined;
         /** Indicates whether an element is modal when displayed. */
-        "aria-modal"?: Booleanish | undefined;
+        "aria-modal"?: Booleanish$1 | undefined;
         /** Indicates whether a text box accepts multiple lines of input or only a single line. */
-        "aria-multiline"?: Booleanish | undefined;
+        "aria-multiline"?: Booleanish$1 | undefined;
         /** Indicates that the user may select more than one item from the current selectable descendants. */
-        "aria-multiselectable"?: Booleanish | undefined;
+        "aria-multiselectable"?: Booleanish$1 | undefined;
         /** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
         "aria-orientation"?: "horizontal" | "vertical" | undefined;
         /**
@@ -388,14 +389,14 @@ export declare namespace JSX {
          * Indicates that the element is not editable, but is otherwise operable.
          * @see aria-disabled.
          */
-        "aria-readonly"?: Booleanish | undefined;
+        "aria-readonly"?: Booleanish$1 | undefined;
         /**
          * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
          * @see aria-atomic.
          */
         "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         /** Indicates that user input is required on the element before a form may be submitted. */
-        "aria-required"?: Booleanish | undefined;
+        "aria-required"?: Booleanish$1 | undefined;
         /** Defines a human-readable, author-localized description for the role of an element. */
         "aria-roledescription"?: string | undefined;
         /**
@@ -417,7 +418,7 @@ export declare namespace JSX {
          * Indicates the current "selected" state of various widgets.
          * @see aria-checked @see aria-pressed.
          */
-        "aria-selected"?: Booleanish | undefined;
+        "aria-selected"?: Booleanish$1 | undefined;
         /**
          * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
          * @see aria-posinset.
@@ -445,16 +446,16 @@ export declare namespace JSX {
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         className?: string | undefined;
-        contentEditable?: Booleanish | "inherit" | undefined;
+        contentEditable?: Booleanish$1 | "inherit" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
-        draggable?: Booleanish | undefined;
+        draggable?: Booleanish$1 | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         placeholder?: string | undefined;
         slot?: string | undefined;
-        spellCheck?: Booleanish | undefined;
+        spellCheck?: Booleanish$1 | undefined;
         style?: CSSProperties | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
@@ -1109,4 +1110,91 @@ export declare namespace JSX {
     }
     export {};
 }
-export {};
+
+type Dict<T = any> = Record<string, T>;
+type Booleanish = boolean | "true" | "false";
+type DataAttr = {
+    "data-selected"?: Booleanish;
+    "data-expanded"?: Booleanish;
+    "data-highlighted"?: Booleanish;
+    "data-readonly"?: Booleanish;
+    "data-indeterminate"?: Booleanish;
+    "data-invalid"?: Booleanish;
+    "data-hover"?: Booleanish;
+    "data-active"?: Booleanish;
+    "data-focus"?: Booleanish;
+    "data-disabled"?: Booleanish;
+    "data-open"?: Booleanish;
+    "data-checked"?: Booleanish;
+    "data-pressed"?: Booleanish;
+    "data-complete"?: Booleanish;
+    "data-empty"?: Booleanish;
+    "data-placeholder-shown"?: Booleanish;
+    "data-half"?: Booleanish;
+    "data-scope"?: string;
+    "data-uid"?: string;
+    "data-name"?: string;
+    "data-ownedby"?: string;
+    "data-type"?: string;
+    "data-valuetext"?: string;
+    "data-placement"?: string;
+    "data-controls"?: string;
+    "data-part"?: string;
+    "data-label"?: string;
+    "data-state"?: string | null;
+    "data-value"?: string | number;
+    "data-orientation"?: "horizontal" | "vertical";
+    "data-count"?: number;
+    "data-index"?: number;
+} & {
+    [key in `data-${string}`]?: string | number | Booleanish;
+};
+type PropTypes<T = Dict> = Record<"button" | "label" | "input" | "img" | "output" | "element" | "select" | "style", T>;
+type NormalizeProps<T extends PropTypes> = {
+    [K in keyof T]: (props: K extends keyof JSX.IntrinsicElements ? DataAttr & JSX.IntrinsicElements[K] : never) => T[K];
+} & {
+    element(props: DataAttr & JSX.HTMLAttributes<HTMLElement>): T["element"];
+    style: JSX.CSSProperties;
+};
+declare function createNormalizer<T extends PropTypes>(fn: (props: Dict) => Dict): NormalizeProps<T>;
+
+type RequiredBy<T, K extends keyof T> = Partial<Omit<T, K>> & Required<Pick<T, K>>;
+type Direction = "ltr" | "rtl";
+type Orientation = "horizontal" | "vertical";
+type MaybeElement<T extends HTMLElement = HTMLElement> = T | null;
+type DirectionProperty = {
+    /**
+     * The document's text/writing direction.
+     * @default "ltr"
+     */
+    dir?: "ltr" | "rtl";
+};
+type CommonProperties = {
+    /**
+     * The unique identifier of the machine.
+     */
+    id: string;
+    /**
+     * A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron.
+     */
+    getRootNode?: () => ShadowRoot | Document | Node;
+};
+type RootProperties = {
+    /**
+     * The owner document of the machine.
+     */
+    doc?: Document;
+    /**
+     * The root node of the machine. Useful for shadow DOM.
+     */
+    rootNode?: ShadowRoot;
+    /**
+     * The related target when the element is blurred.
+     * Used as a polyfill for `e.relatedTarget`
+     */
+    pointerdownNode?: HTMLElement | null;
+};
+type Context<T> = T & RootProperties;
+type Style = JSX.CSSProperties;
+
+export { CommonProperties, Context, Direction, DirectionProperty, JSX, MaybeElement, NormalizeProps, Orientation, PropTypes, RequiredBy, RootProperties, Style, createNormalizer };