@destyler/radio 0.0.7-beta.7 → 0.0.7-beta.9

package/dist/index.d.ts

@@ -1,194 +1,198 @@
-import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { DirectionProperty, CommonProperties, PropTypes, RequiredBy, NormalizeProps } from '@zag-js/types';
-import * as _zag_js_core from '@zag-js/core';
-import { StateMachine, Machine } from '@zag-js/core';
-
-declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "label" | "item" | "itemText" | "itemControl" | "indicator">;
+import * as _destyler_anatomy0 from "@destyler/anatomy";
+import * as _destyler_xstate0 from "@destyler/xstate";
+import { AnyEventObject, Machine, XSend, XState } from "@destyler/xstate";
+import { CommonProperties, DirectionProperty, NormalizeProps, PropTypes, RequiredBy } from "@destyler/types";
 
+//#region src/anatomy.d.ts
+declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "label" | "indicator" | "item" | "itemControl" | "itemText">;
+//#endregion
+//#region src/types.d.ts
 interface ValueChangeDetails {
-    value: string;
+  value: string;
 }
 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;
+  root: string;
+  label: string;
+  indicator: string;
+  item: (value: string) => string;
+  itemLabel: (value: string) => string;
+  itemControl: (value: string) => string;
+  itemHiddenInput: (value: string) => string;
 }>;
 interface PublicContext extends DirectionProperty, CommonProperties {
-    /**
-     * The ids of the elements in the radio. Useful for composition.
-     */
-    ids?: ElementIds | undefined;
-    /**
-     * The value of the checked radio
-     */
-    value: string | null;
-    /**
-     * 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;
-    /**
-     * Whether the checkbox is read-only
-     */
-    readOnly?: boolean | undefined;
-    /**
-     * Function called once a radio is checked
-     * @param value the value of the checked radio
-     */
-    onValueChange?: (details: ValueChangeDetails) => void;
-    /**
-     * Orientation of the radio group
-     */
-    orientation?: 'horizontal' | 'vertical' | undefined;
+  /**
+   * The ids of the elements in the radio. Useful for composition.
+   */
+  ids?: ElementIds | undefined;
+  /**
+   * The value of the checked radio
+   */
+  value: string | null;
+  /**
+   * 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;
+  /**
+   * Whether the checkbox is read-only
+   */
+  readOnly?: boolean | undefined;
+  /**
+   * Function called once a radio is checked
+   * @param value the value of the checked radio
+   */
+  onValueChange?: (details: ValueChangeDetails) => void;
+  /**
+   * Orientation of the radio group
+   */
+  orientation?: 'horizontal' | 'vertical' | undefined;
 }
 interface PrivateContext {
-    /**
-     * @internal
-     * The id of the active radio
-     */
-    activeValue: string | null;
-    /**
-     * @internal
-     * The id of the focused radio
-     */
-    focusedValue: string | null;
-    /**
-     * @internal
-     * The id of the hovered radio
-     */
-    hoveredValue: string | null;
-    /**
-     * @internal
-     * The active tab indicator's dom rect
-     */
-    indicatorRect: Partial<{
-        left: string;
-        top: string;
-        width: string;
-        height: string;
-    }>;
-    /**
-     * @internal
-     * Whether the active tab indicator's rect can transition
-     */
-    canIndicatorTransition?: boolean | undefined;
-    /**
-     * @internal
-     * Function to clean up the observer for the active tab's rect
-     */
-    indicatorCleanup?: VoidFunction | null | undefined;
-    /**
-     * @internal
-     * Whether the radio group's fieldset is disabled
-     */
-    fieldsetDisabled: boolean;
-    /**
-     * @internal
-     * Whether the radio group is in focus
-     */
-    focusVisible: boolean;
-    /**
-     * @internal
-     * Whether the radio group is in server-side rendering
-     */
-    ssr: boolean;
+  /**
+   * @internal
+   * The id of the active radio
+   */
+  activeValue: string | null;
+  /**
+   * @internal
+   * The id of the focused radio
+   */
+  focusedValue: string | null;
+  /**
+   * @internal
+   * The id of the hovered radio
+   */
+  hoveredValue: string | null;
+  /**
+   * @internal
+   * The active tab indicator's dom rect
+   */
+  indicatorRect: Partial<{
+    left: string;
+    top: string;
+    width: string;
+    height: string;
+  }>;
+  /**
+   * @internal
+   * Whether the active tab indicator's rect can transition
+   */
+  canIndicatorTransition?: boolean | undefined;
+  /**
+   * @internal
+   * Function to clean up the observer for the active tab's rect
+   */
+  indicatorCleanup?: VoidFunction | null | undefined;
+  /**
+   * @internal
+   * Whether the radio group's fieldset is disabled
+   */
+  fieldsetDisabled: boolean;
+  /**
+   * @internal
+   * Whether the radio group is in focus
+   */
+  focusVisible: boolean;
+  /**
+   * @internal
+   * Whether the radio group is in server-side rendering
+   */
+  ssr: boolean;
 }
 type UserDefinedContext = RequiredBy<PublicContext, 'id'>;
 type ComputedContext = Readonly<{
-    /**
-     * @computed
-     * Whether the radio group is disabled
-     */
-    isDisabled: boolean;
+  /**
+   * @computed
+   * Whether the radio group is disabled
+   */
+  isDisabled: boolean;
 }>;
