@destyler/radio 0.0.6 → 0.0.7-beta.2

package/dist/index.d.mts

@@ -1,4 +1,194 @@
-export { f as RadioGroupIndicator, h as RadioGroupIndicatorProps, c as RadioGroupItem, e as RadioGroupItemProps, R as RadioGroupRoot, b as RadioGroupRootProps, g as radioGroupIndicatorProps, d as radioGroupItemProps, r as radioGroupRootProps } from './shared/radio.54693474.mjs';
-import 'vue';
-import '@destyler/primitive';
-import '@destyler/shared';
+import * as _zag_js_anatomy from '@zag-js/anatomy';
+import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, NormalizeProps } from '@zag-js/types';
+import * as _zag_js_core from '@zag-js/core';
+import { Machine, StateMachine } from '@zag-js/core';
+
+declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "label" | "item" | "itemText" | "itemControl" | "indicator">;
+
+interface ValueChangeDetails {
+    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;
+}>;
+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;
+}
+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;
+}
+type UserDefinedContext = RequiredBy<PublicContext, 'id'>;
+type ComputedContext = Readonly<{
+    /**
+     * @computed
+     * Whether the radio group is disabled
+     */
+    isDisabled: boolean;
+}>;
+interface MachineContext extends PublicContext, PrivateContext, ComputedContext {
+}
+interface MachineState {
+    value: 'idle';
+}
+type State = StateMachine.State<MachineContext, MachineState>;
+type Send = StateMachine.Send<StateMachine.AnyEventObject>;
+type Service = Machine<MachineContext, MachineState, StateMachine.AnyEventObject>;
+interface ItemProps {
+    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;
+}
+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'];
+}
+
+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">];
+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 };

package/dist/index.d.ts

@@ -1,4 +1,194 @@
-export { f as RadioGroupIndicator, h as RadioGroupIndicatorProps, c as RadioGroupItem, e as RadioGroupItemProps, R as RadioGroupRoot, b as RadioGroupRootProps, g as radioGroupIndicatorProps, d as radioGroupItemProps, r as radioGroupRootProps } from './shared/radio.54693474.js';
-import 'vue';
-import '@destyler/primitive';
-import '@destyler/shared';
+import * as _zag_js_anatomy from '@zag-js/anatomy';
+import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, NormalizeProps } from '@zag-js/types';
+import * as _zag_js_core from '@zag-js/core';
+import { Machine, StateMachine } from '@zag-js/core';
+
+declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "label" | "item" | "itemText" | "itemControl" | "indicator">;
+
+interface ValueChangeDetails {
+    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;
+}>;
+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;
+}
+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;
+}
+type UserDefinedContext = RequiredBy<PublicContext, 'id'>;
+type ComputedContext = Readonly<{
+    /**
+     * @computed
+     * Whether the radio group is disabled
+     */
+    isDisabled: boolean;
+}>;
+interface MachineContext extends PublicContext, PrivateContext, ComputedContext {
+}
+interface MachineState {
+    value: 'idle';
+}
+type State = StateMachine.State<MachineContext, MachineState>;
+type Send = StateMachine.Send<StateMachine.AnyEventObject>;
+type Service = Machine<MachineContext, MachineState, StateMachine.AnyEventObject>;
+interface ItemProps {
+    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;
+}
+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'];
+}
+
+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">];
+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 };