@ark-ui/react 5.33.0 → 5.34.1

package/dist/components/format/format-time.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const i18nUtils = require('@zag-js/i18n-utils');
+const react = require('react');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+
+const FormatTime = (props) => {
+  const { locale } = useLocaleContext.useLocaleContext();
+  const text = react.useMemo(() => {
+    const { value, ...intlOptions } = props;
+    return i18nUtils.formatTime(value, locale, intlOptions);
+  }, [props, locale]);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: text });
+};
+FormatTime.displayName = "FormatTime";
+
+exports.FormatTime = FormatTime;

package/dist/components/format/format-time.d.cts

@@ -0,0 +1,11 @@
+import { FormatTimeOptions } from '@zag-js/i18n-utils';
+export interface FormatTimeProps extends FormatTimeOptions {
+    /**
+     * The time to format
+     */
+    value: string | Date;
+}
+export declare const FormatTime: {
+    (props: FormatTimeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/format/format-time.d.ts

@@ -0,0 +1,11 @@
+import { FormatTimeOptions } from '@zag-js/i18n-utils';
+export interface FormatTimeProps extends FormatTimeOptions {
+    /**
+     * The time to format
+     */
+    value: string | Date;
+}
+export declare const FormatTime: {
+    (props: FormatTimeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/format/format-time.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { formatTime } from '@zag-js/i18n-utils';
+import { useMemo } from 'react';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+
+const FormatTime = (props) => {
+  const { locale } = useLocaleContext();
+  const text = useMemo(() => {
+    const { value, ...intlOptions } = props;
+    return formatTime(value, locale, intlOptions);
+  }, [props, locale]);
+  return /* @__PURE__ */ jsx(Fragment, { children: text });
+};
+FormatTime.displayName = "FormatTime";
+
+export { FormatTime };

package/dist/components/format/format.cjs

@@ -5,9 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const formatByte = require('./format-byte.cjs');
 const formatNumber = require('./format-number.cjs');
 const formatRelativeTime = require('./format-relative-time.cjs');
+const formatTime = require('./format-time.cjs');
 
 
 
 exports.Byte = formatByte.FormatByte;
 exports.Number = formatNumber.FormatNumber;
 exports.RelativeTime = formatRelativeTime.FormatRelativeTime;
+exports.Time = formatTime.FormatTime;

package/dist/components/format/format.d.cts

@@ -1,3 +1,4 @@
 export { FormatByte as Byte, type FormatByteProps as ByteProps } from './format-byte';
 export { FormatNumber as Number, type FormatNumberProps as NumberProps } from './format-number';
 export { FormatRelativeTime as RelativeTime, type FormatRelativeTimeProps as RelativeTimeProps, } from './format-relative-time';
+export { FormatTime as Time, type FormatTimeProps as TimeProps } from './format-time';

package/dist/components/format/format.d.ts

@@ -1,3 +1,4 @@
 export { FormatByte as Byte, type FormatByteProps as ByteProps } from './format-byte';
 export { FormatNumber as Number, type FormatNumberProps as NumberProps } from './format-number';
 export { FormatRelativeTime as RelativeTime, type FormatRelativeTimeProps as RelativeTimeProps, } from './format-relative-time';
+export { FormatTime as Time, type FormatTimeProps as TimeProps } from './format-time';

package/dist/components/format/format.js

@@ -1,3 +1,4 @@
 export { FormatByte as Byte } from './format-byte.js';
 export { FormatNumber as Number } from './format-number.js';
 export { FormatRelativeTime as RelativeTime } from './format-relative-time.js';
+export { FormatTime as Time } from './format-time.js';

package/dist/components/format/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const formatByte = require('./format-byte.cjs');
 const formatNumber = require('./format-number.cjs');
 const formatRelativeTime = require('./format-relative-time.cjs');
+const formatTime = require('./format-time.cjs');
 const format = require('./format.cjs');
 
 
@@ -12,4 +13,5 @@ const format = require('./format.cjs');
 exports.FormatByte = formatByte.FormatByte;
 exports.FormatNumber = formatNumber.FormatNumber;
 exports.FormatRelativeTime = formatRelativeTime.FormatRelativeTime;
+exports.FormatTime = formatTime.FormatTime;
 exports.Format = format;

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

@@ -1,4 +1,5 @@
 export { FormatByte, type FormatByteProps } from './format-byte';
 export { FormatNumber, type FormatNumberProps } from './format-number';
 export { FormatRelativeTime, type FormatRelativeTimeProps } from './format-relative-time';
+export { FormatTime, type FormatTimeProps } from './format-time';
 export * as Format from './format';

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

@@ -1,4 +1,5 @@
 export { FormatByte, type FormatByteProps } from './format-byte';
 export { FormatNumber, type FormatNumberProps } from './format-number';
 export { FormatRelativeTime, type FormatRelativeTimeProps } from './format-relative-time';
+export { FormatTime, type FormatTimeProps } from './format-time';
 export * as Format from './format';

package/dist/components/format/index.js

@@ -1,5 +1,6 @@
 export { FormatByte } from './format-byte.js';
 export { FormatNumber } from './format-number.js';
 export { FormatRelativeTime } from './format-relative-time.js';
+export { FormatTime } from './format-time.js';
 import * as format from './format.js';
 export { format as Format };

package/dist/components/index.cjs

@@ -293,6 +293,7 @@ const focusTrap = require('./focus-trap/focus-trap.cjs');
 const formatByte = require('./format/format-byte.cjs');
 const formatNumber = require('./format/format-number.cjs');
 const formatRelativeTime = require('./format/format-relative-time.cjs');
+const formatTime = require('./format/format-time.cjs');
 const format = require('./format/format.cjs');
 const frame = require('./frame/frame.cjs');
 const highlight = require('./highlight/highlight.cjs');
@@ -1091,6 +1092,7 @@ exports.FocusTrap = focusTrap.FocusTrap;
 exports.FormatByte = formatByte.FormatByte;
 exports.FormatNumber = formatNumber.FormatNumber;
 exports.FormatRelativeTime = formatRelativeTime.FormatRelativeTime;
+exports.FormatTime = formatTime.FormatTime;
 exports.Format = format;
 exports.Frame = frame.Frame;
 exports.Highlight = highlight.Highlight;

package/dist/components/index.js

@@ -306,6 +306,7 @@ export { FocusTrap } from './focus-trap/focus-trap.js';
 export { FormatByte } from './format/format-byte.js';
 export { FormatNumber } from './format/format-number.js';
 export { FormatRelativeTime } from './format/format-relative-time.js';
+export { FormatTime } from './format/format-time.js';
 import * as format from './format/format.js';
 export { format as Format };
 export { Frame } from './frame/frame.js';

package/dist/index.cjs

@@ -293,6 +293,7 @@ const focusTrap = require('./components/focus-trap/focus-trap.cjs');
 const formatByte = require('./components/format/format-byte.cjs');
 const formatNumber = require('./components/format/format-number.cjs');
 const formatRelativeTime = require('./components/format/format-relative-time.cjs');
+const formatTime = require('./components/format/format-time.cjs');
 const format = require('./components/format/format.cjs');
 const frame = require('./components/frame/frame.cjs');
 const highlight = require('./components/highlight/highlight.cjs');
@@ -1100,6 +1101,7 @@ exports.FocusTrap = focusTrap.FocusTrap;
 exports.FormatByte = formatByte.FormatByte;
 exports.FormatNumber = formatNumber.FormatNumber;
 exports.FormatRelativeTime = formatRelativeTime.FormatRelativeTime;
+exports.FormatTime = formatTime.FormatTime;
 exports.Format = format;
 exports.Frame = frame.Frame;
 exports.Highlight = highlight.Highlight;

package/dist/index.js

@@ -306,6 +306,7 @@ export { FocusTrap } from './components/focus-trap/focus-trap.js';
 export { FormatByte } from './components/format/format-byte.js';
 export { FormatNumber } from './components/format/format-number.js';
 export { FormatRelativeTime } from './components/format/format-relative-time.js';
+export { FormatTime } from './components/format/format-time.js';
 import * as format from './components/format/format.js';
 export { format as Format };
 export { Frame } from './components/frame/frame.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.33.0",
+  "version": "5.34.1",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -150,70 +150,70 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.11.0",
-    "@zag-js/accordion": "1.35.1",
-    "@zag-js/anatomy": "1.35.1",
-    "@zag-js/angle-slider": "1.35.1",
-    "@zag-js/async-list": "1.35.1",
-    "@zag-js/auto-resize": "1.35.1",
-    "@zag-js/avatar": "1.35.1",
-    "@zag-js/carousel": "1.35.1",
-    "@zag-js/cascade-select": "1.35.1",
-    "@zag-js/checkbox": "1.35.1",
-    "@zag-js/clipboard": "1.35.1",
-    "@zag-js/collapsible": "1.35.1",
-    "@zag-js/collection": "1.35.1",
-    "@zag-js/color-picker": "1.35.1",
-    "@zag-js/color-utils": "1.35.1",
-    "@zag-js/combobox": "1.35.1",
-    "@zag-js/core": "1.35.1",
-    "@zag-js/date-picker": "1.35.1",
-    "@zag-js/date-utils": "1.35.1",
-    "@zag-js/dialog": "1.35.1",
-    "@zag-js/dom-query": "1.35.1",
-    "@zag-js/drawer": "1.35.1",
-    "@zag-js/editable": "1.35.1",
-    "@zag-js/file-upload": "1.35.1",
-    "@zag-js/file-utils": "1.35.1",
-    "@zag-js/floating-panel": "1.35.1",
-    "@zag-js/focus-trap": "1.35.1",
-    "@zag-js/highlight-word": "1.35.1",
-    "@zag-js/hover-card": "1.35.1",
-    "@zag-js/i18n-utils": "1.35.1",
-    "@zag-js/image-cropper": "1.35.1",
-    "@zag-js/json-tree-utils": "1.35.1",
-    "@zag-js/listbox": "1.35.1",
-    "@zag-js/marquee": "1.35.1",
-    "@zag-js/menu": "1.35.1",
-    "@zag-js/navigation-menu": "1.35.1",
-    "@zag-js/number-input": "1.35.1",
-    "@zag-js/pagination": "1.35.1",
-    "@zag-js/password-input": "1.35.1",
-    "@zag-js/pin-input": "1.35.1",
-    "@zag-js/popover": "1.35.1",
-    "@zag-js/presence": "1.35.1",
-    "@zag-js/progress": "1.35.1",
-    "@zag-js/qr-code": "1.35.1",
-    "@zag-js/radio-group": "1.35.1",
-    "@zag-js/rating-group": "1.35.1",
-    "@zag-js/react": "1.35.1",
-    "@zag-js/scroll-area": "1.35.1",
-    "@zag-js/select": "1.35.1",
-    "@zag-js/signature-pad": "1.35.1",
-    "@zag-js/slider": "1.35.1",
-    "@zag-js/splitter": "1.35.1",
-    "@zag-js/steps": "1.35.1",
-    "@zag-js/switch": "1.35.1",
-    "@zag-js/tabs": "1.35.1",
-    "@zag-js/tags-input": "1.35.1",
-    "@zag-js/timer": "1.35.1",
-    "@zag-js/toast": "1.35.1",
-    "@zag-js/toggle": "1.35.1",
-    "@zag-js/toggle-group": "1.35.1",
-    "@zag-js/tooltip": "1.35.1",
-    "@zag-js/tour": "1.35.1",
-    "@zag-js/tree-view": "1.35.1",
-    "@zag-js/types": "1.35.1",
-    "@zag-js/utils": "1.35.1"
+    "@zag-js/accordion": "1.35.3",
+    "@zag-js/anatomy": "1.35.3",
+    "@zag-js/angle-slider": "1.35.3",
+    "@zag-js/async-list": "1.35.3",
+    "@zag-js/auto-resize": "1.35.3",
+    "@zag-js/avatar": "1.35.3",
+    "@zag-js/carousel": "1.35.3",
+    "@zag-js/cascade-select": "1.35.3",
+    "@zag-js/checkbox": "1.35.3",
+    "@zag-js/clipboard": "1.35.3",
+    "@zag-js/collapsible": "1.35.3",
+    "@zag-js/collection": "1.35.3",
+    "@zag-js/color-picker": "1.35.3",
+    "@zag-js/color-utils": "1.35.3",
+    "@zag-js/combobox": "1.35.3",
+    "@zag-js/core": "1.35.3",
+    "@zag-js/date-picker": "1.35.3",
+    "@zag-js/date-utils": "1.35.3",
+    "@zag-js/dialog": "1.35.3",
+    "@zag-js/dom-query": "1.35.3",
+    "@zag-js/drawer": "1.35.3",
+    "@zag-js/editable": "1.35.3",
+    "@zag-js/file-upload": "1.35.3",
+    "@zag-js/file-utils": "1.35.3",
+    "@zag-js/floating-panel": "1.35.3",
+    "@zag-js/focus-trap": "1.35.3",
+    "@zag-js/highlight-word": "1.35.3",
+    "@zag-js/hover-card": "1.35.3",
+    "@zag-js/i18n-utils": "1.35.3",
+    "@zag-js/image-cropper": "1.35.3",
+    "@zag-js/json-tree-utils": "1.35.3",
+    "@zag-js/listbox": "1.35.3",
+    "@zag-js/marquee": "1.35.3",
+    "@zag-js/menu": "1.35.3",
+    "@zag-js/navigation-menu": "1.35.3",
+    "@zag-js/number-input": "1.35.3",
+    "@zag-js/pagination": "1.35.3",
+    "@zag-js/password-input": "1.35.3",
+    "@zag-js/pin-input": "1.35.3",
+    "@zag-js/popover": "1.35.3",
+    "@zag-js/presence": "1.35.3",
+    "@zag-js/progress": "1.35.3",
+    "@zag-js/qr-code": "1.35.3",
+    "@zag-js/radio-group": "1.35.3",
+    "@zag-js/rating-group": "1.35.3",
+    "@zag-js/react": "1.35.3",
+    "@zag-js/scroll-area": "1.35.3",
+    "@zag-js/select": "1.35.3",
+    "@zag-js/signature-pad": "1.35.3",
+    "@zag-js/slider": "1.35.3",
+    "@zag-js/splitter": "1.35.3",
+    "@zag-js/steps": "1.35.3",
+    "@zag-js/switch": "1.35.3",
+    "@zag-js/tabs": "1.35.3",
+    "@zag-js/tags-input": "1.35.3",
+    "@zag-js/timer": "1.35.3",
+    "@zag-js/toast": "1.35.3",
+    "@zag-js/toggle": "1.35.3",
+    "@zag-js/toggle-group": "1.35.3",
+    "@zag-js/tooltip": "1.35.3",
+    "@zag-js/tour": "1.35.3",
+    "@zag-js/tree-view": "1.35.3",
+    "@zag-js/types": "1.35.3",
+    "@zag-js/utils": "1.35.3"
   },
   "devDependencies": {
     "@biomejs/biome": "2.4.4",