@ark-ui/react 3.4.0-0 → 3.4.0

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

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

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

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

package/dist/components/popover/popover-trigger.d.cts

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

package/dist/components/popover/popover-trigger.d.ts

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

package/dist/components/portal/portal.cjs

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const domQuery = require('@zag-js/dom-query');
 const react = require('react');
 const reactDom = require('react-dom');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
@@ -13,11 +14,15 @@ const Portal = (props) => {
   const { children, container, disabled } = props;
   const isServer = useIsServer.useIsServer();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
-  if (isServer || disabled)
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  const doc = getRootNode?.().ownerDocument ?? document;
-  const mountNode = container?.current ?? doc.body;
+  if (isServer || disabled) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  const mountNode = container?.current ?? getPortalNode(getRootNode);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: react.Children.map(children, (child) => reactDom.createPortal(child, mountNode)) });
 };
+function getPortalNode(cb) {
+  const node = cb?.();
+  const rootNode = node.getRootNode();
+  if (domQuery.isShadowRoot(rootNode)) return rootNode;
+  return domQuery.getDocument(node).body;
+}
 
 exports.Portal = Portal;

package/dist/components/portal/portal.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
+import { isShadowRoot, getDocument } from '@zag-js/dom-query';
 import { Children } from 'react';
 import { createPortal } from 'react-dom';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
@@ -9,11 +10,15 @@ const Portal = (props) => {
   const { children, container, disabled } = props;
   const isServer = useIsServer();
   const { getRootNode } = useEnvironmentContext();
-  if (isServer || disabled)
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  const doc = getRootNode?.().ownerDocument ?? document;
-  const mountNode = container?.current ?? doc.body;
+  if (isServer || disabled) return /* @__PURE__ */ jsx(Fragment, { children });
+  const mountNode = container?.current ?? getPortalNode(getRootNode);
   return /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (child) => createPortal(child, mountNode)) });
 };
+function getPortalNode(cb) {
+  const node = cb?.();
+  const rootNode = node.getRootNode();
+  if (isShadowRoot(rootNode)) return rootNode;
+  return getDocument(node).body;
+}
 
 export { Portal };

