@ark-ui/react 0.9.0 → 0.10.0-beta.1

package/tabs/tab-trigger.d.ts

@@ -1,6 +1,10 @@
-import type { ForwardRefExoticComponent } from 'react';
 import type { TriggerProps } from '@zag-js/tabs';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import { type Assign } from '../types';
-export type TabTriggerProps = Assign<HTMLArkProps<'button'>, TriggerProps>;
-export declare const TabTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, TriggerProps>>;
+export type TabTriggerProps = Assign<ComponentPropsWithoutRef<typeof ark.button>, TriggerProps>;
+export declare const TabTrigger: 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>>;

package/tabs/tab-trigger.mjs

@@ -1,9 +1,9 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { useTabsContext } from './tabs-context.mjs';
 
 const TabTrigger = forwardRef((props, ref) => {
@@ -12,5 +12,6 @@ const TabTrigger = forwardRef((props, ref) => {
   const mergedProps = mergeProps(getTriggerProps(tabProps), buttonProps);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
+TabTrigger.displayName = "TabTrigger";
 
 export { TabTrigger };

package/tabs/tabs.cjs

@@ -4,14 +4,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const tabsContext = require('./tabs-context.cjs');
 const useTabs = require('./use-tabs.cjs');
 
-const Tabs = forwardRef.forwardRef((props, ref) => {
+const Tabs = react.forwardRef((props, ref) => {
   const [useTabsProps, divProps] = createSplitProps.createSplitProps()(props, [
     "activationMode",
     "defaultValue",
@@ -28,8 +28,9 @@ const Tabs = forwardRef.forwardRef((props, ref) => {
     "value"
   ]);
   const tabs = useTabs.useTabs(useTabsProps);
-  const mergedProps = react.mergeProps(tabs.rootProps, divProps);
+  const mergedProps = react$1.mergeProps(tabs.rootProps, divProps);
   return /* @__PURE__ */ jsxRuntime.jsx(tabsContext.TabsProvider, { value: tabs, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
+Tabs.displayName = "Tabs";
 
 exports.Tabs = Tabs;

package/tabs/tabs.d.ts

@@ -1,6 +1,13 @@
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Context } from '@zag-js/tabs';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseTabsProps } from './use-tabs';
-export type TabsProps = Assign<HTMLArkProps<'div'>, UseTabsProps>;
-export declare const Tabs: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, TabsProps>>;
+export type TabsProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, UseTabsProps>;
+export 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" | "id" | "orientation" | "onFocus" | "onChange" | "defaultValue" | "dir" | "loop" | "getRootNode" | "ids" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    defaultValue?: string | null | undefined;
+} & RefAttributes<HTMLDivElement>>;

package/tabs/tabs.mjs

@@ -1,9 +1,9 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { TabsProvider } from './tabs-context.mjs';
 import { useTabs } from './use-tabs.mjs';
 
@@ -27,5 +27,6 @@ const Tabs = forwardRef((props, ref) => {
   const mergedProps = mergeProps(tabs.rootProps, divProps);
   return /* @__PURE__ */ jsx(TabsProvider, { value: tabs, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
+Tabs.displayName = "Tabs";
 
 export { Tabs };

package/tabs/use-tabs.cjs

@@ -3,15 +3,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
 const tabs = require('@zag-js/tabs');
-const React = require('react');
+const react = require('react');
 const environmentContext = require('../environment/environment-context.cjs');
 
 const useTabs = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
   const initialContext = {
-    id: React.useId(),
+    id: react.useId(),
     getRootNode,
     ...props,
     value: props.defaultValue
@@ -20,8 +20,8 @@ const useTabs = (props) => {
     ...initialContext,
     value: props.value
   };
-  const [state, send] = react.useMachine(tabs.machine(initialContext), { context });
-  return tabs.connect(state, send, react.normalizeProps);
+  const [state, send] = react$1.useMachine(tabs.machine(initialContext), { context });
+  return tabs.connect(state, send, react$1.normalizeProps);
 };
 
 exports.useTabs = useTabs;

package/tags-input/tag-delete-trigger.cjs

@@ -4,21 +4,24 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 
-const TagDeleteTrigger = forwardRef.forwardRef((props, ref) => {
-  const [tagProps, buttonProps] = createSplitProps.createSplitProps()(props, [
-    "index",
-    "disabled",
-    "value"
-  ]);
-  const { getTagDeleteTriggerProps } = tagsInputContext.useTagsInputContext();
-  const mergedProps = react.mergeProps(getTagDeleteTriggerProps(tagProps), buttonProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
+const TagDeleteTrigger = react.forwardRef(
+  (props, ref) => {
+    const [tagProps, buttonProps] = createSplitProps.createSplitProps()(props, [
+      "index",
+      "disabled",
+      "value"
+    ]);
+    const { getTagDeleteTriggerProps } = tagsInputContext.useTagsInputContext();
+    const mergedProps = react$1.mergeProps(getTagDeleteTriggerProps(tagProps), buttonProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+TagDeleteTrigger.displayName = "TagDeleteTrigger";
 
 exports.TagDeleteTrigger = TagDeleteTrigger;

package/tags-input/tag-delete-trigger.d.ts

@@ -1,6 +1,15 @@
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import { type Assign } from '../types';
-import { type TagProps } from './tag';
-export type TagDeleteTriggerProps = Assign<HTMLArkProps<'button'>, TagProps>;
-export declare const TagDeleteTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, TagProps>>;
+type _TagProps = {
+    index: string | number;
+    value: string;
+    disabled?: boolean;
+};
+export type TagDeleteTriggerProps = Assign<ComponentPropsWithoutRef<typeof ark.button>, _TagProps>;
+export declare const TagDeleteTrigger: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, keyof _TagProps> & _TagProps & RefAttributes<HTMLButtonElement>>;
+export {};

package/tags-input/tag-delete-trigger.mjs

@@ -1,20 +1,23 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { useTagsInputContext } from './tags-input-context.mjs';
 
-const TagDeleteTrigger = forwardRef((props, ref) => {
-  const [tagProps, buttonProps] = createSplitProps()(props, [
-    "index",
-    "disabled",
-    "value"
-  ]);
-  const { getTagDeleteTriggerProps } = useTagsInputContext();
-  const mergedProps = mergeProps(getTagDeleteTriggerProps(tagProps), buttonProps);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
+const TagDeleteTrigger = forwardRef(
+  (props, ref) => {
+    const [tagProps, buttonProps] = createSplitProps()(props, [
+      "index",
+      "disabled",
+      "value"
+    ]);
+    const { getTagDeleteTriggerProps } = useTagsInputContext();
+    const mergedProps = mergeProps(getTagDeleteTriggerProps(tagProps), buttonProps);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+TagDeleteTrigger.displayName = "TagDeleteTrigger";
 
 export { TagDeleteTrigger };

package/tags-input/tag-input.cjs

@@ -4,17 +4,22 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 
-const TagInput = forwardRef.forwardRef((props, ref) => {
-  const [tagProps, inputProps] = createSplitProps.createSplitProps()(props, ["index", "disabled", "value"]);
+const TagInput = react.forwardRef((props, ref) => {
+  const [tagProps, inputProps] = createSplitProps.createSplitProps()(props, [
+    "index",
+    "disabled",
+    "value"
+  ]);
   const { getTagInputProps } = tagsInputContext.useTagsInputContext();
-  const mergedProps = react.mergeProps(getTagInputProps(tagProps), inputProps);
+  const mergedProps = react$1.mergeProps(getTagInputProps(tagProps), inputProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
+TagInput.displayName = "TagInput";
 
 exports.TagInput = TagInput;

package/tags-input/tag-input.d.ts

@@ -1,6 +1,15 @@
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import { type Assign } from '../types';
-import { type TagProps } from './tag';
-export type TagInputProps = Assign<HTMLArkProps<'input'>, TagProps>;
-export declare const TagInput: ForwardRefExoticComponent<Assign<AsChildComponentProps<"input">, TagInputProps>>;
+type _TagProps = {
+    index: string | number;
+    value: string;
+    disabled?: boolean;
+};
+export type TagInputProps = Assign<ComponentPropsWithoutRef<typeof ark.input>, _TagProps>;
+export declare const TagInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, keyof _TagProps> & _TagProps & RefAttributes<HTMLInputElement>>;
+export {};

package/tags-input/tag-input.mjs

@@ -1,16 +1,21 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { useTagsInputContext } from './tags-input-context.mjs';
 
 const TagInput = forwardRef((props, ref) => {
-  const [tagProps, inputProps] = createSplitProps()(props, ["index", "disabled", "value"]);
+  const [tagProps, inputProps] = createSplitProps()(props, [
+    "index",
+    "disabled",
+    "value"
+  ]);
   const { getTagInputProps } = useTagsInputContext();
   const mergedProps = mergeProps(getTagInputProps(tagProps), inputProps);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
+TagInput.displayName = "TagInput";
 
 export { TagInput };

package/tags-input/tag.cjs

@@ -4,17 +4,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 
-const Tag = forwardRef.forwardRef((props, ref) => {
+const Tag = react.forwardRef((props, ref) => {
   const [tagProps, divProps] = createSplitProps.createSplitProps()(props, ["index", "disabled", "value"]);
   const { getTagProps } = tagsInputContext.useTagsInputContext();
-  const mergedProps = react.mergeProps(getTagProps(tagProps), divProps);
+  const mergedProps = react$1.mergeProps(getTagProps(tagProps), divProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
+Tag.displayName = "Tag";
 
 exports.Tag = Tag;

package/tags-input/tag.d.ts

@@ -1,9 +1,15 @@
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import { type Assign } from '../types';
-export type TagProps = {
+type _TagProps = {
     index: string | number;
     value: string;
     disabled?: boolean;
 };
-export declare const Tag: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Assign<HTMLArkProps<"div">, TagProps>>>;
+export type TagProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, _TagProps>;
+export declare const Tag: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, keyof _TagProps> & _TagProps & RefAttributes<HTMLDivElement>>;
+export {};

package/tags-input/tag.mjs

@@ -1,9 +1,9 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { useTagsInputContext } from './tags-input-context.mjs';
 
 const Tag = forwardRef((props, ref) => {
@@ -12,5 +12,6 @@ const Tag = forwardRef((props, ref) => {
   const mergedProps = mergeProps(getTagProps(tagProps), divProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
+Tag.displayName = "Tag";
 
 export { Tag };

package/tags-input/tags-input-clear-trigger.cjs

@@ -4,15 +4,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 
-const TagsInputClearTrigger = forwardRef.forwardRef((props, ref) => {
-  const { clearTriggerProps } = tagsInputContext.useTagsInputContext();
-  const mergedProps = react.mergeProps(clearTriggerProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
+const TagsInputClearTrigger = react.forwardRef(
+  (props, ref) => {
+    const { clearTriggerProps } = tagsInputContext.useTagsInputContext();
+    const mergedProps = react$1.mergeProps(clearTriggerProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+TagsInputClearTrigger.displayName = "TagsInputClearTrigger";
 
 exports.TagsInputClearTrigger = TagsInputClearTrigger;

package/tags-input/tags-input-clear-trigger.d.ts

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type TagsInputClearTriggerProps = HTMLArkProps<'button'>;
-export declare const TagsInputClearTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type TagsInputClearTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
+export declare const TagsInputClearTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;

package/tags-input/tags-input-clear-trigger.mjs

@@ -1,14 +1,17 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { useTagsInputContext } from './tags-input-context.mjs';
 
-const TagsInputClearTrigger = forwardRef((props, ref) => {
-  const { clearTriggerProps } = useTagsInputContext();
-  const mergedProps = mergeProps(clearTriggerProps, props);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
+const TagsInputClearTrigger = forwardRef(
+  (props, ref) => {
+    const { clearTriggerProps } = useTagsInputContext();
+    const mergedProps = mergeProps(clearTriggerProps, props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+TagsInputClearTrigger.displayName = "TagsInputClearTrigger";
 
 export { TagsInputClearTrigger };

package/tags-input/tags-input-control.cjs

@@ -4,18 +4,19 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 
-const TagsInputControl = forwardRef.forwardRef((props, ref) => {
+const TagsInputControl = react.forwardRef((props, ref) => {
   const { controlProps, hiddenInputProps } = tagsInputContext.useTagsInputContext();
-  const mergedProps = react.mergeProps(controlProps, props);
+  const mergedProps = react$1.mergeProps(controlProps, props);
   return /* @__PURE__ */ jsxRuntime.jsxs(factory.ark.div, { ...mergedProps, ref, children: [
     props.children,
     /* @__PURE__ */ jsxRuntime.jsx("input", { ...hiddenInputProps })
   ] });
 });
+TagsInputControl.displayName = "TagsInputControl";
 
 exports.TagsInputControl = TagsInputControl;

package/tags-input/tags-input-control.d.ts

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type TagsInputControlProps = HTMLArkProps<'div'>;
-export declare const TagsInputControl: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, TagsInputControlProps>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type TagsInputControlProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const TagsInputControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLDivElement>>;

package/tags-input/tags-input-control.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { useTagsInputContext } from './tags-input-context.mjs';
 
 const TagsInputControl = forwardRef((props, ref) => {
@@ -13,5 +13,6 @@ const TagsInputControl = forwardRef((props, ref) => {
     /* @__PURE__ */ jsx("input", { ...hiddenInputProps })
   ] });
 });
+TagsInputControl.displayName = "TagsInputControl";
 
 export { TagsInputControl };

package/tags-input/tags-input-field.cjs

@@ -4,15 +4,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 
-const TagsInputField = forwardRef.forwardRef((props, ref) => {
+const TagsInputField = react.forwardRef((props, ref) => {
   const { inputProps } = tagsInputContext.useTagsInputContext();
-  const mergedProps = react.mergeProps(inputProps, props);
+  const mergedProps = react$1.mergeProps(inputProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
+TagsInputField.displayName = "TagsInputField";
 
 exports.TagsInputField = TagsInputField;

package/tags-input/tags-input-field.d.ts

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type TagsInputFieldProps = HTMLArkProps<'input'>;
-export declare const TagsInputField: ForwardRefExoticComponent<Assign<AsChildComponentProps<"input">, TagsInputFieldProps>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type TagsInputFieldProps = ComponentPropsWithoutRef<typeof ark.input>;
+export declare const TagsInputField: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLInputElement>>;

package/tags-input/tags-input-field.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { useTagsInputContext } from './tags-input-context.mjs';
 
 const TagsInputField = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const TagsInputField = forwardRef((props, ref) => {
   const mergedProps = mergeProps(inputProps, props);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
+TagsInputField.displayName = "TagsInputField";
 
 export { TagsInputField };

package/tags-input/tags-input-label.cjs

@@ -4,15 +4,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 
-const TagsInputLabel = forwardRef.forwardRef((props, ref) => {
+const TagsInputLabel = react.forwardRef((props, ref) => {
   const { labelProps } = tagsInputContext.useTagsInputContext();
-  const mergedProps = react.mergeProps(labelProps, props);
+  const mergedProps = react$1.mergeProps(labelProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
+TagsInputLabel.displayName = "TagsInputLabel";
 
 exports.TagsInputLabel = TagsInputLabel;

package/tags-input/tags-input-label.d.ts

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type TagsInputLabelProps = HTMLArkProps<'label'>;
-export declare const TagsInputLabel: ForwardRefExoticComponent<Assign<AsChildComponentProps<"label">, TagsInputLabelProps>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type TagsInputLabelProps = ComponentPropsWithoutRef<typeof ark.label>;
+export declare const TagsInputLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLLabelElement>>;

package/tags-input/tags-input-label.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { useTagsInputContext } from './tags-input-context.mjs';
 
 const TagsInputLabel = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const TagsInputLabel = forwardRef((props, ref) => {
   const mergedProps = mergeProps(labelProps, props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
+TagsInputLabel.displayName = "TagsInputLabel";
 
 export { TagsInputLabel };