-interface MachineContext extends PublicContext, PrivateContext, ComputedContext {
-}
+interface MachineContext extends PublicContext, PrivateContext, ComputedContext {}
 interface MachineState {
-    value: 'idle';
+  value: 'idle';
 }
-type State = StateMachine.State<MachineContext, MachineState>;
-type Send = StateMachine.Send<StateMachine.AnyEventObject>;
-type Service = Machine<MachineContext, MachineState, StateMachine.AnyEventObject>;
+type State = XState<MachineContext, MachineState>;
+type Send = XSend<AnyEventObject>;
+type Service = Machine<MachineContext, MachineState, AnyEventObject>;
 interface ItemProps {
-    value: string;
-    disabled?: boolean | undefined;
-    invalid?: boolean | undefined;
+  value: string;
+  disabled?: boolean | undefined;
+  invalid?: boolean | undefined;
 }
 interface ItemState {
-    /**
-     * Whether the radio is invalid
-     */
-    invalid: boolean;
-    /**
-     * Whether the radio is disabled
-     */
-    disabled: boolean;
-    /**
-     * Whether the radio is checked
-     */
-    checked: boolean;
-    /**
-     *  Whether the radio is focused
-     */
-    focused: boolean;
-    /**
-     * Whether the radio is hovered
-     */
-    hovered: boolean;
-    /**
-     * Whether the radio is active or pressed
-     */
-    active: boolean;
+  /**
+   * Whether the radio is invalid
+   */
+  invalid: boolean;
+  /**
+   * Whether the radio is disabled
+   */
+  disabled: boolean;
+  /**
+   * Whether the radio is checked
+   */
+  checked: boolean;
+  /**
+   *  Whether the radio is focused
+   */
+  focused: boolean;
+  /**
+   * Whether the radio is hovered
+   */
+  hovered: boolean;
+  /**
+   * Whether the radio is active or pressed
+   */
+  active: boolean;
 }
 interface MachineApi<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: () => void;
-    /**
-     * Function to focus the radio group
-     */
-    focus: () => void;
-    /**
-     * 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'];
+  /**
+   * 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: () => void;
+  /**
+   * Function to focus the radio group
+   */
+  focus: () => void;
+  /**
+   * 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'];
 }
-
+//#endregion
+//#region src/connect.d.ts
 declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
-
-declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
-
-declare const props: ("ids" | "value" | "name" | "form" | "disabled" | "readOnly" | "onValueChange" | "orientation" | "id" | "dir" | "getRootNode")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "value" | "name" | "form" | "disabled" | "readOnly" | "onValueChange" | "orientation" | "id" | "dir" | "getRootNode">];
+//#endregion
+//#region src/machine.d.ts
+declare function machine(userContext: UserDefinedContext): _destyler_xstate0.Machine<MachineContext, MachineState, _destyler_xstate0.AnyEventObject>;
+//#endregion
+//#region src/props.d.ts
+declare const props: ("value" | "ids" | "name" | "form" | "disabled" | "readOnly" | "onValueChange" | "orientation" | "dir" | "id" | "getRootNode")[];
+declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "value" | "ids" | "name" | "form" | "disabled" | "readOnly" | "onValueChange" | "orientation" | "dir" | "id" | "getRootNode">];
 declare const itemProps: (keyof ItemProps)[];
 declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
-
-export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type ItemProps, type ItemState, type Service, type ValueChangeDetails, anatomy, connect, itemProps, machine, props, splitItemProps, splitProps };
+//#endregion
+export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type ItemProps, type ItemState, type Service, type ValueChangeDetails, anatomy, connect, itemProps, machine, props, splitItemProps, splitProps };