@ark-ui/react 3.4.0-1 → 3.5.0

package/dist/components/file-upload/file-upload-hidden-input.cjs

@@ -7,13 +7,15 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
+const useFieldContext = require('../field/use-field-context.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
 const FileUploadHiddenInput = react.forwardRef(
   (props, ref) => {
     const fileUpload = useFileUploadContext.useFileUploadContext();
     const mergedProps = react$1.mergeProps(fileUpload.getHiddenInputProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
+    const field = useFieldContext.useFieldContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
   }
 );
 FileUploadHiddenInput.displayName = "FileUploadHiddenInput";

package/dist/components/file-upload/file-upload-hidden-input.js

@@ -3,13 +3,15 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.js';
+import { useFieldContext } from '../field/use-field-context.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 
 const FileUploadHiddenInput = forwardRef(
   (props, ref) => {
     const fileUpload = useFileUploadContext();
     const mergedProps = mergeProps(fileUpload.getHiddenInputProps(), props);
-    return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
+    const field = useFieldContext();
+    return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
   }
 );
 FileUploadHiddenInput.displayName = "FileUploadHiddenInput";

package/dist/components/file-upload/file-upload-root.cjs

@@ -28,6 +28,7 @@ const FileUploadRoot = react.forwardRef((props, ref) => {
     "onFileAccept",
     "onFileChange",
     "onFileReject",
+    "required",
     "translations",
     "validate"
   ]);

package/dist/components/file-upload/file-upload-root.js

@@ -24,6 +24,7 @@ const FileUploadRoot = forwardRef((props, ref) => {
     "onFileAccept",
     "onFileChange",
     "onFileReject",
+    "required",
     "translations",
     "validate"
   ]);

package/dist/components/file-upload/file-upload.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';

package/dist/components/file-upload/file-upload.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';

package/dist/components/file-upload/index.cjs

@@ -18,7 +18,8 @@ const fileUploadRootProvider = require('./file-upload-root-provider.cjs');
 const fileUploadTrigger = require('./file-upload-trigger.cjs');
 const useFileUpload = require('./use-file-upload.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
-const fileUpload = require('./file-upload.cjs');
+const fileUpload$1 = require('./file-upload.cjs');
+const fileUpload = require('@zag-js/file-upload');
 
 
 
@@ -38,4 +39,8 @@ exports.FileUploadRootProvider = fileUploadRootProvider.FileUploadRootProvider;
 exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
 exports.useFileUpload = useFileUpload.useFileUpload;
 exports.useFileUploadContext = useFileUploadContext.useFileUploadContext;
-exports.FileUpload = fileUpload;
+exports.FileUpload = fileUpload$1;
+Object.defineProperty(exports, "fileUploadAnatomy", {
+  enumerable: true,
+  get: () => fileUpload.anatomy
+});

package/dist/components/file-upload/index.d.cts

@@ -15,4 +15,5 @@ export { FileUploadRootProvider, type FileUploadRootProviderProps, type FileUplo
 export { FileUploadTrigger, type FileUploadTriggerProps, type FileUploadTriggerBaseProps, } from './file-upload-trigger';
 export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
 export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context';
+export { fileUploadAnatomy } from './file-upload.anatomy';
 export * as FileUpload from './file-upload';

package/dist/components/file-upload/index.d.ts

@@ -15,4 +15,5 @@ export { FileUploadRootProvider, type FileUploadRootProviderProps, type FileUplo
 export { FileUploadTrigger, type FileUploadTriggerProps, type FileUploadTriggerBaseProps, } from './file-upload-trigger';
 export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
 export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context';
+export { fileUploadAnatomy } from './file-upload.anatomy';
 export * as FileUpload from './file-upload';

package/dist/components/file-upload/index.js

@@ -16,3 +16,4 @@ export { useFileUpload } from './use-file-upload.js';
 export { useFileUploadContext } from './use-file-upload-context.js';
 import * as fileUpload from './file-upload.js';
 export { fileUpload as FileUpload };
+export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';

package/dist/components/file-upload/use-file-upload.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,16 @@ const fileUpload__namespace = /*#__PURE__*/_interopNamespaceDefault(fileUpload);
 const useFileUpload = (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,
+    required: field?.required,
     getRootNode,
     ...props
   };

package/dist/components/file-upload/use-file-upload.js

@@ -5,13 +5,21 @@ 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 useFileUpload = (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,
+    required: field?.required,
     getRootNode,
     ...props
   };

package/dist/components/hover-card/hover-card.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';

package/dist/components/hover-card/hover-card.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';

package/dist/components/hover-card/index.cjs

@@ -12,7 +12,8 @@ const hoverCardRootProvider = require('./hover-card-root-provider.cjs');
 const hoverCardTrigger = require('./hover-card-trigger.cjs');
 const useHoverCard = require('./use-hover-card.cjs');
 const useHoverCardContext = require('./use-hover-card-context.cjs');
-const hoverCard = require('./hover-card.cjs');
+const hoverCard$1 = require('./hover-card.cjs');
+const hoverCard = require('@zag-js/hover-card');
 
 
 
@@ -26,4 +27,8 @@ exports.HoverCardRootProvider = hoverCardRootProvider.HoverCardRootProvider;
 exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
-exports.HoverCard = hoverCard;
+exports.HoverCard = hoverCard$1;
+Object.defineProperty(exports, "hoverCardAnatomy", {
+  enumerable: true,
+  get: () => hoverCard.anatomy
+});

package/dist/components/hover-card/index.d.cts

@@ -9,4 +9,5 @@ export { HoverCardRootProvider, type HoverCardRootProviderProps, type HoverCardR
 export { HoverCardTrigger, type HoverCardTriggerProps, type HoverCardTriggerBaseProps, } from './hover-card-trigger';
 export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
 export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context';
+export { hoverCardAnatomy } from './hover-card.anatomy';
 export * as HoverCard from './hover-card';

package/dist/components/hover-card/index.d.ts

@@ -9,4 +9,5 @@ export { HoverCardRootProvider, type HoverCardRootProviderProps, type HoverCardR
 export { HoverCardTrigger, type HoverCardTriggerProps, type HoverCardTriggerBaseProps, } from './hover-card-trigger';
 export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
 export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context';
+export { hoverCardAnatomy } from './hover-card.anatomy';
 export * as HoverCard from './hover-card';

package/dist/components/hover-card/index.js

@@ -10,3 +10,4 @@ export { useHoverCard } from './use-hover-card.js';
 export { useHoverCardContext } from './use-hover-card-context.js';
 import * as hoverCard from './hover-card.js';
 export { hoverCard as HoverCard };
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';