@ark-ui/react 0.11.0-beta.0 → 0.11.0-beta.2

package/switch/index.d.ts

@@ -1,7 +1,55 @@
-export { Switch, type SwitchProps } from './switch';
-export { useSwitchContext } from './switch-context';
-export { SwitchControl, type SwitchControlProps } from './switch-control';
-export { SwitchInput, type SwitchInputProps } from './switch-input';
-export { SwitchLabel, type SwitchLabelProps } from './switch-label';
-export { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
-export { switchAnatomy } from './switch.anatomy';
+import { PublicApi } from '@zag-js/switch';
+import { UseSwitchProps } from './use-switch';
+import { Assign } from '../types';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, ReactNode, HTMLAttributes, CSSProperties, RefAttributes, InputHTMLAttributes } from 'react';
+/// <reference types="react" />
+import { type SwitchProps } from './switch';
+import { useSwitchContext } from './switch-context';
+import { SwitchControl, type SwitchControlProps } from './switch-control';
+import { SwitchInput, type SwitchInputProps } from './switch-input';
+import { SwitchLabel, type SwitchLabelProps } from './switch-label';
+import { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
+import { switchAnatomy } from './switch.anatomy';
+declare const Switch: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, UseSwitchProps>, "children"> & {
+    children: ReactNode | ((pages: PublicApi<JSX.IntrinsicElements & {
+        element: HTMLAttributes<HTMLElement>;
+        style: CSSProperties;
+    }>) => ReactNode);
+} & RefAttributes<HTMLLabelElement>> & {
+    Root: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, UseSwitchProps>, "children"> & {
+        children: ReactNode | ((pages: PublicApi<JSX.IntrinsicElements & {
+            element: HTMLAttributes<HTMLElement>;
+            style: CSSProperties;
+        }>) => ReactNode);
+    } & RefAttributes<HTMLLabelElement>>;
+    Control: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLSpanElement>>;
+    Input: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLInputElement>>;
+    Label: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLSpanElement>>;
+    Thumb: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLSpanElement>>;
+};
+export { Switch, SwitchControl, SwitchInput, SwitchLabel, SwitchThumb, switchAnatomy, useSwitchContext, };
+export type { SwitchControlProps, SwitchInputProps, SwitchLabelProps, SwitchProps, SwitchThumbProps, };

package/switch/index.mjs

@@ -1,7 +1,17 @@
-export { Switch } from './switch.mjs';
+import { Switch as Switch$1 } from './switch.mjs';
 export { useSwitchContext } from './switch-context.mjs';
-export { SwitchControl } from './switch-control.mjs';
-export { SwitchInput } from './switch-input.mjs';
-export { SwitchLabel } from './switch-label.mjs';
-export { SwitchThumb } from './switch-thumb.mjs';
+import { SwitchControl } from './switch-control.mjs';
+import { SwitchInput } from './switch-input.mjs';
+import { SwitchLabel } from './switch-label.mjs';
+import { SwitchThumb } from './switch-thumb.mjs';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
+
+const Switch = Object.assign(Switch$1, {
+  Root: Switch$1,
+  Control: SwitchControl,
+  Input: SwitchInput,
+  Label: SwitchLabel,
+  Thumb: SwitchThumb
+});
+
+export { Switch, SwitchControl, SwitchInput, SwitchLabel, SwitchThumb };

package/switch/switch-context.d.ts

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/switch';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/switch';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UseSwitchReturn } from './use-switch';
 export type SwitchContext = UseSwitchReturn;
 export declare const SwitchProvider: Provider<PublicApi<JSX.IntrinsicElements & {

package/switch/switch-control.d.ts

@@ -1,8 +1,8 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SwitchControlProps = ComponentPropsWithoutRef<typeof ark.span>;
 export declare const SwitchControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null | undefined;
+    ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
 } & {
     asChild?: boolean | undefined;
 }, "ref"> & RefAttributes<HTMLSpanElement>>;

