@zag-js/radio-group 1.34.1 → 1.35.1

package/dist/radio-group.types.d.ts

@@ -0,0 +1,193 @@
+import { Machine, EventObject, Service } from '@zag-js/core';
+import { PropTypes, RequiredBy, DirectionProperty, CommonProperties, Rect } from '@zag-js/types';
+
+interface ValueChangeDetails {
+    value: string | null;
+}
+type ElementIds = Partial<{
+    root: string;
+    label: string;
+    indicator: string;
+    item: (value: string) => string;
+    itemLabel: (value: string) => string;
+    itemControl: (value: string) => string;
+    itemHiddenInput: (value: string) => string;
+}>;
+interface RadioGroupProps extends DirectionProperty, CommonProperties {
+    /**
+     * The ids of the elements in the radio. Useful for composition.
+     */
+    ids?: ElementIds | undefined;
+    /**
+     * The controlled value of the radio group
+     */
+    value?: string | null | undefined;
+    /**
+     * The initial value of the checked radio when rendered.
+     * Use when you don't need to control the value of the radio group.
+     */
+    defaultValue?: string | null | undefined;
+    /**
+     * The name of the input fields in the radio
+     * (Useful for form submission).
+     */
+    name?: string | undefined;
+    /**
+     * The associate form of the underlying input.
+     */
+    form?: string | undefined;
+    /**
+     * If `true`, the radio group will be disabled
+     */
+    disabled?: boolean | undefined;
+    /**
+     * If `true`, the radio group is marked as invalid.
+     */
+    invalid?: boolean | undefined;
+    /**
+     * If `true`, the radio group is marked as required.
+     */
+    required?: boolean | undefined;
+    /**
+     * Whether the radio group is read-only
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Function called once a radio is checked
+     */
+    onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
+    /**
+     * Orientation of the radio group
+     */
+    orientation?: "horizontal" | "vertical" | undefined;
+}
+interface PrivateContext {
+    /**
+     * The value of the checked radio
+     */
+    value: string | null;
+    /**
+     * The id of the active radio
+     */
+    activeValue: string | null;
+    /**
+     * The id of the focused radio
+     */
+    focusedValue: string | null;
+    /**
+     * The id of the radio that has focus-visible
+     */
+    focusVisibleValue: string | null;
+    /**
+     * The id of the hovered radio
+     */
+    hoveredValue: string | null;
+    /**
+     * The active tab indicator's dom rect
+     */
+    indicatorRect: Rect | null;
+    /**
+     * Whether the radio group's fieldset is disabled
+     */
+    fieldsetDisabled: boolean;
+    /**
+     * Whether the radio group is in server-side rendering
+     */
+    ssr: boolean;
+}
+type PropsWithDefault = "orientation";
+type ComputedContext = Readonly<{
+    /**
+     * Whether the radio group is disabled
+     */
+    isDisabled: boolean;
+}>;
+interface Refs {
+    /**
+     * Function to clean up the observer for the active tab's rect
+     */
+    indicatorCleanup: VoidFunction | null;
+}
+interface RadioGroupSchema {
+    state: "idle";
+    props: RequiredBy<RadioGroupProps, PropsWithDefault>;
+    context: PrivateContext;
+    computed: ComputedContext;
+    refs: Refs;
+    event: EventObject;
+    action: string;
+    effect: string;
+    guard: string;
+}
+type RadioGroupService = Service<RadioGroupSchema>;
+type RadioGroupMachine = Machine<RadioGroupSchema>;
+interface ItemProps {
+    value: string;
+    disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+}
+interface ItemState {
+    /**
+     * The value of the item
+     */
+    value: string;
+    /**
+     * Whether the item is invalid
+     */
+    invalid: boolean;
+    /**
+     * Whether the item is disabled
+     */
+    disabled: boolean;
+    /**
+     * Whether the item is checked
+     */
+    checked: boolean;
+    /**
+     *  Whether the item is focused
+     */
+    focused: boolean;
+    /**
+     * Whether the item is focused and the focus is visible
+     */
+    focusVisible: boolean;
+    /**
+     * Whether the item is hovered
+     */
+    hovered: boolean;
+    /**
+     * Whether the item is active or pressed
+     */
+    active: boolean;
+}
+interface RadioGroupApi<T extends PropTypes = PropTypes> {
+    /**
+     * The current value of the radio group
+     */
+    value: string | null;
+    /**
+     * Function to set the value of the radio group
+     */
+    setValue: (value: string) => void;
+    /**
+     * Function to clear the value of the radio group
+     */
+    clearValue: VoidFunction;
+    /**
+     * Function to focus the radio group
+     */
+    focus: VoidFunction;
+    /**
+     * Returns the state details of a radio input
+     */
+    getItemState: (props: ItemProps) => ItemState;
+    getRootProps: () => T["element"];
+    getLabelProps: () => T["element"];
+    getItemProps: (props: ItemProps) => T["label"];
+    getItemTextProps: (props: ItemProps) => T["element"];
+    getItemControlProps: (props: ItemProps) => T["element"];
+    getItemHiddenInputProps: (props: ItemProps) => T["input"];
+    getIndicatorProps: () => T["element"];
+}
+
+export type { ElementIds, ItemProps, ItemState, RadioGroupApi, RadioGroupMachine, RadioGroupProps, RadioGroupSchema, RadioGroupService, ValueChangeDetails };

package/dist/radio-group.types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/radio-group.types.ts
+var radio_group_types_exports = {};
+module.exports = __toCommonJS(radio_group_types_exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/radio-group",
-  "version": "1.34.1",
+  "version": "1.35.1",
   "description": "Core logic for the radio group widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,17 +27,17 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.34.1",
-    "@zag-js/dom-query": "1.34.1",
-    "@zag-js/focus-visible": "1.34.1",
-    "@zag-js/utils": "1.34.1",
-    "@zag-js/core": "1.34.1",
-    "@zag-js/types": "1.34.1"
+    "@zag-js/anatomy": "1.35.1",
+    "@zag-js/dom-query": "1.35.1",
+    "@zag-js/focus-visible": "1.35.1",
+    "@zag-js/utils": "1.35.1",
+    "@zag-js/core": "1.35.1",
+    "@zag-js/types": "1.35.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"
   },
-  "clean-package": "../../../clean-package.config.json",
+  "clean-package": "./clean-package.config.json",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -52,6 +52,16 @@
         "default": "./dist/index.js"
       }
     },
+    "./anatomy": {
+      "import": {
+        "types": "./dist/radio-group.anatomy.d.mts",
+        "default": "./dist/radio-group.anatomy.mjs"
+      },
+      "require": {
+        "types": "./dist/radio-group.anatomy.d.ts",
+        "default": "./dist/radio-group.anatomy.js"
+      }
+    },
     "./package.json": "./package.json"
   },
   "scripts": {