@ark-ui/solid 5.30.0 → 5.32.0

package/dist/chunk/{3BRVNFB3.js → BVQ6NO6X.js}

@@ -1,12 +1,12 @@
-import { useFieldContext } from './GBGTOFYC.js';
+import { useFieldContext } from './S3VN2YFH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent, mergeProps as mergeProps$1, template, spread } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import * as signaturePad from '@zag-js/signature-pad';
 import { For, Show, createUniqueId, createMemo } from 'solid-js';
@@ -98,38 +98,35 @@ var SignaturePadRootProvider = (props) => {
     }
   });
 };
-var _tmpl$ = /* @__PURE__ */ template(`<title>Signature`);
-var _tmpl$2 = /* @__PURE__ */ template(`<svg><path></svg>`, false, true, false);
 var SignaturePadSegment = (props) => {
   const signaturePad2 = useSignaturePadContext();
   const mergedProps = mergeProps(() => signaturePad2().getSegmentProps(), props);
-  return createComponent(ark.svg, mergeProps$1(mergedProps, {
-    get children() {
-      return [_tmpl$(), createComponent(For, {
-        get each() {
-          return signaturePad2().paths;
-        },
-        children: (path) => (() => {
-          var _el$3 = _tmpl$2();
-          spread(_el$3, mergeProps$1(() => signaturePad2().getSegmentPathProps({
+  return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: <ark.title> is used here
+    createComponent(ark.svg, mergeProps$1(mergedProps, {
+      get children() {
+        return [createComponent(ark.title, {
+          children: "Signature"
+        }), createComponent(For, {
+          get each() {
+            return signaturePad2().paths;
+          },
+          children: (path) => createComponent(ark.path, mergeProps$1(() => signaturePad2().getSegmentPathProps({
             path
-          })), true, false);
-          return _el$3;
-        })()
-      }), createComponent(Show, {
-        get when() {
-          return signaturePad2().currentPath;
-        },
-        get children() {
-          var _el$2 = _tmpl$2();
-          spread(_el$2, mergeProps$1(() => signaturePad2().getSegmentPathProps({
-            path: signaturePad2().currentPath
-          })), true, false);
-          return _el$2;
-        }
-      })];
-    }
-  }));
+          })))
+        }), createComponent(Show, {
+          get when() {
+            return signaturePad2().currentPath;
+          },
+          get children() {
+            return createComponent(ark.path, mergeProps$1(() => signaturePad2().getSegmentPathProps({
+              path: signaturePad2().currentPath
+            })));
+          }
+        })];
+      }
+    }))
+  );
 };
 
 // src/components/signature-pad/signature-pad.ts

package/dist/chunk/{K32NALIW.js → CBYVQ7YD.js}

@@ -1,8 +1,8 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{2JSSDQEE.jsx → CC4VXMN5.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldsetContext
-} from "./NHEM6XZR.jsx";
+} from "./AIK4SKXT.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{IYZ6XUM5.js → CXS7DDU2.js}

@@ -1,7 +1,7 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';

package/dist/chunk/{HWHAUHQ5.jsx → DGI75TEJ.jsx}

@@ -1,6 +1,6 @@
 import {
   collapsible_exports
-} from "./UOOMXEJO.jsx";
+} from "./GYKEGNPI.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -9,18 +9,18 @@ import {
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{FDGWBBJ3.jsx → DYFALYJE.jsx}

@@ -1,15 +1,15 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{RRFWSRAD.jsx → E54U43LI.jsx}

@@ -1,30 +1,32 @@
-import {
-  datePickerAnatomy
-} from "./6UXNGS66.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
-  usePresence,
   usePresenceContext
-} from "./2P5Y3YCK.jsx";
+} from "./NEU4F4NG.jsx";
+import {
+  usePresence
+} from "./OEGORBLT.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
+import {
+  datePickerAnatomy
+} from "./EQKTJ63X.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -102,7 +104,9 @@ var DatePickerMonthSelect = (props) => {
   const datePicker2 = useDatePickerContext();
   const mergedProps = mergeProps6(() => datePicker2().getMonthSelectProps(), props);
   return <ark.select {...mergedProps}>
-      <Index each={datePicker2().getMonths()}>{(month) => <option value={month().value}>{month().label}</option>}</Index>
+      <Index each={datePicker2().getMonths()}>
+        {(month) => <ark.option value={month().value}>{month().label}</ark.option>}
+      </Index>
     </ark.select>;
 };
 
@@ -169,6 +173,34 @@ var DatePickerRangeText = (props) => {
   return <ark.div {...mergedProps}>{visibleRangeText()}</ark.div>;
 };
 