package/switch/switch-input.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SwitchInputProps = ComponentPropsWithoutRef<typeof ark.input>;
 export declare const SwitchInput: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {

package/switch/switch-label.d.ts

@@ -1,8 +1,8 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SwitchLabelProps = ComponentPropsWithoutRef<typeof ark.span>;
 export declare const SwitchLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null | undefined;
+    ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
 } & {
     asChild?: boolean | undefined;
 }, "ref"> & RefAttributes<HTMLSpanElement>>;

package/switch/switch-thumb.d.ts

@@ -1,8 +1,8 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SwitchThumbProps = ComponentPropsWithoutRef<typeof ark.span>;
 export declare const SwitchThumb: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null | undefined;
+    ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
 } & {
     asChild?: boolean | undefined;
 }, "ref"> & RefAttributes<HTMLSpanElement>>;

package/switch/switch.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, ReactNode } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, ReactNode } from 'react';
 import { type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import type { Assign } from '../types';

package/switch/switch.stories.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Switch } from './';
+type SwitchType = typeof Switch;
+declare const meta: Meta<SwitchType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Controlled: () => JSX.Element;
+export declare const RenderProp: () => JSX.Element;

package/switch/use-switch.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const react$1 = require('@zag-js/react');
 const zagSwitch = require('@zag-js/switch');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/switch/use-switch.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as zagSwitch from '@zag-js/switch';
 import { type Optional } from '../types';
 export type UseSwitchProps = Optional<zagSwitch.Context, 'id'>;

package/switch/use-switch.mjs

@@ -2,6 +2,7 @@
 import { useMachine, normalizeProps } from '@zag-js/react';
 import * as zagSwitch from '@zag-js/switch';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useSwitch = (props) => {

package/tabs/index.cjs

@@ -6,19 +6,25 @@ const tabContent = require('./tab-content.cjs');
 const tabIndicator = require('./tab-indicator.cjs');
 const tabList = require('./tab-list.cjs');
 const tabTrigger = require('./tab-trigger.cjs');
-const tabs = require('./tabs.cjs');
+const tabs$1 = require('./tabs.cjs');
 const tabsContext = require('./tabs-context.cjs');
-const tabs$1 = require('@zag-js/tabs');
-
+const tabs = require('@zag-js/tabs');
 
+const Tabs = Object.assign(tabs$1.Tabs, {
+  Root: tabs$1.Tabs,
+  Content: tabContent.TabContent,
+  Indicator: tabIndicator.TabIndicator,
+  List: tabList.TabList,
+  Trigger: tabTrigger.TabTrigger
+});
 
 exports.TabContent = tabContent.TabContent;
 exports.TabIndicator = tabIndicator.TabIndicator;
 exports.TabList = tabList.TabList;
 exports.TabTrigger = tabTrigger.TabTrigger;
-exports.Tabs = tabs.Tabs;
 exports.useTabsContext = tabsContext.useTabsContext;
 Object.defineProperty(exports, 'tabsAnatomy', {
-	enumerable: true,
-	get: () => tabs$1.anatomy
+  enumerable: true,
+  get: () => tabs.anatomy
 });
+exports.Tabs = Tabs;

package/tabs/index.d.ts

@@ -1,7 +1,48 @@
-export { TabContent, type TabContentProps } from './tab-content';
-export { TabIndicator, type TabIndicatorProps } from './tab-indicator';
-export { TabList, type TabListProps } from './tab-list';
-export { TabTrigger, type TabTriggerProps } from './tab-trigger';
-export { Tabs, type TabsProps } from './tabs';
-export { useTabsContext } from './tabs-context';
-export { tabsAnatomy } from './tabs.anatomy';
+import { TabPresenceProps } from './tab-presence';
+import { Context, ContentProps, TriggerProps } from '@zag-js/tabs';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ButtonHTMLAttributes } from 'react';
+/// <reference types="react" />
+import { TabContent, type TabContentProps } from './tab-content';
+import { TabIndicator, type TabIndicatorProps } from './tab-indicator';
+import { TabList, type TabListProps } from './tab-list';
+import { TabTrigger, type TabTriggerProps } from './tab-trigger';
+import { type TabsProps } from './tabs';
+import { useTabsContext } from './tabs-context';
+import { tabsAnatomy } from './tabs.anatomy';
+declare const Tabs: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "value" | "getRootNode" | "id" | "ids" | "orientation" | "onFocus" | "onChange" | "defaultValue" | "dir" | "loop" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    defaultValue?: string | null | undefined;
+} & RefAttributes<HTMLDivElement>> & {
+    Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "value" | "getRootNode" | "id" | "ids" | "orientation" | "onFocus" | "onChange" | "defaultValue" | "dir" | "loop" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+        defaultValue?: string | null | undefined;
+    } & RefAttributes<HTMLDivElement>>;
+    Content: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & ContentProps & Omit<TabPresenceProps, "children"> & RefAttributes<HTMLDivElement>>;
+    Indicator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    List: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Trigger: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof TriggerProps> & TriggerProps & RefAttributes<HTMLButtonElement>>;
+};
+export { TabContent, TabIndicator, TabList, TabTrigger, Tabs, tabsAnatomy, useTabsContext };
+export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsProps };

