@zag-js/tabs 0.1.10 → 0.1.13

package/dist/tabs.types.d.ts

@@ -1,120 +0,0 @@
-import type { StateMachine as S } from "@zag-js/core";
-import type { CommonProperties, Context, DirectionProperty, RequiredBy } from "@zag-js/types";
-declare type IntlMessages = {
-    tablistLabel?: string;
-    deleteLabel?(value: string): string;
-};
-declare type ElementIds = Partial<{
-    root: string;
-    trigger: string;
-    triggerGroup: string;
-    contentGroup: string;
-    content: string;
-}>;
-declare type PublicContext = DirectionProperty & CommonProperties & {
-    /**
-     * The ids of the elements in the tabs. Useful for composition.
-     */
-    ids?: ElementIds;
-    /**
-     * Specifies the localized strings that identifies the accessibility elements and their states
-     */
-    messages: IntlMessages;
-    /**
-     * Whether the keyboard navigation will loop from last tab to first, and vice versa.
-     * @default true
-     */
-    loop: boolean;
-    /**
-     * Whether the indicator is rendered.
-     */
-    isIndicatorRendered: boolean;
-    /**
-     * The selected tab id
-     */
-    value: string | null;
-    /**
-     * The orientation of the tabs. Can be `horizontal` or `vertical`
-     * - `horizontal`: only left and right arrow key navigation will work.
-     * - `vertical`: only up and down arrow key navigation will work.
-     *
-     * @default "horizontal"
-     */
-    orientation?: "horizontal" | "vertical";
-    /**
-     * The activation mode of the tabs. Can be `manual` or `automatic`
-     * - `manual`: Tabs are activated when clicked or press `enter` key.
-     * - `automatic`: Tabs are activated when receiving focus
-     * @default "automatic"
-     */
-    activationMode?: "manual" | "automatic";
-    /**
-     * Callback to be called when the selected/active tab changes
-     */
-    onChange?: (details: {
-        value: string | null;
-    }) => void;
-    /**
-     * Callback to be called when the focused tab changes
-     */
-    onFocus?: (details: {
-        value: string | null;
-    }) => void;
-    /**
-     * Callback to be called when a tab's close button is clicked
-     */
-    onDelete?: (details: {
-        value: string;
-    }) => void;
-};
-export declare type UserDefinedContext = RequiredBy<PublicContext, "id">;
-declare type ComputedContext = Readonly<{
-    /**
-     * @computed
-     * Whether the tab is in the horizontal orientation
-     */
-    isHorizontal: boolean;
-    /**
-     * @computed
-     * Whether the tab is in the vertical orientation
-     */
-    isVertical: boolean;
-}>;
-declare type PrivateContext = Context<{
-    /**
-     * @internal
-     * The focused tab id
-     */
-    focusedValue: 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 has been measured
-     */
-    hasMeasuredRect?: boolean;
-    /**
-     * @internal
-     * The previously selected tab ids. This is useful for performance optimization
-     */
-    previousValues: string[];
-}>;
-export declare type MachineContext = PublicContext & ComputedContext & PrivateContext;
-export declare type MachineState = {
-    value: "unknown" | "idle" | "focused";
-};
-export declare type State = S.State<MachineContext, MachineState>;
-export declare type Send = S.Send<S.AnyEventObject>;
-export declare type TabProps = {
-    value: string;
-    disabled?: boolean;
-};
-export {};