@ark-ui/react 3.4.0-0 → 3.4.0

package/dist/components/tags-input/tags-input-input.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputInputBaseProps = {};
-export interface TagsInputInputProps extends HTMLArkProps<'input'>, TagsInputInputBaseProps {
+export interface TagsInputInputBaseProps extends PolymorphicProps {
+}
+export interface TagsInputInputProps extends HTMLProps<'input'>, TagsInputInputBaseProps {
 }
 export declare const TagsInputInput: ForwardRefExoticComponent<TagsInputInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/tags-input/tags-input-input.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputInputBaseProps = {};
-export interface TagsInputInputProps extends HTMLArkProps<'input'>, TagsInputInputBaseProps {
+export interface TagsInputInputBaseProps extends PolymorphicProps {
+}
+export interface TagsInputInputProps extends HTMLProps<'input'>, TagsInputInputBaseProps {
 }
 export declare const TagsInputInput: ForwardRefExoticComponent<TagsInputInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/tags-input/tags-input-item-delete-trigger.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputItemDeleteTriggerBaseProps = {};
-export interface TagsInputItemDeleteTriggerProps extends HTMLArkProps<'button'>, TagsInputItemDeleteTriggerBaseProps {
+export interface TagsInputItemDeleteTriggerBaseProps extends PolymorphicProps {
+}
+export interface TagsInputItemDeleteTriggerProps extends HTMLProps<'button'>, TagsInputItemDeleteTriggerBaseProps {
 }
 export declare const TagsInputItemDeleteTrigger: ForwardRefExoticComponent<TagsInputItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/tags-input/tags-input-item-delete-trigger.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputItemDeleteTriggerBaseProps = {};
-export interface TagsInputItemDeleteTriggerProps extends HTMLArkProps<'button'>, TagsInputItemDeleteTriggerBaseProps {
+export interface TagsInputItemDeleteTriggerBaseProps extends PolymorphicProps {
+}
+export interface TagsInputItemDeleteTriggerProps extends HTMLProps<'button'>, TagsInputItemDeleteTriggerBaseProps {
 }
 export declare const TagsInputItemDeleteTrigger: ForwardRefExoticComponent<TagsInputItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/tags-input/tags-input-item-input.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputItemInputBaseProps = {};
-export interface TagsInputItemInputProps extends HTMLArkProps<'input'>, TagsInputItemInputBaseProps {
+export interface TagsInputItemInputBaseProps extends PolymorphicProps {
+}
+export interface TagsInputItemInputProps extends HTMLProps<'input'>, TagsInputItemInputBaseProps {
 }
 export declare const TagsInputItemInput: ForwardRefExoticComponent<TagsInputItemInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/tags-input/tags-input-item-input.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputItemInputBaseProps = {};
-export interface TagsInputItemInputProps extends HTMLArkProps<'input'>, TagsInputItemInputBaseProps {
+export interface TagsInputItemInputBaseProps extends PolymorphicProps {
+}
+export interface TagsInputItemInputProps extends HTMLProps<'input'>, TagsInputItemInputBaseProps {
 }
 export declare const TagsInputItemInput: ForwardRefExoticComponent<TagsInputItemInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/tags-input/tags-input-item-preview.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputItemPreviewBaseProps = {};
-export interface TagsInputItemPreviewProps extends HTMLArkProps<'div'>, TagsInputItemPreviewBaseProps {
+export interface TagsInputItemPreviewBaseProps extends PolymorphicProps {
+}
+export interface TagsInputItemPreviewProps extends HTMLProps<'div'>, TagsInputItemPreviewBaseProps {
 }
 export declare const TagsInputItemPreview: ForwardRefExoticComponent<TagsInputItemPreviewProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tags-input/tags-input-item-preview.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputItemPreviewBaseProps = {};
-export interface TagsInputItemPreviewProps extends HTMLArkProps<'div'>, TagsInputItemPreviewBaseProps {
+export interface TagsInputItemPreviewBaseProps extends PolymorphicProps {
+}
+export interface TagsInputItemPreviewProps extends HTMLProps<'div'>, TagsInputItemPreviewBaseProps {
 }
 export declare const TagsInputItemPreview: ForwardRefExoticComponent<TagsInputItemPreviewProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tags-input/tags-input-item-text.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputItemTextBaseProps = {};
-export interface TagsInputItemTextProps extends HTMLArkProps<'span'>, TagsInputItemTextBaseProps {
+export interface TagsInputItemTextBaseProps extends PolymorphicProps {
+}
+export interface TagsInputItemTextProps extends HTMLProps<'span'>, TagsInputItemTextBaseProps {
 }
 export declare const TagsInputItemText: ForwardRefExoticComponent<TagsInputItemTextProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/tags-input/tags-input-item-text.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputItemTextBaseProps = {};
-export interface TagsInputItemTextProps extends HTMLArkProps<'span'>, TagsInputItemTextBaseProps {
+export interface TagsInputItemTextBaseProps extends PolymorphicProps {
+}
+export interface TagsInputItemTextProps extends HTMLProps<'span'>, TagsInputItemTextBaseProps {
 }
 export declare const TagsInputItemText: ForwardRefExoticComponent<TagsInputItemTextProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/tags-input/tags-input-item.d.cts

@@ -1,10 +1,9 @@
 import { ItemProps } from '@zag-js/tags-input';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TagsInputItemBaseProps extends ItemProps {
+export interface TagsInputItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface TagsInputItemProps extends Assign<HTMLArkProps<'div'>, TagsInputItemBaseProps> {
+export interface TagsInputItemProps extends HTMLProps<'div'>, TagsInputItemBaseProps {
 }
 export declare const TagsInputItem: ForwardRefExoticComponent<TagsInputItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tags-input/tags-input-item.d.ts

@@ -1,10 +1,9 @@
 import { ItemProps } from '@zag-js/tags-input';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TagsInputItemBaseProps extends ItemProps {
+export interface TagsInputItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface TagsInputItemProps extends Assign<HTMLArkProps<'div'>, TagsInputItemBaseProps> {
+export interface TagsInputItemProps extends HTMLProps<'div'>, TagsInputItemBaseProps {
 }
 export declare const TagsInputItem: ForwardRefExoticComponent<TagsInputItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tags-input/tags-input-label.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputLabelBaseProps = {};
-export interface TagsInputLabelProps extends HTMLArkProps<'label'>, TagsInputLabelBaseProps {
+export interface TagsInputLabelBaseProps extends PolymorphicProps {
+}
+export interface TagsInputLabelProps extends HTMLProps<'label'>, TagsInputLabelBaseProps {
 }
 export declare const TagsInputLabel: ForwardRefExoticComponent<TagsInputLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type TagsInputLabelBaseProps = {};
-export interface TagsInputLabelProps extends HTMLArkProps<'label'>, TagsInputLabelBaseProps {
+export interface TagsInputLabelBaseProps extends PolymorphicProps {
+}
+export interface TagsInputLabelProps extends HTMLProps<'label'>, TagsInputLabelBaseProps {
 }
 export declare const TagsInputLabel: ForwardRefExoticComponent<TagsInputLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/tags-input/tags-input-root-provider.d.cts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTagsInputReturn } from './use-tags-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseTagsInputReturn;
 }
-export interface TagsInputRootProviderBaseProps extends RootProviderProps {
+export interface TagsInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface TagsInputRootProviderProps extends HTMLArkProps<'div'>, TagsInputRootProviderBaseProps {
+export interface TagsInputRootProviderProps extends HTMLProps<'div'>, TagsInputRootProviderBaseProps {
 }
 export declare const TagsInputRootProvider: ForwardRefExoticComponent<TagsInputRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/tags-input/tags-input-root-provider.d.ts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTagsInputReturn } from './use-tags-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseTagsInputReturn;
 }
-export interface TagsInputRootProviderBaseProps extends RootProviderProps {
+export interface TagsInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface TagsInputRootProviderProps extends HTMLArkProps<'div'>, TagsInputRootProviderBaseProps {
+export interface TagsInputRootProviderProps extends HTMLProps<'div'>, TagsInputRootProviderBaseProps {
 }
 export declare const TagsInputRootProvider: ForwardRefExoticComponent<TagsInputRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/tags-input/tags-input-root.cjs

@@ -37,6 +37,7 @@ const TagsInputRoot = react.forwardRef((props, ref) => {
     "onValueChange",
     "onValueInvalid",
     "readOnly",
+    "required",
     "translations",
     "validate",
     "value"

package/dist/components/tags-input/tags-input-root.d.cts

@@ -1,10 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTagsInputProps } from './use-tags-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TagsInputRootBaseProps extends UseTagsInputProps {
+export interface TagsInputRootBaseProps extends UseTagsInputProps, PolymorphicProps {
 }
-export interface TagsInputRootProps extends Assign<HTMLArkProps<'div'>, TagsInputRootBaseProps> {
+export interface TagsInputRootProps extends Assign<HTMLProps<'div'>, TagsInputRootBaseProps> {
 }
 export declare const TagsInputRoot: ForwardRefExoticComponent<TagsInputRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tags-input/tags-input-root.d.ts

@@ -1,10 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTagsInputProps } from './use-tags-input';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TagsInputRootBaseProps extends UseTagsInputProps {
+export interface TagsInputRootBaseProps extends UseTagsInputProps, PolymorphicProps {
 }
-export interface TagsInputRootProps extends Assign<HTMLArkProps<'div'>, TagsInputRootBaseProps> {
+export interface TagsInputRootProps extends Assign<HTMLProps<'div'>, TagsInputRootBaseProps> {
 }
 export declare const TagsInputRoot: ForwardRefExoticComponent<TagsInputRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tags-input/tags-input-root.js

@@ -33,6 +33,7 @@ const TagsInputRoot = forwardRef((props, ref) => {
     "onValueChange",
     "onValueInvalid",
     "readOnly",
+    "required",
     "translations",
     "validate",
     "value"

package/dist/components/tags-input/use-tags-input.cjs

@@ -9,6 +9,7 @@ const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
 const useEvent = require('../../utils/use-event.cjs');
+const useFieldContext = require('../field/use-field-context.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -32,9 +33,18 @@ const tagsInput__namespace = /*#__PURE__*/_interopNamespaceDefault(tagsInput);
 const useTagsInput = (props) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
+  const field = useFieldContext.useFieldContext();
   const initialContext = {
     id: react.useId(),
+    ids: {
+      label: field?.ids.label,
+      hiddenInput: field?.ids.control
+    },
     dir,
+    disabled: field?.disabled,
+    invalid: field?.invalid,
+    readOnly: field?.readOnly,
+    required: field?.required,
     getRootNode,
     value: props.defaultValue,
     ...props

package/dist/components/tags-input/use-tags-input.js

@@ -5,13 +5,23 @@ import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useEvent } from '../../utils/use-event.js';
+import { useFieldContext } from '../field/use-field-context.js';
 
 const useTagsInput = (props) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
+  const field = useFieldContext();
   const initialContext = {
     id: useId(),
+    ids: {
+      label: field?.ids.label,
+      hiddenInput: field?.ids.control
+    },
     dir,
+    disabled: field?.disabled,
+    invalid: field?.invalid,
+    readOnly: field?.readOnly,
+    required: field?.required,
     getRootNode,
     value: props.defaultValue,
     ...props

package/dist/components/toast/toast-action-trigger.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ToastActionTriggerBaseProps = {};
-export interface ToastActionTriggerProps extends HTMLArkProps<'button'>, ToastActionTriggerBaseProps {
+export interface ToastActionTriggerBaseProps extends PolymorphicProps {
+}
+export interface ToastActionTriggerProps extends HTMLProps<'button'>, ToastActionTriggerBaseProps {
 }
 export declare const ToastActionTrigger: ForwardRefExoticComponent<ToastActionTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/toast/toast-action-trigger.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ToastActionTriggerBaseProps = {};
-export interface ToastActionTriggerProps extends HTMLArkProps<'button'>, ToastActionTriggerBaseProps {
+export interface ToastActionTriggerBaseProps extends PolymorphicProps {
+}
+export interface ToastActionTriggerProps extends HTMLProps<'button'>, ToastActionTriggerBaseProps {
 }
 export declare const ToastActionTrigger: ForwardRefExoticComponent<ToastActionTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/toast/toast-close-trigger.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ToastCloseTriggerBaseProps = {};
-export interface ToastCloseTriggerProps extends HTMLArkProps<'button'>, ToastCloseTriggerBaseProps {
+export interface ToastCloseTriggerBaseProps extends PolymorphicProps {
+}
+export interface ToastCloseTriggerProps extends HTMLProps<'button'>, ToastCloseTriggerBaseProps {
 }
 export declare const ToastCloseTrigger: ForwardRefExoticComponent<ToastCloseTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/toast/toast-close-trigger.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ToastCloseTriggerBaseProps = {};
-export interface ToastCloseTriggerProps extends HTMLArkProps<'button'>, ToastCloseTriggerBaseProps {
+export interface ToastCloseTriggerBaseProps extends PolymorphicProps {
+}
+export interface ToastCloseTriggerProps extends HTMLProps<'button'>, ToastCloseTriggerBaseProps {
 }
 export declare const ToastCloseTrigger: ForwardRefExoticComponent<ToastCloseTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/toast/toast-description.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ToastDescriptionBaseProps = {};
-export interface ToastDescriptionProps extends HTMLArkProps<'div'>, ToastDescriptionBaseProps {
+export interface ToastDescriptionBaseProps extends PolymorphicProps {
+}
+export interface ToastDescriptionProps extends HTMLProps<'div'>, ToastDescriptionBaseProps {
 }
 export declare const ToastDescription: ForwardRefExoticComponent<ToastDescriptionProps & RefAttributes<HTMLDivElement>>;

package/dist/components/toast/toast-description.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ToastDescriptionBaseProps = {};
-export interface ToastDescriptionProps extends HTMLArkProps<'div'>, ToastDescriptionBaseProps {
+export interface ToastDescriptionBaseProps extends PolymorphicProps {
+}
+export interface ToastDescriptionProps extends HTMLProps<'div'>, ToastDescriptionBaseProps {
 }
 export declare const ToastDescription: ForwardRefExoticComponent<ToastDescriptionProps & RefAttributes<HTMLDivElement>>;

package/dist/components/toast/toast-root.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ToastRootBaseProps = {};
-export interface ToastRootProps extends HTMLArkProps<'div'>, ToastRootBaseProps {
+export interface ToastRootBaseProps extends PolymorphicProps {
+}
+export interface ToastRootProps extends HTMLProps<'div'>, ToastRootBaseProps {
 }
 export declare const ToastRoot: ForwardRefExoticComponent<ToastRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/toast/toast-root.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ToastRootBaseProps = {};
-export interface ToastRootProps extends HTMLArkProps<'div'>, ToastRootBaseProps {
+export interface ToastRootBaseProps extends PolymorphicProps {
+}
+export interface ToastRootProps extends HTMLProps<'div'>, ToastRootBaseProps {
 }
 export declare const ToastRoot: ForwardRefExoticComponent<ToastRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/toast/toast-title.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ToastTitleBaseProps = {};
-export interface ToastTitleProps extends HTMLArkProps<'div'>, ToastTitleBaseProps {
+export interface ToastTitleBaseProps extends PolymorphicProps {
+}
+export interface ToastTitleProps extends HTMLProps<'div'>, ToastTitleBaseProps {
 }
 export declare const ToastTitle: ForwardRefExoticComponent<ToastTitleProps & RefAttributes<HTMLDivElement>>;

package/dist/components/toast/toast-title.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ToastTitleBaseProps = {};
-export interface ToastTitleProps extends HTMLArkProps<'div'>, ToastTitleBaseProps {
+export interface ToastTitleBaseProps extends PolymorphicProps {
+}
+export interface ToastTitleProps extends HTMLProps<'div'>, ToastTitleBaseProps {
 }
 export declare const ToastTitle: ForwardRefExoticComponent<ToastTitleProps & RefAttributes<HTMLDivElement>>;

package/dist/components/toast/toast.d.cts

@@ -1,9 +1,6 @@
-import { ToastActionTrigger as ActionTrigger, ToastActionTriggerProps as ActionTriggerProps } from './toast-action-trigger';
-import { ToastCloseTrigger as CloseTrigger, ToastCloseTriggerProps as CloseTriggerProps } from './toast-close-trigger';
-import { ToastContext as Context, ToastContextProps as ContextProps } from './toast-context';
-import { ToastDescription as Description, ToastDescriptionProps as DescriptionProps } from './toast-description';
-import { ToastRoot as Root, ToastRootProps as RootProps } from './toast-root';
-import { ToastTitle as Title, ToastTitleProps as TitleProps } from './toast-title';
-
-export { ActionTrigger, CloseTrigger, Context, Description, Root, Title };
-export type { ActionTriggerProps, CloseTriggerProps, ContextProps, DescriptionProps, RootProps, TitleProps, };
+export { ToastActionTrigger as ActionTrigger, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, type ToastActionTriggerProps as ActionTriggerProps, } from './toast-action-trigger';
+export { ToastCloseTrigger as CloseTrigger, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, type ToastCloseTriggerProps as CloseTriggerProps, } from './toast-close-trigger';
+export { ToastContext as Context, type ToastContextProps as ContextProps } from './toast-context';
+export { ToastDescription as Description, type ToastDescriptionBaseProps as DescriptionBaseProps, type ToastDescriptionProps as DescriptionProps, } from './toast-description';
+export { ToastRoot as Root, type ToastRootBaseProps as RootBaseProps, type ToastRootProps as RootProps, } from './toast-root';
+export { ToastTitle as Title, type ToastTitleBaseProps as TitleBaseProps, type ToastTitleProps as TitleProps, } from './toast-title';

package/dist/components/toast/toast.d.ts

@@ -1,9 +1,6 @@
-import { ToastActionTrigger as ActionTrigger, ToastActionTriggerProps as ActionTriggerProps } from './toast-action-trigger';
-import { ToastCloseTrigger as CloseTrigger, ToastCloseTriggerProps as CloseTriggerProps } from './toast-close-trigger';
-import { ToastContext as Context, ToastContextProps as ContextProps } from './toast-context';
-import { ToastDescription as Description, ToastDescriptionProps as DescriptionProps } from './toast-description';
-import { ToastRoot as Root, ToastRootProps as RootProps } from './toast-root';
-import { ToastTitle as Title, ToastTitleProps as TitleProps } from './toast-title';
-
-export { ActionTrigger, CloseTrigger, Context, Description, Root, Title };
-export type { ActionTriggerProps, CloseTriggerProps, ContextProps, DescriptionProps, RootProps, TitleProps, };
+export { ToastActionTrigger as ActionTrigger, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, type ToastActionTriggerProps as ActionTriggerProps, } from './toast-action-trigger';
+export { ToastCloseTrigger as CloseTrigger, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, type ToastCloseTriggerProps as CloseTriggerProps, } from './toast-close-trigger';
+export { ToastContext as Context, type ToastContextProps as ContextProps } from './toast-context';
+export { ToastDescription as Description, type ToastDescriptionBaseProps as DescriptionBaseProps, type ToastDescriptionProps as DescriptionProps, } from './toast-description';
+export { ToastRoot as Root, type ToastRootBaseProps as RootBaseProps, type ToastRootProps as RootProps, } from './toast-root';
+export { ToastTitle as Title, type ToastTitleBaseProps as TitleBaseProps, type ToastTitleProps as TitleProps, } from './toast-title';

package/dist/components/toast/toaster.d.cts

@@ -1,12 +1,12 @@
 import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { CreateToasterReturn } from './create-toaster';
 import * as toast from '@zag-js/toast';
-export interface ToasterBaseProps {
+export interface ToasterBaseProps extends PolymorphicProps {
     toaster: CreateToasterReturn;
     children: (toast: toast.Options<ReactNode>) => ReactNode;
 }
-export interface ToasterProps extends Assign<HTMLArkProps<'div'>, ToasterBaseProps> {
+export interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {
 }
 export declare const Toaster: ForwardRefExoticComponent<ToasterProps & RefAttributes<HTMLDivElement>>;

package/dist/components/toast/toaster.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { CreateToasterReturn } from './create-toaster';
 import * as toast from '@zag-js/toast';
-export interface ToasterBaseProps {
+export interface ToasterBaseProps extends PolymorphicProps {
     toaster: CreateToasterReturn;
     children: (toast: toast.Options<ReactNode>) => ReactNode;
 }
-export interface ToasterProps extends Assign<HTMLArkProps<'div'>, ToasterBaseProps> {
+export interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {
 }
 export declare const Toaster: ForwardRefExoticComponent<ToasterProps & RefAttributes<HTMLDivElement>>;

package/dist/components/toggle-group/toggle-group-item.d.cts

@@ -1,10 +1,10 @@
 import { ItemProps } from '@zag-js/toggle-group';
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ToggleGroupItemBaseProps extends ItemProps {
+export interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface ToggleGroupItemProps extends Assign<HTMLArkProps<'button'>, ToggleGroupItemBaseProps> {
+export interface ToggleGroupItemProps extends Assign<HTMLProps<'button'>, ToggleGroupItemBaseProps> {
 }
 export declare const ToggleGroupItem: ForwardRefExoticComponent<ToggleGroupItemProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/toggle-group/toggle-group-item.d.ts

@@ -1,10 +1,10 @@
 import { ItemProps } from '@zag-js/toggle-group';
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ToggleGroupItemBaseProps extends ItemProps {
+export interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface ToggleGroupItemProps extends Assign<HTMLArkProps<'button'>, ToggleGroupItemBaseProps> {
+export interface ToggleGroupItemProps extends Assign<HTMLProps<'button'>, ToggleGroupItemBaseProps> {
 }
 export declare const ToggleGroupItem: ForwardRefExoticComponent<ToggleGroupItemProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/toggle-group/toggle-group-root-provider.d.cts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseToggleGroupReturn } from './use-toggle-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseToggleGroupReturn;
 }
-export interface ToggleGroupRootProviderBaseProps extends RootProviderProps {
+export interface ToggleGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface ToggleGroupRootProviderProps extends HTMLArkProps<'div'>, ToggleGroupRootProviderBaseProps {
+export interface ToggleGroupRootProviderProps extends HTMLProps<'div'>, ToggleGroupRootProviderBaseProps {
 }
 export declare const ToggleGroupRootProvider: ForwardRefExoticComponent<ToggleGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/toggle-group/toggle-group-root-provider.d.ts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseToggleGroupReturn } from './use-toggle-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseToggleGroupReturn;
 }
-export interface ToggleGroupRootProviderBaseProps extends RootProviderProps {
+export interface ToggleGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface ToggleGroupRootProviderProps extends HTMLArkProps<'div'>, ToggleGroupRootProviderBaseProps {
+export interface ToggleGroupRootProviderProps extends HTMLProps<'div'>, ToggleGroupRootProviderBaseProps {
 }
 export declare const ToggleGroupRootProvider: ForwardRefExoticComponent<ToggleGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/toggle-group/toggle-group-root.d.cts

@@ -1,10 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseToggleGroupProps } from './use-toggle-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ToggleGroupRootBaseProps extends UseToggleGroupProps {
+export interface ToggleGroupRootBaseProps extends UseToggleGroupProps, PolymorphicProps {
 }
-export interface ToggleGroupRootProps extends Assign<HTMLArkProps<'div'>, ToggleGroupRootBaseProps> {
+export interface ToggleGroupRootProps extends Assign<HTMLProps<'div'>, ToggleGroupRootBaseProps> {
 }
 export declare const ToggleGroupRoot: ForwardRefExoticComponent<ToggleGroupRootProps & RefAttributes<HTMLDivElement>>;