package/dist/components/presence/presence.d.cts

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from './use-presence';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface PresenceBaseProps extends UsePresenceProps {
+export interface PresenceBaseProps extends UsePresenceProps, PolymorphicProps {
 }
-export interface PresenceProps extends Assign<HTMLArkProps<'div'>, PresenceBaseProps> {
+export interface PresenceProps extends HTMLProps<'div'>, PresenceBaseProps {
 }
 export declare const Presence: ForwardRefExoticComponent<PresenceProps & RefAttributes<HTMLDivElement>>;

package/dist/components/presence/presence.d.ts

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from './use-presence';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface PresenceBaseProps extends UsePresenceProps {
+export interface PresenceBaseProps extends UsePresenceProps, PolymorphicProps {
 }
-export interface PresenceProps extends Assign<HTMLArkProps<'div'>, PresenceBaseProps> {
+export interface PresenceProps extends HTMLProps<'div'>, PresenceBaseProps {
 }
 export declare const Presence: ForwardRefExoticComponent<PresenceProps & RefAttributes<HTMLDivElement>>;

package/dist/components/progress/progress-circle-range.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 useProgressContext = require('./use-progress-context.cjs');
 
-const ProgressCircleRange = (props) => {
-  const progress = useProgressContext.useProgressContext();
-  const mergedProps = react.mergeProps(progress.getCircleRangeProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.circle, { ...mergedProps });
-};
+const ProgressCircleRange = react.forwardRef(
+  (props, ref) => {
+    const progress = useProgressContext.useProgressContext();
+    const mergedProps = react$1.mergeProps(progress.getCircleRangeProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.circle, { ref, ...mergedProps });
+  }
+);
 ProgressCircleRange.displayName = "ProgressCircleRange";
 
 exports.ProgressCircleRange = ProgressCircleRange;

package/dist/components/progress/progress-circle-range.d.cts

@@ -1,9 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ProgressCircleRangeBaseProps = {};
-export interface ProgressCircleRangeProps extends HTMLArkProps<'circle'>, ProgressCircleRangeBaseProps {
+export interface ProgressCircleRangeBaseProps extends PolymorphicProps {
 }
-export declare const ProgressCircleRange: {
-    (props: ProgressCircleRangeProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export interface ProgressCircleRangeProps extends HTMLProps<'circle'>, ProgressCircleRangeBaseProps {
+}
+export declare const ProgressCircleRange: ForwardRefExoticComponent<ProgressCircleRangeProps & RefAttributes<SVGCircleElement>>;

package/dist/components/progress/progress-circle-range.d.ts

@@ -1,9 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ProgressCircleRangeBaseProps = {};
-export interface ProgressCircleRangeProps extends HTMLArkProps<'circle'>, ProgressCircleRangeBaseProps {
+export interface ProgressCircleRangeBaseProps extends PolymorphicProps {
 }
-export declare const ProgressCircleRange: {
-    (props: ProgressCircleRangeProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export interface ProgressCircleRangeProps extends HTMLProps<'circle'>, ProgressCircleRangeBaseProps {
+}
+export declare const ProgressCircleRange: ForwardRefExoticComponent<ProgressCircleRangeProps & RefAttributes<SVGCircleElement>>;

package/dist/components/progress/progress-circle-range.js

@@ -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.js';
 import { useProgressContext } from './use-progress-context.js';
 
-const ProgressCircleRange = (props) => {
-  const progress = useProgressContext();
-  const mergedProps = mergeProps(progress.getCircleRangeProps(), props);
-  return /* @__PURE__ */ jsx(ark.circle, { ...mergedProps });
-};
+const ProgressCircleRange = forwardRef(
+  (props, ref) => {
+    const progress = useProgressContext();
+    const mergedProps = mergeProps(progress.getCircleRangeProps(), props);
+    return /* @__PURE__ */ jsx(ark.circle, { ref, ...mergedProps });
+  }
+);
 ProgressCircleRange.displayName = "ProgressCircleRange";
 
 export { ProgressCircleRange };

package/dist/components/progress/progress-circle-track.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 useProgressContext = require('./use-progress-context.cjs');
 
-const ProgressCircleTrack = (props) => {
-  const progress = useProgressContext.useProgressContext();
-  const mergedProps = react.mergeProps(progress.getCircleTrackProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.circle, { ...mergedProps });
-};
+const ProgressCircleTrack = react.forwardRef(
+  (props, ref) => {
+    const progress = useProgressContext.useProgressContext();
+    const mergedProps = react$1.mergeProps(progress.getCircleTrackProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.circle, { ref, ...mergedProps });
+  }
+);
 ProgressCircleTrack.displayName = "ProgressCircleTrack";
 
 exports.ProgressCircleTrack = ProgressCircleTrack;

package/dist/components/progress/progress-circle-track.d.cts

@@ -1,9 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ProgressCircleTrackBaseProps = {};
-export interface ProgressCircleTrackProps extends HTMLArkProps<'circle'>, ProgressCircleTrackBaseProps {
+export interface ProgressCircleTrackBaseProps extends PolymorphicProps {
 }
-export declare const ProgressCircleTrack: {
-    (props: ProgressCircleTrackProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export interface ProgressCircleTrackProps extends HTMLProps<'circle'>, ProgressCircleTrackBaseProps {
+}
+export declare const ProgressCircleTrack: ForwardRefExoticComponent<ProgressCircleTrackProps & RefAttributes<SVGCircleElement>>;

package/dist/components/progress/progress-circle-track.d.ts

@@ -1,9 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ProgressCircleTrackBaseProps = {};
-export interface ProgressCircleTrackProps extends HTMLArkProps<'circle'>, ProgressCircleTrackBaseProps {
+export interface ProgressCircleTrackBaseProps extends PolymorphicProps {
 }
-export declare const ProgressCircleTrack: {
-    (props: ProgressCircleTrackProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export interface ProgressCircleTrackProps extends HTMLProps<'circle'>, ProgressCircleTrackBaseProps {
+}
+export declare const ProgressCircleTrack: ForwardRefExoticComponent<ProgressCircleTrackProps & RefAttributes<SVGCircleElement>>;

package/dist/components/progress/progress-circle-track.js

@@ -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.js';
 import { useProgressContext } from './use-progress-context.js';
 
-const ProgressCircleTrack = (props) => {
-  const progress = useProgressContext();
-  const mergedProps = mergeProps(progress.getCircleTrackProps(), props);
-  return /* @__PURE__ */ jsx(ark.circle, { ...mergedProps });
-};
+const ProgressCircleTrack = forwardRef(
+  (props, ref) => {
+    const progress = useProgressContext();
+    const mergedProps = mergeProps(progress.getCircleTrackProps(), props);
+    return /* @__PURE__ */ jsx(ark.circle, { ref, ...mergedProps });
+  }
+);
 ProgressCircleTrack.displayName = "ProgressCircleTrack";
 
 export { ProgressCircleTrack };

package/dist/components/progress/progress-circle.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 useProgressContext = require('./use-progress-context.cjs');
 
-const ProgressCircle = (props) => {
+const ProgressCircle = react.forwardRef((props, ref) => {
   const progress = useProgressContext.useProgressContext();
-  const mergedProps = react.mergeProps(progress.getCircleProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.svg, { ...mergedProps });
-};
+  const mergedProps = react$1.mergeProps(progress.getCircleProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.svg, { ref, ...mergedProps });
+});
 ProgressCircle.displayName = "ProgressCircle";
 
 exports.ProgressCircle = ProgressCircle;

package/dist/components/progress/progress-circle.d.cts

@@ -1,9 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ProgressCircleBaseProps = {};
-export interface ProgressCircleProps extends HTMLArkProps<'svg'>, ProgressCircleBaseProps {
+export interface ProgressCircleBaseProps extends PolymorphicProps {
 }
-export declare const ProgressCircle: {
-    (props: ProgressCircleProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export interface ProgressCircleProps extends HTMLProps<'svg'>, ProgressCircleBaseProps {
+}
+export declare const ProgressCircle: ForwardRefExoticComponent<ProgressCircleProps & RefAttributes<SVGSVGElement>>;

package/dist/components/progress/progress-circle.d.ts

@@ -1,9 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type ProgressCircleBaseProps = {};
-export interface ProgressCircleProps extends HTMLArkProps<'svg'>, ProgressCircleBaseProps {
+export interface ProgressCircleBaseProps extends PolymorphicProps {
 }
-export declare const ProgressCircle: {
-    (props: ProgressCircleProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export interface ProgressCircleProps extends HTMLProps<'svg'>, ProgressCircleBaseProps {
+}
+export declare const ProgressCircle: ForwardRefExoticComponent<ProgressCircleProps & RefAttributes<SVGSVGElement>>;

package/dist/components/progress/progress-circle.js

@@ -1,14 +1,15 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useProgressContext } from './use-progress-context.js';
 
-const ProgressCircle = (props) => {
+const ProgressCircle = forwardRef((props, ref) => {
   const progress = useProgressContext();
   const mergedProps = mergeProps(progress.getCircleProps(), props);
-  return /* @__PURE__ */ jsx(ark.svg, { ...mergedProps });
-};
+  return /* @__PURE__ */ jsx(ark.svg, { ref, ...mergedProps });
+});
 ProgressCircle.displayName = "ProgressCircle";
 
 export { ProgressCircle };

package/dist/components/progress/progress-label.d.cts

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

package/dist/components/progress/progress-label.d.ts

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

package/dist/components/progress/progress-range.d.cts

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

package/dist/components/progress/progress-range.d.ts

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

package/dist/components/progress/progress-root-provider.d.cts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseProgressReturn } from './use-progress';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseProgressReturn;
 }
-export interface ProgressRootProviderBaseProps extends RootProviderProps {
+export interface ProgressRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface ProgressRootProviderProps extends HTMLArkProps<'div'>, ProgressRootProviderBaseProps {
+export interface ProgressRootProviderProps extends HTMLProps<'div'>, ProgressRootProviderBaseProps {
 }
 export declare const ProgressRootProvider: ForwardRefExoticComponent<ProgressRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/progress/progress-root-provider.d.ts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseProgressReturn } from './use-progress';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseProgressReturn;
 }
-export interface ProgressRootProviderBaseProps extends RootProviderProps {
+export interface ProgressRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface ProgressRootProviderProps extends HTMLArkProps<'div'>, ProgressRootProviderBaseProps {
+export interface ProgressRootProviderProps extends HTMLProps<'div'>, ProgressRootProviderBaseProps {
 }
 export declare const ProgressRootProvider: ForwardRefExoticComponent<ProgressRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseProgressProps } from './use-progress';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressRootBaseProps extends UseProgressProps {
+export interface ProgressRootBaseProps extends UseProgressProps, PolymorphicProps {
 }
-export interface ProgressRootProps extends Assign<HTMLArkProps<'div'>, ProgressRootBaseProps> {
+export interface ProgressRootProps extends HTMLProps<'div'>, ProgressRootBaseProps {
 }
 export declare const ProgressRoot: ForwardRefExoticComponent<ProgressRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseProgressProps } from './use-progress';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressRootBaseProps extends UseProgressProps {
+export interface ProgressRootBaseProps extends UseProgressProps, PolymorphicProps {
 }
-export interface ProgressRootProps extends Assign<HTMLArkProps<'div'>, ProgressRootBaseProps> {
+export interface ProgressRootProps extends HTMLProps<'div'>, ProgressRootBaseProps {
 }
 export declare const ProgressRoot: ForwardRefExoticComponent<ProgressRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/progress/progress-track.d.cts

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

package/dist/components/progress/progress-track.d.ts

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

package/dist/components/progress/progress-value-text.d.cts

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

package/dist/components/progress/progress-value-text.d.ts

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

package/dist/components/progress/progress-view.d.cts

@@ -1,10 +1,9 @@
 import { ViewProps } from '@zag-js/progress';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressViewBaseProps extends ViewProps {
+export interface ProgressViewBaseProps extends ViewProps, PolymorphicProps {
 }
-export interface ProgressViewProps extends Assign<HTMLArkProps<'span'>, ProgressViewBaseProps> {
+export interface ProgressViewProps extends HTMLProps<'span'>, ProgressViewBaseProps {
 }
 export declare const ProgressView: ForwardRefExoticComponent<ProgressViewProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/progress/progress-view.d.ts

@@ -1,10 +1,9 @@
 import { ViewProps } from '@zag-js/progress';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressViewBaseProps extends ViewProps {
+export interface ProgressViewBaseProps extends ViewProps, PolymorphicProps {
 }
-export interface ProgressViewProps extends Assign<HTMLArkProps<'span'>, ProgressViewBaseProps> {
+export interface ProgressViewProps extends HTMLProps<'span'>, ProgressViewBaseProps {
 }
 export declare const ProgressView: ForwardRefExoticComponent<ProgressViewProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/qr-code/qr-code-frame.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type QrCodeFrameBaseProps = {};
-export interface QrCodeFrameProps extends HTMLArkProps<'svg'>, QrCodeFrameBaseProps {
+export interface QrCodeFrameBaseProps extends PolymorphicProps {
+}
+export interface QrCodeFrameProps extends HTMLProps<'svg'>, QrCodeFrameBaseProps {
 }
 export declare const QrCodeFrame: ForwardRefExoticComponent<QrCodeFrameProps & RefAttributes<SVGSVGElement>>;

package/dist/components/qr-code/qr-code-frame.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type QrCodeFrameBaseProps = {};
-export interface QrCodeFrameProps extends HTMLArkProps<'svg'>, QrCodeFrameBaseProps {
+export interface QrCodeFrameBaseProps extends PolymorphicProps {
+}
+export interface QrCodeFrameProps extends HTMLProps<'svg'>, QrCodeFrameBaseProps {
 }
 export declare const QrCodeFrame: ForwardRefExoticComponent<QrCodeFrameProps & RefAttributes<SVGSVGElement>>;