@zag-js/types 0.2.0 → 0.2.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import type * as React from "react";
+import type { JSX } from "./jsx";
 export declare type Direction = "ltr" | "rtl";
 export declare type Orientation = "horizontal" | "vertical";
 export declare type MaybeElement<T extends HTMLElement = HTMLElement> = T | null;
@@ -33,8 +33,6 @@ export declare type Context<T> = T & RootProperties & {
      */
     pointerdownNode?: HTMLElement | null;
 };
-export declare type Style = React.CSSProperties & {
-    [prop: string]: string | number | undefined;
-};
+export declare type Style = JSX.CSSProperties;
 export * from "./prop-types";
-export * from "./controls";
+export type { JSX };

package/dist/index.js

@@ -20,9 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  createNormalizer: () => createNormalizer,
-  defineControls: () => defineControls,
-  normalizeProp: () => normalizeProp
+  createNormalizer: () => createNormalizer
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -34,9 +32,3 @@ function createNormalizer(fn) {
     }
   });
 }
-var normalizeProp = createNormalizer((v) => v);
-
-// src/controls.ts
-function defineControls(config) {
-  return config;
-}

package/dist/index.mjs

@@ -1,5 +1,3 @@
-"use strict";
-
 // src/prop-types.ts
 function createNormalizer(fn) {
   return new Proxy({}, {
@@ -8,14 +6,6 @@ function createNormalizer(fn) {
     }
   });
 }
-var normalizeProp = createNormalizer((v) => v);
-
-// src/controls.ts
-function defineControls(config) {
-  return config;
-}
 export {
-  createNormalizer,
-  defineControls,
-  normalizeProp
+  createNormalizer
 };

package/dist/prop-types.d.ts

@@ -1,20 +1,7 @@
-import type * as React from "react";
+import type { JSX } from "./jsx";
 declare type Dict<T = any> = Record<string, T>;
 declare type Booleanish = boolean | "true" | "false";
-declare type Omit<T, K extends keyof T> = {
-    [P in Exclude<keyof T, K>]?: T[P];
-};
-declare type WithStyle<T extends {
-    style?: any;
-}> = Omit<T, "style"> & {
-    style?: T["style"] & {
-        [prop: string]: string | number | undefined;
-    };
-};
 declare type DataAttr = {
-    "data-uid"?: string;
-    "data-name"?: string;
-    "data-ownedby"?: string;
     "data-selected"?: Booleanish;
     "data-expanded"?: Booleanish;
     "data-highlighted"?: Booleanish;
@@ -25,45 +12,33 @@ declare type DataAttr = {
     "data-active"?: Booleanish;
     "data-focus"?: Booleanish;
     "data-disabled"?: Booleanish;
-    "data-type"?: string;
-    "data-value"?: string | number;
-    "data-valuetext"?: string;
     "data-open"?: Booleanish;
-    "data-placement"?: string;
-    "data-orientation"?: "horizontal" | "vertical";
-    "data-label"?: string;
     "data-checked"?: Booleanish;
     "data-pressed"?: Booleanish;
-    "data-state"?: string | null;
+    "data-complete"?: Booleanish;
+    "data-empty"?: Booleanish;
+    "data-placeholder-shown"?: Booleanish;
     "data-half"?: Booleanish;
-    "data-count"?: number;
+    "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;
-    "data-complete"?: Booleanish;
-    "data-empty"?: Booleanish;
-    "data-placeholder-shown"?: Booleanish;
 };
-declare type JSXElementAttributes = DataAttr & React.HTMLAttributes<HTMLElement>;
-declare type JSXButtonAttributes = DataAttr & React.ButtonHTMLAttributes<HTMLButtonElement>;
-declare type JSXInputAttributes = DataAttr & React.InputHTMLAttributes<HTMLInputElement>;
-declare type JSXLabelAttributes = DataAttr & React.LabelHTMLAttributes<HTMLLabelElement>;
-declare type JSXOutputAttributes = DataAttr & React.OutputHTMLAttributes<HTMLOutputElement>;
 export declare type PropTypes = Record<"button" | "label" | "input" | "output" | "element", Dict>;
-export declare type ReactPropTypes = {
-    button: JSXButtonAttributes;
-    label: JSXLabelAttributes;
-    input: JSXInputAttributes;
-    output: JSXOutputAttributes;
-    element: JSXElementAttributes;
-};
-export declare type NormalizeProps = {
-    button<T extends PropTypes>(props: WithStyle<JSXButtonAttributes>): T["button"];
-    label<T extends PropTypes>(props: WithStyle<JSXLabelAttributes>): T["label"];
-    input<T extends PropTypes>(props: WithStyle<JSXInputAttributes>): T["input"];
-    output<T extends PropTypes>(props: WithStyle<JSXOutputAttributes>): T["output"];
-    element<T extends PropTypes>(props: WithStyle<JSXElementAttributes>): T["element"];
+export declare 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"];
 };
-export declare function createNormalizer(fn: (props: Dict) => Dict): NormalizeProps;
-export declare const normalizeProp: NormalizeProps;
+export declare function createNormalizer<T extends PropTypes>(fn: (props: Dict) => Dict): NormalizeProps<T>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/types",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "keywords": [
     "js",
     "utils",
@@ -23,6 +23,9 @@
   "bugs": {
     "url": "https://github.com/chakra-ui/zag/issues"
   },
+  "dependencies": {
+    "csstype": "3.1.0"
+  },
   "scripts": {
     "build:fast": "zag build",
     "start": "zag build --watch",
@@ -32,4 +35,4 @@
     "test:ci": "yarn test --ci --runInBand",
     "test:watch": "yarn test --watch --updateSnapshot"
   }
-}
+}

package/dist/controls.d.ts

@@ -1,41 +0,0 @@
-export declare type ControlProp = {
-    type: "boolean";
-    label?: string;
-    defaultValue: boolean;
-} | {
-    type: "string";
-    label?: string;
-    defaultValue: string;
-    placeholder?: string;
-} | {
-    type: "select";
-    options: readonly string[];
-    defaultValue: string;
-    label?: string;
-} | {
-    type: "multiselect";
-    options: readonly string[];
-    defaultValue: string[];
-    label?: string;
-} | {
-    type: "number";
-    label?: string;
-    defaultValue: number;
-    min?: number;
-    max?: number;
-};
-export declare type ControlRecord = Record<string, ControlProp>;
-export declare type ControlValue<T extends ControlRecord> = {
-    [K in keyof T]: T[K] extends {
-        type: "boolean";
-    } ? boolean : T[K] extends {
-        type: "string";
-    } ? string : T[K] extends {
-        type: "select";
-    } ? T[K]["options"][number] : T[K] extends {
-        type: "multiselect";
-    } ? T[K]["options"][number][] : T[K] extends {
-        type: "number";
-    } ? number : never;
-};
-export declare function defineControls<T extends ControlRecord>(config: T): T;