@zag-js/types 0.19.1 → 0.21.0

package/dist/index.d.mts

@@ -1162,14 +1162,21 @@ 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 = {
+interface OrientationProperty {
+    /**
+     * The orientation of the element.
+     * @default "horizontal"
+     */
+    orientation?: Orientation;
+}
+interface DirectionProperty {
     /**
      * The document's text/writing direction.
      * @default "ltr"
      */
     dir?: "ltr" | "rtl";
-};
-type CommonProperties = {
+}
+interface CommonProperties {
     /**
      * The unique identifier of the machine.
      */
@@ -1178,8 +1185,8 @@ type CommonProperties = {
      * A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron.
      */
     getRootNode?: () => ShadowRoot | Document | Node;
-};
-type RootProperties = {
+}
+interface RootProperties {
     /**
      * The owner document of the machine.
      */
@@ -1193,8 +1200,8 @@ type RootProperties = {
      * 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 };
+export { CommonProperties, Context, Direction, DirectionProperty, JSX, MaybeElement, NormalizeProps, Orientation, OrientationProperty, PropTypes, RequiredBy, RootProperties, Style, createNormalizer };

package/dist/index.d.ts

@@ -1162,14 +1162,21 @@ 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 = {
+interface OrientationProperty {
+    /**
+     * The orientation of the element.
+     * @default "horizontal"
+     */
+    orientation?: Orientation;
+}
+interface DirectionProperty {
     /**
      * The document's text/writing direction.
      * @default "ltr"
      */
     dir?: "ltr" | "rtl";
-};
-type CommonProperties = {
+}
+interface CommonProperties {
     /**
      * The unique identifier of the machine.
      */
@@ -1178,8 +1185,8 @@ type CommonProperties = {
      * A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron.
      */
     getRootNode?: () => ShadowRoot | Document | Node;
-};
-type RootProperties = {
+}
+interface RootProperties {
     /**
      * The owner document of the machine.
      */
@@ -1193,8 +1200,8 @@ type RootProperties = {
      * 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 };
+export { CommonProperties, Context, Direction, DirectionProperty, JSX, MaybeElement, NormalizeProps, Orientation, OrientationProperty, PropTypes, RequiredBy, RootProperties, Style, createNormalizer };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/prop-types.ts"],"sourcesContent":["import type { JSX } from \"./jsx\"\n\nexport type RequiredBy<T, K extends keyof T> = Partial<Omit<T, K>> & Required<Pick<T, K>>\n\nexport type Direction = \"ltr\" | \"rtl\"\n\nexport type Orientation = \"horizontal\" | \"vertical\"\n\nexport type MaybeElement<T extends HTMLElement = HTMLElement> = T | null\n\nexport type DirectionProperty = {\n  /**\n   * The document's text/writing direction.\n   * @default \"ltr\"\n   */\n  dir?: \"ltr\" | \"rtl\"\n}\n\nexport type CommonProperties = {\n  /**\n   * The unique identifier of the machine.\n   */\n  id: string\n  /**\n   * A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron.\n   */\n  getRootNode?: () => ShadowRoot | Document | Node\n}\n\nexport type RootProperties = {\n  /**\n   * The owner document of the machine.\n   */\n  doc?: Document\n  /**\n   * The root node of the machine. Useful for shadow DOM.\n   */\n  rootNode?: ShadowRoot\n  /**\n   * The related target when the element is blurred.\n   * Used as a polyfill for `e.relatedTarget`\n   */\n  pointerdownNode?: HTMLElement | null\n}\n\nexport type Context<T> = T & RootProperties\n\nexport type Style = JSX.CSSProperties\n\nexport * from \"./prop-types\"\nexport type { JSX }\n","import type { JSX } from \"./jsx\"\n\ntype Dict<T = any> = Record<string, T>\n\ntype Booleanish = boolean | \"true\" | \"false\"\n\ntype DataAttr = {\n  \"data-selected\"?: Booleanish\n  \"data-expanded\"?: Booleanish\n  \"data-highlighted\"?: Booleanish\n  \"data-readonly\"?: Booleanish\n  \"data-indeterminate\"?: Booleanish\n  \"data-invalid\"?: Booleanish\n  \"data-hover\"?: Booleanish\n  \"data-active\"?: Booleanish\n  \"data-focus\"?: Booleanish\n  \"data-disabled\"?: Booleanish\n  \"data-open\"?: Booleanish\n  \"data-checked\"?: Booleanish\n  \"data-pressed\"?: Booleanish\n  \"data-complete\"?: Booleanish\n  \"data-empty\"?: Booleanish\n  \"data-placeholder-shown\"?: Booleanish\n  \"data-half\"?: Booleanish\n  \"data-scope\"?: string\n\n  \"data-uid\"?: string\n  \"data-name\"?: string\n  \"data-ownedby\"?: string\n  \"data-type\"?: string\n  \"data-valuetext\"?: string\n  \"data-placement\"?: string\n  \"data-controls\"?: string\n  \"data-part\"?: string\n  \"data-label\"?: string\n  \"data-state\"?: string | null\n  \"data-value\"?: string | number\n\n  \"data-orientation\"?: \"horizontal\" | \"vertical\"\n\n  \"data-count\"?: number\n  \"data-index\"?: number\n} & {\n  [key in `data-${string}`]?: string | number | Booleanish\n}\n\nexport type PropTypes<T = Dict> = Record<\n  \"button\" | \"label\" | \"input\" | \"img\" | \"output\" | \"element\" | \"select\" | \"style\",\n  T\n>\n\nexport type NormalizeProps<T extends PropTypes> = {\n  [K in keyof T]: (props: K extends keyof JSX.IntrinsicElements ? DataAttr & JSX.IntrinsicElements[K] : never) => T[K]\n} & {\n  element(props: DataAttr & JSX.HTMLAttributes<HTMLElement>): T[\"element\"]\n  style: JSX.CSSProperties\n}\nexport function createNormalizer<T extends PropTypes>(fn: (props: Dict) => Dict): NormalizeProps<T> {\n  return new Proxy({} as any, {\n    get() {\n      return fn\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACyDO,SAAS,iBAAsC,IAA8C;AAClG,SAAO,IAAI,MAAM,CAAC,GAAU;AAAA,IAC1B,MAAM;AACJ,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/prop-types.ts"],"sourcesContent":["import type { JSX } from \"./jsx\"\n\nexport type RequiredBy<T, K extends keyof T> = Partial<Omit<T, K>> & Required<Pick<T, K>>\n\nexport type Direction = \"ltr\" | \"rtl\"\n\nexport type Orientation = \"horizontal\" | \"vertical\"\n\nexport type MaybeElement<T extends HTMLElement = HTMLElement> = T | null\n\nexport interface OrientationProperty {\n  /**\n   * The orientation of the element.\n   * @default \"horizontal\"\n   */\n  orientation?: Orientation\n}\n\nexport interface DirectionProperty {\n  /**\n   * The document's text/writing direction.\n   * @default \"ltr\"\n   */\n  dir?: \"ltr\" | \"rtl\"\n}\n\nexport interface CommonProperties {\n  /**\n   * The unique identifier of the machine.\n   */\n  id: string\n  /**\n   * A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron.\n   */\n  getRootNode?: () => ShadowRoot | Document | Node\n}\n\nexport interface RootProperties {\n  /**\n   * The owner document of the machine.\n   */\n  doc?: Document\n  /**\n   * The root node of the machine. Useful for shadow DOM.\n   */\n  rootNode?: ShadowRoot\n  /**\n   * The related target when the element is blurred.\n   * Used as a polyfill for `e.relatedTarget`\n   */\n  pointerdownNode?: HTMLElement | null\n}\n\nexport type Context<T> = T & RootProperties\n\nexport type Style = JSX.CSSProperties\n\nexport * from \"./prop-types\"\nexport type { JSX }\n","import type { JSX } from \"./jsx\"\n\ntype Dict<T = any> = Record<string, T>\n\ntype Booleanish = boolean | \"true\" | \"false\"\n\ntype DataAttr = {\n  \"data-selected\"?: Booleanish\n  \"data-expanded\"?: Booleanish\n  \"data-highlighted\"?: Booleanish\n  \"data-readonly\"?: Booleanish\n  \"data-indeterminate\"?: Booleanish\n  \"data-invalid\"?: Booleanish\n  \"data-hover\"?: Booleanish\n  \"data-active\"?: Booleanish\n  \"data-focus\"?: Booleanish\n  \"data-disabled\"?: Booleanish\n  \"data-open\"?: Booleanish\n  \"data-checked\"?: Booleanish\n  \"data-pressed\"?: Booleanish\n  \"data-complete\"?: Booleanish\n  \"data-empty\"?: Booleanish\n  \"data-placeholder-shown\"?: Booleanish\n  \"data-half\"?: Booleanish\n  \"data-scope\"?: string\n\n  \"data-uid\"?: string\n  \"data-name\"?: string\n  \"data-ownedby\"?: string\n  \"data-type\"?: string\n  \"data-valuetext\"?: string\n  \"data-placement\"?: string\n  \"data-controls\"?: string\n  \"data-part\"?: string\n  \"data-label\"?: string\n  \"data-state\"?: string | null\n  \"data-value\"?: string | number\n\n  \"data-orientation\"?: \"horizontal\" | \"vertical\"\n\n  \"data-count\"?: number\n  \"data-index\"?: number\n} & {\n  [key in `data-${string}`]?: string | number | Booleanish\n}\n\nexport type PropTypes<T = Dict> = Record<\n  \"button\" | \"label\" | \"input\" | \"img\" | \"output\" | \"element\" | \"select\" | \"style\",\n  T\n>\n\nexport type NormalizeProps<T extends PropTypes> = {\n  [K in keyof T]: (props: K extends keyof JSX.IntrinsicElements ? DataAttr & JSX.IntrinsicElements[K] : never) => T[K]\n} & {\n  element(props: DataAttr & JSX.HTMLAttributes<HTMLElement>): T[\"element\"]\n  style: JSX.CSSProperties\n}\nexport function createNormalizer<T extends PropTypes>(fn: (props: Dict) => Dict): NormalizeProps<T> {\n  return new Proxy({} as any, {\n    get() {\n      return fn\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACyDO,SAAS,iBAAsC,IAA8C;AAClG,SAAO,IAAI,MAAM,CAAC,GAAU;AAAA,IAC1B,MAAM;AACJ,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AACH;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/types",
-  "version": "0.19.1",
+  "version": "0.21.0",
   "keywords": [
     "js",
     "utils",

package/src/index.ts

@@ -8,7 +8,15 @@ export type Orientation = "horizontal" | "vertical"
 
 export type MaybeElement<T extends HTMLElement = HTMLElement> = T | null
 
-export type DirectionProperty = {
+export interface OrientationProperty {
+  /**
+   * The orientation of the element.
+   * @default "horizontal"
+   */
+  orientation?: Orientation
+}
+
+export interface DirectionProperty {
   /**
    * The document's text/writing direction.
    * @default "ltr"
@@ -16,7 +24,7 @@ export type DirectionProperty = {
   dir?: "ltr" | "rtl"
 }
 
-export type CommonProperties = {
+export interface CommonProperties {
   /**
    * The unique identifier of the machine.
    */
@@ -27,7 +35,7 @@ export type CommonProperties = {
   getRootNode?: () => ShadowRoot | Document | Node
 }
 
-export type RootProperties = {
+export interface RootProperties {
   /**
    * The owner document of the machine.
    */