@ark-ui/react 3.3.0 → 3.4.0-1

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

@@ -1,8 +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 PresenceProps extends Assign<HTMLArkProps<'div'>, UsePresenceProps> {
+export interface PresenceBaseProps extends UsePresenceProps, PolymorphicProps {
+}
+export interface PresenceProps extends HTMLProps<'div'>, PresenceBaseProps {
 }
 export declare const Presence: ForwardRefExoticComponent<PresenceProps & RefAttributes<HTMLDivElement>>;

package/dist/components/progress/index.d.cts

@@ -1,14 +1,14 @@
-export { ProgressCircle, type ProgressCircleProps } from './progress-circle';
-export { ProgressCircleRange, type ProgressCircleRangeProps } from './progress-circle-range';
-export { ProgressCircleTrack, type ProgressCircleTrackProps } from './progress-circle-track';
-export { ProgressContext, type ProgressContextProps } from './progress-context';
-export { ProgressLabel, type ProgressLabelProps } from './progress-label';
-export { ProgressRange, type ProgressRangeProps } from './progress-range';
-export { ProgressRoot, type ProgressRootProps } from './progress-root';
-export { ProgressRootProvider, type ProgressRootProviderProps } from './progress-root-provider';
-export { ProgressTrack, type ProgressTrackProps } from './progress-track';
-export { ProgressValueText, type ProgressValueTextProps } from './progress-value-text';
-export { ProgressView, type ProgressViewProps } from './progress-view';
+export { ProgressCircle, type ProgressCircleProps, type ProgressCircleBaseProps, } from './progress-circle';
+export { ProgressCircleRange, type ProgressCircleRangeProps, type ProgressCircleRangeBaseProps, } from './progress-circle-range';
+export { ProgressCircleTrack, type ProgressCircleTrackProps, type ProgressCircleTrackBaseProps, } from './progress-circle-track';
+export { ProgressContext, type ProgressContextProps, } from './progress-context';
+export { ProgressLabel, type ProgressLabelProps, type ProgressLabelBaseProps, } from './progress-label';
+export { ProgressRange, type ProgressRangeProps, type ProgressRangeBaseProps, } from './progress-range';
+export { ProgressRoot, type ProgressRootProps, type ProgressRootBaseProps, } from './progress-root';
+export { ProgressRootProvider, type ProgressRootProviderProps, type ProgressRootProviderBaseProps, } from './progress-root-provider';
+export { ProgressTrack, type ProgressTrackProps, type ProgressTrackBaseProps, } from './progress-track';
+export { ProgressValueText, type ProgressValueTextProps, type ProgressValueTextBaseProps, } from './progress-value-text';
+export { ProgressView, type ProgressViewProps, type ProgressViewBaseProps, } from './progress-view';
 export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress';
 export { useProgressContext, type UseProgressContext } from './use-progress-context';
 export * as Progress from './progress';

package/dist/components/progress/index.d.ts

@@ -1,14 +1,14 @@
-export { ProgressCircle, type ProgressCircleProps } from './progress-circle';
-export { ProgressCircleRange, type ProgressCircleRangeProps } from './progress-circle-range';
-export { ProgressCircleTrack, type ProgressCircleTrackProps } from './progress-circle-track';
-export { ProgressContext, type ProgressContextProps } from './progress-context';
-export { ProgressLabel, type ProgressLabelProps } from './progress-label';
-export { ProgressRange, type ProgressRangeProps } from './progress-range';
-export { ProgressRoot, type ProgressRootProps } from './progress-root';
-export { ProgressRootProvider, type ProgressRootProviderProps } from './progress-root-provider';
-export { ProgressTrack, type ProgressTrackProps } from './progress-track';
-export { ProgressValueText, type ProgressValueTextProps } from './progress-value-text';
-export { ProgressView, type ProgressViewProps } from './progress-view';
+export { ProgressCircle, type ProgressCircleProps, type ProgressCircleBaseProps, } from './progress-circle';
+export { ProgressCircleRange, type ProgressCircleRangeProps, type ProgressCircleRangeBaseProps, } from './progress-circle-range';
+export { ProgressCircleTrack, type ProgressCircleTrackProps, type ProgressCircleTrackBaseProps, } from './progress-circle-track';
+export { ProgressContext, type ProgressContextProps, } from './progress-context';
+export { ProgressLabel, type ProgressLabelProps, type ProgressLabelBaseProps, } from './progress-label';
+export { ProgressRange, type ProgressRangeProps, type ProgressRangeBaseProps, } from './progress-range';
+export { ProgressRoot, type ProgressRootProps, type ProgressRootBaseProps, } from './progress-root';
+export { ProgressRootProvider, type ProgressRootProviderProps, type ProgressRootProviderBaseProps, } from './progress-root-provider';
+export { ProgressTrack, type ProgressTrackProps, type ProgressTrackBaseProps, } from './progress-track';
+export { ProgressValueText, type ProgressValueTextProps, type ProgressValueTextBaseProps, } from './progress-value-text';
+export { ProgressView, type ProgressViewProps, type ProgressViewBaseProps, } from './progress-view';
 export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress';
 export { useProgressContext, type UseProgressContext } from './use-progress-context';
 export * as Progress from './progress';

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,8 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressCircleRangeProps extends HTMLArkProps<'circle'> {
+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,8 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressCircleRangeProps extends HTMLArkProps<'circle'> {
+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,8 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressCircleTrackProps extends HTMLArkProps<'circle'> {
+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,8 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressCircleTrackProps extends HTMLArkProps<'circle'> {
+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,8 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressCircleProps extends HTMLArkProps<'svg'> {
+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,8 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressCircleProps extends HTMLArkProps<'svg'> {
+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,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressLabelProps extends HTMLArkProps<'label'> {
+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,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressLabelProps extends HTMLArkProps<'label'> {
+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,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressRangeProps extends HTMLArkProps<'div'> {
+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,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressRangeProps extends HTMLArkProps<'div'> {
+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,11 +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 ProgressRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface ProgressRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+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,11 +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 ProgressRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface ProgressRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+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,8 +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 ProgressRootProps extends Assign<HTMLArkProps<'div'>, UseProgressProps> {
+export interface ProgressRootBaseProps extends UseProgressProps, PolymorphicProps {
+}
+export interface ProgressRootProps extends HTMLProps<'div'>, ProgressRootBaseProps {
 }
 export declare const ProgressRoot: ForwardRefExoticComponent<ProgressRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +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 ProgressRootProps extends Assign<HTMLArkProps<'div'>, UseProgressProps> {
+export interface ProgressRootBaseProps extends UseProgressProps, PolymorphicProps {
+}
+export interface ProgressRootProps extends HTMLProps<'div'>, ProgressRootBaseProps {
 }
 export declare const ProgressRoot: ForwardRefExoticComponent<ProgressRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressTrackProps extends HTMLArkProps<'div'> {
+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,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressTrackProps extends HTMLArkProps<'div'> {
+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,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressValueTextProps extends HTMLArkProps<'span'> {
+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,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ProgressValueTextProps extends HTMLArkProps<'span'> {
+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,8 +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 ProgressViewProps extends Assign<HTMLArkProps<'span'>, ViewProps> {
+export interface ProgressViewBaseProps extends ViewProps, PolymorphicProps {
+}
+export interface ProgressViewProps extends HTMLProps<'span'>, ProgressViewBaseProps {
 }
 export declare const ProgressView: ForwardRefExoticComponent<ProgressViewProps & RefAttributes<HTMLSpanElement>>;

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

@@ -1,8 +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 ProgressViewProps extends Assign<HTMLArkProps<'span'>, ViewProps> {
+export interface ProgressViewBaseProps extends ViewProps, PolymorphicProps {
+}
+export interface ProgressViewProps extends HTMLProps<'span'>, ProgressViewBaseProps {
 }
 export declare const ProgressView: ForwardRefExoticComponent<ProgressViewProps & RefAttributes<HTMLSpanElement>>;

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

@@ -1,11 +1,11 @@
-export { ProgressCircle as Circle, type ProgressCircleProps as CircleProps, } from './progress-circle';
-export { ProgressCircleRange as CircleRange, type ProgressCircleRangeProps as CircleRangeProps, } from './progress-circle-range';
-export { ProgressCircleTrack as CircleTrack, type ProgressCircleTrackProps as CircleTrackProps, } from './progress-circle-track';
+export { ProgressCircle as Circle, type ProgressCircleProps as CircleProps, type ProgressCircleBaseProps as CircleBaseProps, } from './progress-circle';
+export { ProgressCircleRange as CircleRange, type ProgressCircleRangeProps as CircleRangeProps, type ProgressCircleRangeBaseProps as CircleRangeBaseProps, } from './progress-circle-range';
+export { ProgressCircleTrack as CircleTrack, type ProgressCircleTrackProps as CircleTrackProps, type ProgressCircleTrackBaseProps as CircleTrackBaseProps, } from './progress-circle-track';
 export { ProgressContext as Context, type ProgressContextProps as ContextProps, } from './progress-context';
-export { ProgressLabel as Label, type ProgressLabelProps as LabelProps } from './progress-label';
-export { ProgressRange as Range, type ProgressRangeProps as RangeProps } from './progress-range';
-export { ProgressRoot as Root, type ProgressRootProps as RootProps } from './progress-root';
-export { ProgressRootProvider as RootProvider, type ProgressRootProviderProps as RootProviderProps, } from './progress-root-provider';
-export { ProgressTrack as Track, type ProgressTrackProps as TrackProps } from './progress-track';
-export { ProgressValueText as ValueText, type ProgressValueTextProps as ValueTextProps, } from './progress-value-text';
-export { ProgressView as View, type ProgressViewProps as ViewProps } from './progress-view';
+export { ProgressLabel as Label, type ProgressLabelProps as LabelProps, type ProgressLabelBaseProps as LabelBaseProps, } from './progress-label';
+export { ProgressRange as Range, type ProgressRangeProps as RangeProps, type ProgressRangeBaseProps as RangeBaseProps, } from './progress-range';
+export { ProgressRoot as Root, type ProgressRootProps as RootProps, type ProgressRootBaseProps as RootBaseProps, } from './progress-root';
+export { ProgressRootProvider as RootProvider, type ProgressRootProviderProps as RootProviderProps, type ProgressRootProviderBaseProps as RootProviderBaseProps, } from './progress-root-provider';
+export { ProgressTrack as Track, type ProgressTrackProps as TrackProps, type ProgressTrackBaseProps as TrackBaseProps, } from './progress-track';
+export { ProgressValueText as ValueText, type ProgressValueTextProps as ValueTextProps, type ProgressValueTextBaseProps as ValueTextBaseProps, } from './progress-value-text';
+export { ProgressView as View, type ProgressViewProps as ViewProps, type ProgressViewBaseProps as ViewBaseProps, } from './progress-view';

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

@@ -1,11 +1,11 @@
-export { ProgressCircle as Circle, type ProgressCircleProps as CircleProps, } from './progress-circle';
-export { ProgressCircleRange as CircleRange, type ProgressCircleRangeProps as CircleRangeProps, } from './progress-circle-range';
-export { ProgressCircleTrack as CircleTrack, type ProgressCircleTrackProps as CircleTrackProps, } from './progress-circle-track';
+export { ProgressCircle as Circle, type ProgressCircleProps as CircleProps, type ProgressCircleBaseProps as CircleBaseProps, } from './progress-circle';
+export { ProgressCircleRange as CircleRange, type ProgressCircleRangeProps as CircleRangeProps, type ProgressCircleRangeBaseProps as CircleRangeBaseProps, } from './progress-circle-range';
+export { ProgressCircleTrack as CircleTrack, type ProgressCircleTrackProps as CircleTrackProps, type ProgressCircleTrackBaseProps as CircleTrackBaseProps, } from './progress-circle-track';
 export { ProgressContext as Context, type ProgressContextProps as ContextProps, } from './progress-context';
-export { ProgressLabel as Label, type ProgressLabelProps as LabelProps } from './progress-label';
-export { ProgressRange as Range, type ProgressRangeProps as RangeProps } from './progress-range';
-export { ProgressRoot as Root, type ProgressRootProps as RootProps } from './progress-root';
-export { ProgressRootProvider as RootProvider, type ProgressRootProviderProps as RootProviderProps, } from './progress-root-provider';
-export { ProgressTrack as Track, type ProgressTrackProps as TrackProps } from './progress-track';
-export { ProgressValueText as ValueText, type ProgressValueTextProps as ValueTextProps, } from './progress-value-text';
-export { ProgressView as View, type ProgressViewProps as ViewProps } from './progress-view';
+export { ProgressLabel as Label, type ProgressLabelProps as LabelProps, type ProgressLabelBaseProps as LabelBaseProps, } from './progress-label';
+export { ProgressRange as Range, type ProgressRangeProps as RangeProps, type ProgressRangeBaseProps as RangeBaseProps, } from './progress-range';
+export { ProgressRoot as Root, type ProgressRootProps as RootProps, type ProgressRootBaseProps as RootBaseProps, } from './progress-root';
+export { ProgressRootProvider as RootProvider, type ProgressRootProviderProps as RootProviderProps, type ProgressRootProviderBaseProps as RootProviderBaseProps, } from './progress-root-provider';
+export { ProgressTrack as Track, type ProgressTrackProps as TrackProps, type ProgressTrackBaseProps as TrackBaseProps, } from './progress-track';
+export { ProgressValueText as ValueText, type ProgressValueTextProps as ValueTextProps, type ProgressValueTextBaseProps as ValueTextBaseProps, } from './progress-value-text';
+export { ProgressView as View, type ProgressViewProps as ViewProps, type ProgressViewBaseProps as ViewBaseProps, } from './progress-view';

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

@@ -1,10 +1,10 @@
 export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-code';
-export { QrCodeContext, type QrCodeContextProps } from './qr-code-context';
-export { QrCodeFrame, type QrCodeFrameProps } from './qr-code-frame';
-export { QrCodeOverlay, type QrCodeOverlayProps } from './qr-code-overlay';
-export { QrCodePattern, type QrCodePatternProps } from './qr-code-pattern';
-export { QrCodeRoot, type QrCodeRootProps } from './qr-code-root';
-export { QrCodeRootProvider, type QrCodeRootProviderProps } from './qr-code-root-provider';
+export { QrCodeContext, type QrCodeContextProps, } from './qr-code-context';
+export { QrCodeFrame, type QrCodeFrameProps, type QrCodeFrameBaseProps, } from './qr-code-frame';
+export { QrCodeOverlay, type QrCodeOverlayProps, type QrCodeOverlayBaseProps, } from './qr-code-overlay';
+export { QrCodePattern, type QrCodePatternProps, type QrCodePatternBaseProps, } from './qr-code-pattern';
+export { QrCodeRoot, type QrCodeRootProps, type QrCodeRootBaseProps, } from './qr-code-root';
+export { QrCodeRootProvider, type QrCodeRootProviderProps, type QrCodeRootProviderBaseProps, } from './qr-code-root-provider';
 export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './use-qr-code';
 export { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context';
 export * as QrCode from './qr-code';

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

@@ -1,10 +1,10 @@
 export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-code';
-export { QrCodeContext, type QrCodeContextProps } from './qr-code-context';
-export { QrCodeFrame, type QrCodeFrameProps } from './qr-code-frame';
-export { QrCodeOverlay, type QrCodeOverlayProps } from './qr-code-overlay';
-export { QrCodePattern, type QrCodePatternProps } from './qr-code-pattern';
-export { QrCodeRoot, type QrCodeRootProps } from './qr-code-root';
-export { QrCodeRootProvider, type QrCodeRootProviderProps } from './qr-code-root-provider';
+export { QrCodeContext, type QrCodeContextProps, } from './qr-code-context';
+export { QrCodeFrame, type QrCodeFrameProps, type QrCodeFrameBaseProps, } from './qr-code-frame';
+export { QrCodeOverlay, type QrCodeOverlayProps, type QrCodeOverlayBaseProps, } from './qr-code-overlay';
+export { QrCodePattern, type QrCodePatternProps, type QrCodePatternBaseProps, } from './qr-code-pattern';
+export { QrCodeRoot, type QrCodeRootProps, type QrCodeRootBaseProps, } from './qr-code-root';
+export { QrCodeRootProvider, type QrCodeRootProviderProps, type QrCodeRootProviderBaseProps, } from './qr-code-root-provider';
 export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './use-qr-code';
 export { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context';
 export * as QrCode from './qr-code';

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

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