+// src/components/date-picker/date-picker-value-text.tsx
+import { For, Show as Show3 } from "solid-js";
+var DatePickerValueText = (props) => {
+  const api = useDatePickerContext();
+  const hasValue = () => api().value.length > 0;
+  return <Show3
+    when={typeof props.children === "function"}
+    fallback={<ark.span {...datePickerAnatomy.build().valueText.attrs} {...props}>
+          {hasValue() ? api().valueAsString.join(props.separator ?? ", ") : props.placeholder}
+        </ark.span>}
+  >
+      <Show3 when={hasValue()} fallback={props.placeholder}>
+        <For each={api().value}>
+          {(value, index) => <>
+              {props.children({
+    value,
+    index: index(),
+    valueAsString: api().valueAsString[index()],
+    remove: () => {
+      api().setValue(api().value.filter((_, i) => i !== index()));
+    }
+  })}
+            </>}
+        </For>
+      </Show3>
+    </Show3>;
+};
+
 // src/components/date-picker/date-picker-root.tsx
 import { mergeProps as mergeProps12 } from "@zag-js/solid";
 
@@ -211,6 +243,7 @@ var DatePickerRoot = (props) => {
     "isDateUnavailable",
     "locale",
     "max",
+    "maxSelectedDates",
     "maxView",
     "min",
     "minView",
@@ -220,7 +253,9 @@ var DatePickerRoot = (props) => {
     "onOpenChange",
     "onValueChange",
     "onViewChange",
+    "onVisibleRangeChange",
     "open",
+    "openOnClick",
     "outsideDaySelectable",
     "parse",
     "placeholder",
@@ -228,6 +263,7 @@ var DatePickerRoot = (props) => {
     "readOnly",
     "required",
     "selectionMode",
+    "showWeekNumbers",
     "startOfWeek",
     "timeZone",
     "translations",
@@ -409,14 +445,35 @@ var DatePickerViewTrigger = (props) => {
   return <ark.button {...mergedProps} />;
 };
 
-// src/components/date-picker/date-picker-year-select.tsx
+// src/components/date-picker/date-picker-week-number-cell.tsx
 import { mergeProps as mergeProps25 } from "@zag-js/solid";
+var splitWeekNumberCellProps = createSplitProps();
+var DatePickerWeekNumberCell = (props) => {
+  const [cellProps, localProps] = splitWeekNumberCellProps(props, ["weekIndex", "week"]);
+  const datePicker2 = useDatePickerContext();
+  const mergedProps = mergeProps25(() => datePicker2().getWeekNumberCellProps(cellProps), localProps);
+  return <ark.td {...mergedProps} />;
+};
+
+// src/components/date-picker/date-picker-week-number-header-cell.tsx
+import { mergeProps as mergeProps26 } from "@zag-js/solid";
+var DatePickerWeekNumberHeaderCell = (props) => {
+  const api = useDatePickerContext();
+  const tableProps = useDatePickerTableContext();
+  const mergedProps = mergeProps26(() => api().getWeekNumberHeaderCellProps(tableProps), props);
+  return <ark.th {...mergedProps} />;
+};
+
+// src/components/date-picker/date-picker-year-select.tsx
+import { mergeProps as mergeProps27 } from "@zag-js/solid";
 import { Index as Index2 } from "solid-js";
 var DatePickerYearSelect = (props) => {
   const datePicker2 = useDatePickerContext();
-  const mergedProps = mergeProps25(() => datePicker2().getYearSelectProps(), props);
+  const mergedProps = mergeProps27(() => datePicker2().getYearSelectProps(), props);
   return <ark.select {...mergedProps}>
-      <Index2 each={datePicker2().getYears()}>{(year) => <option value={year().value}>{year().label}</option>}</Index2>
+      <Index2 each={datePicker2().getYears()}>
+        {(year) => <ark.option value={year().value}>{year().label}</ark.option>}
+      </Index2>
     </ark.select>;
 };
 
@@ -445,9 +502,12 @@ __export(date_picker_exports, {
   TableHeader: () => DatePickerTableHeader,
   TableRow: () => DatePickerTableRow,
   Trigger: () => DatePickerTrigger,
+  ValueText: () => DatePickerValueText,
   View: () => DatePickerView,
   ViewControl: () => DatePickerViewControl,
   ViewTrigger: () => DatePickerViewTrigger,
+  WeekNumberCell: () => DatePickerWeekNumberCell,
+  WeekNumberHeaderCell: () => DatePickerWeekNumberHeaderCell,
   YearSelect: () => DatePickerYearSelect
 });
 
@@ -465,6 +525,7 @@ export {
   DatePickerPresetTrigger,
   DatePickerPrevTrigger,
   DatePickerRangeText,
+  DatePickerValueText,
   useDatePicker,
   DatePickerRoot,
   DatePickerRootProvider,
@@ -479,6 +540,8 @@ export {
   DatePickerView,
   DatePickerViewControl,
   DatePickerViewTrigger,
+  DatePickerWeekNumberCell,
+  DatePickerWeekNumberHeaderCell,
   DatePickerYearSelect,
   date_picker_exports,
   parse

package/dist/chunk/{RVOPDSQY.js → EM5SH6A3.js}

@@ -1,7 +1,9 @@
+import { runIfFn } from './DT73WLR4.js';
 import { createContext } from './THN5C4U6.js';
 import { createComponent } from 'solid-js/web';
 import { isRTL, createCollator, createFilter } from '@zag-js/i18n-utils';
 import { createMemo } from 'solid-js';
+import { DateFormatter } from '@internationalized/date';
 
 // src/providers/locale/use-locale-context.ts
 var [LocaleContextProvider, useLocaleContext] = createContext({
@@ -32,10 +34,19 @@ function useCollator(props = {}) {
     return createCollator(locale(), options);
   });
 }
+function useDateFormatter(props = {}) {
+  const env = useLocaleContext();
+  return createMemo(() => {
+    const resolvedProps = runIfFn(props);
+    const locale = resolvedProps.locale ?? env().locale;
+    const { locale: _, ...options } = resolvedProps;
+    return new DateFormatter(locale, options);
+  });
+}
 function useFilter(props) {
   const env = useLocaleContext();
   const locale = createMemo(() => props.locale ?? env().locale);
   return createMemo(() => createFilter({ ...props, locale: locale() }));
 }
 
-export { LocaleProvider, useCollator, useFilter, useLocaleContext };
+export { LocaleProvider, useCollator, useDateFormatter, useFilter, useLocaleContext };

package/dist/chunk/{6UXNGS66.jsx → EQKTJ63X.jsx}

@@ -1,6 +1,6 @@
 // src/components/date-picker/date-picker.anatomy.ts
 import { anatomy } from "@zag-js/date-picker";
-var datePickerAnatomy = anatomy.extendWith("view");
+var datePickerAnatomy = anatomy.extendWith("view", "valueText");
 
 export {
   datePickerAnatomy

package/dist/chunk/{OVPRCDDL.jsx → ESQ2KC4M.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./7HLG62OR.jsx";
+} from "./PPH4D7AF.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -213,6 +213,7 @@ var FileUploadRoot = (props) => {
     "onFileChange",
     "onFileReject",
     "preventDocumentDrop",
+    "readOnly",
     "required",
     "translations",
     "transformFiles",

package/dist/chunk/{IGSOSLB3.jsx → G7XBXLRA.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./7HLG62OR.jsx";
+} from "./PPH4D7AF.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{XH4Y4U2G.jsx → GSOOONDM.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{UOOMXEJO.jsx → GYKEGNPI.jsx}

@@ -4,18 +4,18 @@ import {
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./CGW54HAQ.jsx";
+} from "./HDGILMRT.jsx";
 import {
   useLocaleContext
-} from "./JFOWNFC7.jsx";
+} from "./HOPBYFHD.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{CGW54HAQ.jsx → HDGILMRT.jsx}

@@ -1,6 +1,9 @@
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -33,7 +36,7 @@ var EnvironmentProvider = (props) => {
   return <EnvironmentContextProvider value={environment}>
       {props.children}
       <Show when={!props.value}>
-        <span hidden ref={setSpanRef} />
+        <ark.span hidden ref={setSpanRef} />
       </Show>
     </EnvironmentContextProvider>;
 };

package/dist/chunk/{WUBTAV2O.js → HFIUYKXK.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './GBGTOFYC.js';
+import { useFieldContext } from './S3VN2YFH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
@@ -167,7 +167,7 @@ var useFileUpload = (props) => {
 
 // src/components/file-upload/file-upload-root.tsx
 var FileUploadRoot = (props) => {
-  const [fileUploadProps, localProps] = createSplitProps()(props, ["accept", "acceptedFiles", "allowDrop", "capture", "defaultAcceptedFiles", "directory", "disabled", "id", "ids", "invalid", "locale", "maxFiles", "maxFileSize", "minFileSize", "name", "onFileAccept", "onFileChange", "onFileReject", "preventDocumentDrop", "required", "translations", "transformFiles", "validate"]);
+  const [fileUploadProps, localProps] = createSplitProps()(props, ["accept", "acceptedFiles", "allowDrop", "capture", "defaultAcceptedFiles", "directory", "disabled", "id", "ids", "invalid", "locale", "maxFiles", "maxFileSize", "minFileSize", "name", "onFileAccept", "onFileChange", "onFileReject", "preventDocumentDrop", "readOnly", "required", "translations", "transformFiles", "validate"]);
   const fileUpload2 = useFileUpload(fileUploadProps);
   const mergedProps = mergeProps(() => fileUpload2().getRootProps(), localProps);
   return createComponent(FileUploadProvider, {

package/dist/chunk/{K3TLO6S6.js → HJJ6M6JE.js}

@@ -1,9 +1,9 @@
 import { parts } from './JHQYEBNS.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';

package/dist/chunk/{W7YDKZGP.js → HKJ2U4GE.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './GBGTOFYC.js';
+import { useFieldContext } from './S3VN2YFH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './5QLLQM7E.js';
-import { useLocaleContext } from './RVOPDSQY.js';
+import { useLocaleContext } from './EM5SH6A3.js';
+import { useEnvironmentContext } from './3P5T77QU.js';
 import { runIfFn } from './DT73WLR4.js';
+import { ark } from './EPLBB4QN.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';