package/tabs/index.mjs

@@ -1,7 +1,17 @@
-export { TabContent } from './tab-content.mjs';
-export { TabIndicator } from './tab-indicator.mjs';
-export { TabList } from './tab-list.mjs';
-export { TabTrigger } from './tab-trigger.mjs';
-export { Tabs } from './tabs.mjs';
+import { TabContent } from './tab-content.mjs';
+import { TabIndicator } from './tab-indicator.mjs';
+import { TabList } from './tab-list.mjs';
+import { TabTrigger } from './tab-trigger.mjs';
+import { Tabs as Tabs$1 } from './tabs.mjs';
 export { useTabsContext } from './tabs-context.mjs';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';
+
+const Tabs = Object.assign(Tabs$1, {
+  Root: Tabs$1,
+  Content: TabContent,
+  Indicator: TabIndicator,
+  List: TabList,
+  Trigger: TabTrigger
+});
+
+export { TabContent, TabIndicator, TabList, TabTrigger, Tabs };

package/tabs/tab-content.cjs

@@ -9,9 +9,10 @@ require('@zag-js/tabs');
 const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
-const splitPresenceProps = require('../presence/split-presence-props.cjs');
+require('../presence/index.cjs');
 const tabPresence = require('./tab-presence.cjs');
 const tabsContext = require('./tabs-context.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
 
 const TabContent = react.forwardRef((props, ref) => {
   const [presenceProps, tabContentProps] = splitPresenceProps.splitPresenceProps(props);

package/tabs/tab-content.d.ts

@@ -1,5 +1,5 @@
 import { type ContentProps } from '@zag-js/tabs';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type TabPresenceProps } from './tab-presence';
 export type TabContentProps = InnerTabContentProps & Omit<TabPresenceProps, 'children'>;

package/tabs/tab-content.mjs

@@ -5,9 +5,10 @@ import '@zag-js/tabs';
 import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { splitPresenceProps } from '../presence/split-presence-props.mjs';
+import '../presence/index.mjs';
 import { TabPresence } from './tab-presence.mjs';
 import { useTabsContext } from './tabs-context.mjs';
+import { splitPresenceProps } from '../presence/split-presence-props.mjs';
 
 const TabContent = forwardRef((props, ref) => {
   const [presenceProps, tabContentProps] = splitPresenceProps(props);

package/tabs/tab-indicator.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type TabIndicatorProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const TabIndicator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/tabs/tab-list.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type TabListProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const TabList: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/tabs/tab-presence.cjs

@@ -5,13 +5,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 require('@zag-js/tabs');
-const presence = require('../presence/presence.cjs');
+const index = require('../presence/index.cjs');
 const tabsContext = require('./tabs-context.cjs');
 
 const TabPresence = (props) => {
   const { present, ...rest } = props;
   const { value } = tabsContext.useTabsContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(presence.Presence, { present: present !== void 0 ? present : value === props.value, ...rest });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Presence, { present: present !== void 0 ? present : value === props.value, ...rest });
 };
 
 exports.TabPresence = TabPresence;

package/tabs/tab-presence.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { type ContentProps } from '@zag-js/tabs';
 import { type PresenceProps } from '../presence';
 export type TabPresenceProps = PresenceProps & ContentProps;

package/tabs/tab-presence.mjs

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import '@zag-js/tabs';
-import { Presence } from '../presence/presence.mjs';
+import { Presence } from '../presence/index.mjs';
 import { useTabsContext } from './tabs-context.mjs';
 
 const TabPresence = (props) => {

package/tabs/tab-trigger.d.ts

@@ -1,5 +1,5 @@
 import type { TriggerProps } from '@zag-js/tabs';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 export type TabTriggerProps = Assign<ComponentPropsWithoutRef<typeof ark.button>, TriggerProps>;

package/tabs/tabs-context.d.ts

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/tabs';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/tabs';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UseTabsReturn } from './use-tabs';
 export type TabsContext = UseTabsReturn;
 export declare const TabsProvider: Provider<PublicApi<JSX.IntrinsicElements & {

package/tabs/tabs.d.ts

@@ -1,5 +1,5 @@
-import type { Context } from '@zag-js/tabs';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { Context } from '@zag-js/tabs';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseTabsProps } from './use-tabs';
@@ -8,6 +8,6 @@ export declare const Tabs: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTML
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "value" | "id" | "orientation" | "onFocus" | "onChange" | "defaultValue" | "dir" | "loop" | "getRootNode" | "ids" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "value" | "getRootNode" | "id" | "ids" | "orientation" | "onFocus" | "onChange" | "defaultValue" | "dir" | "loop" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: string | null | undefined;
 } & RefAttributes<HTMLDivElement>>;

package/tabs/tabs.stories.d.ts

@@ -0,0 +1,14 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Tabs } from '.';
+type TabsType = typeof Tabs;
+declare const meta: Meta<TabsType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const InitialTab: () => JSX.Element;
+export declare const Indicator: () => JSX.Element;
+export declare const LazyMount: () => JSX.Element;
+export declare const DisabledTab: () => JSX.Element;
+export declare const Controlled: () => JSX.Element;
+export declare const Vertical: () => JSX.Element;
+export declare const Manual: () => JSX.Element;

package/tabs/tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/tabs/use-tabs.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const react$1 = require('@zag-js/react');
 const tabs = require('@zag-js/tabs');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 const useTabs = (props) => {

package/tabs/use-tabs.d.ts

@@ -1,5 +1,6 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
-import type { PublicApi, type Context } from '@zag-js/tabs';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
+import { PublicApi, type Context } from '@zag-js/tabs';
 import { type Optional } from '../types';
 export type UseTabsProps = Optional<Context, 'id'> & {
     defaultValue?: Context['value'];

package/tabs/use-tabs.mjs

@@ -2,6 +2,7 @@
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { machine, connect } from '@zag-js/tabs';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useTabs = (props) => {

package/tags-input/index.cjs

@@ -5,26 +5,35 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const tag = require('./tag.cjs');
 const tagDeleteTrigger = require('./tag-delete-trigger.cjs');
 const tagInput = require('./tag-input.cjs');
-const tagsInput = require('./tags-input.cjs');
+const tagsInput$1 = require('./tags-input.cjs');
 const tagsInputClearTrigger = require('./tags-input-clear-trigger.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 const tagsInputControl = require('./tags-input-control.cjs');
 const tagsInputField = require('./tags-input-field.cjs');
 const tagsInputLabel = require('./tags-input-label.cjs');
-const tagsInput$1 = require('@zag-js/tags-input');
-
+const tagsInput = require('@zag-js/tags-input');
 
+const TagsInput = Object.assign(tagsInput$1.TagsInput, {
+  Root: tagsInput$1.TagsInput,
+  ClearTrigger: tagsInputClearTrigger.TagsInputClearTrigger,
+  Control: tagsInputControl.TagsInputControl,
+  Field: tagsInputField.TagsInputField,
+  Label: tagsInputLabel.TagsInputLabel,
+  Tag: tag.Tag,
+  TagInput: tagInput.TagInput,
+  TagDeleteTrigger: tagDeleteTrigger.TagDeleteTrigger
+});
 
 exports.Tag = tag.Tag;
 exports.TagDeleteTrigger = tagDeleteTrigger.TagDeleteTrigger;
 exports.TagInput = tagInput.TagInput;
-exports.TagsInput = tagsInput.TagsInput;
 exports.TagsInputClearTrigger = tagsInputClearTrigger.TagsInputClearTrigger;
 exports.useTagsInputContext = tagsInputContext.useTagsInputContext;
 exports.TagsInputControl = tagsInputControl.TagsInputControl;
 exports.TagsInputField = tagsInputField.TagsInputField;
 exports.TagsInputLabel = tagsInputLabel.TagsInputLabel;
 Object.defineProperty(exports, 'tagsInputAnatomy', {
-	enumerable: true,
-	get: () => tagsInput$1.anatomy
+  enumerable: true,
+  get: () => tagsInput.anatomy
 });
+exports.TagsInput = TagsInput;

package/tags-input/index.d.ts

@@ -1,10 +1,90 @@
-export { Tag, type TagProps } from './tag';
-export { TagDeleteTrigger, type TagDeleteTriggerProps } from './tag-delete-trigger';
-export { TagInput, type TagInputProps } from './tag-input';
-export { TagsInput, type TagsInputProps } from './tags-input';
-export { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
-export { useTagsInputContext } from './tags-input-context';
-export { TagsInputControl, type TagsInputControlProps } from './tags-input-control';
-export { TagsInputField, type TagsInputFieldProps } from './tags-input-field';
-export { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';
-export { tagsInputAnatomy } from './tags-input.anatomy';
+import { UseTagsInputProps } from './use-tags-input';
+import { Assign } from '../types';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, ReactNode, RefAttributes, ButtonHTMLAttributes, HTMLAttributes, LabelHTMLAttributes } from 'react';
+/// <reference types="react" />
+import { Tag, type TagProps } from './tag';
+import { TagDeleteTrigger, type TagDeleteTriggerProps } from './tag-delete-trigger';
+import { TagInput, type TagInputProps } from './tag-input';
+import { type TagsInputProps } from './tags-input';
+import { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
+import { useTagsInputContext } from './tags-input-context';
+import { TagsInputControl, type TagsInputControlProps } from './tags-input-control';
+import { TagsInputField, type TagsInputFieldProps } from './tags-input-field';
+import { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';
+import { tagsInputAnatomy } from './tags-input.anatomy';
+declare const TagsInput: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, UseTagsInputProps>, "children"> & {
+    children: ReactNode | ((pages: UseTagsInputProps) => ReactNode);
+} & RefAttributes<HTMLInputElement>> & {
+    Root: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, UseTagsInputProps>, "children"> & {
+        children: ReactNode | ((pages: UseTagsInputProps) => ReactNode);
+    } & RefAttributes<HTMLInputElement>>;
+    ClearTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    Control: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Field: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLInputElement>>;
+    Label: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLLabelElement>>;
+    Tag: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    }> & {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    } & RefAttributes<HTMLDivElement>>;
+    TagInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    }> & {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    } & RefAttributes<HTMLInputElement>>;
+    TagDeleteTrigger: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    }> & {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    } & RefAttributes<HTMLButtonElement>>;
+};
+export { Tag, TagDeleteTrigger, TagInput, TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputField, TagsInputLabel, tagsInputAnatomy, useTagsInputContext, };
+export type { TagDeleteTriggerProps, TagInputProps, TagProps, TagsInputClearTriggerProps, TagsInputControlProps, TagsInputFieldProps, TagsInputLabelProps, TagsInputProps, };