@ark-ui/solid 5.29.1 → 5.31.0

package/dist/chunk/{QTWOIUHU.jsx → DNRJCAR4.jsx}

@@ -1,9 +1,9 @@
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
@@ -60,11 +60,11 @@ import { mergeProps as mergeProps4 } from "@zag-js/solid";
 var ToastRoot = (props) => {
   const toast3 = useToastContext();
   const mergedProps = mergeProps4(() => toast3().getRootProps(), props);
-  return <div {...mergedProps}>
-      <div {...toast3().getGhostBeforeProps()} />
+  return <ark.div {...mergedProps}>
+      <ark.div {...toast3().getGhostBeforeProps()} />
       {props.children}
-      <div {...toast3().getGhostAfterProps()} />
-    </div>;
+      <ark.div {...toast3().getGhostAfterProps()} />
+    </ark.div>;
 };
 
 // src/components/toast/toast-title.tsx

package/dist/chunk/{DR7CHNBO.jsx → DON7WJR6.jsx}

@@ -1,18 +1,18 @@
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.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/{J6B3R7PY.jsx → EMHNANVE.jsx}

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

package/dist/chunk/{YWUMEZK2.js → EOQC4OFF.js}

@@ -1,8 +1,8 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './RVOPDSQY.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 } from 'solid-js/web';

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/{GNYPPI32.jsx → EV7COIUN.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./CCVDHSBF.jsx";
+} from "./C56T2HRV.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";
@@ -200,6 +200,7 @@ var TagsInputRoot = (props) => {
     "onPointerDownOutside",
     "onValueChange",
     "onValueInvalid",
+    "placeholder",
     "readOnly",
     "required",
     "translations",

package/dist/chunk/{MO66WHZP.jsx → FQY342YD.jsx}

@@ -3,31 +3,31 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./2P5Y3YCK.jsx";
+} from "./VTTFCXVC.jsx";
 import {
   useFieldContext
-} from "./CCVDHSBF.jsx";
+} from "./C56T2HRV.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
 import {
   colorPickerAnatomy
 } from "./4ZHXHGFF.jsx";
 import {
-  createSplitProps
-} from "./6WEDGJKQ.jsx";
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{WGZNF7D4.js → G2UMJWTM.js}

@@ -1,8 +1,8 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './RVOPDSQY.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/{SEOZ3YW4.jsx → GOJHNXPD.jsx}

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

package/dist/chunk/{3YPP6L6Q.js → GXLS3QZ4.js}

@@ -1,11 +1,11 @@
-import { usePresence, PresenceProvider } from './FW6EZLZL.js';
+import { usePresence, PresenceProvider } from './2WRCIBVP.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './GUFIKGZ6.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './RVOPDSQY.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/{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/{P7BXFWK5.js → HMG7R2BF.js}

@@ -1,6 +1,7 @@
 import { composeRefs } from './ROP6QZQ7.js';
-import { EnvironmentProvider } from './5QLLQM7E.js';
-import { createComponent, template, use, spread, insert, Portal } from 'solid-js/web';
+import { EnvironmentProvider } from './3P5T77QU.js';
+import { ark } from './EPLBB4QN.js';
+import { createComponent, mergeProps, Portal } from 'solid-js/web';
 import { splitProps, createMemo, createSignal, createEffect, onCleanup, Show } from 'solid-js';
 
 var FrameContent = (props) => {
@@ -19,7 +20,6 @@ var FrameContent = (props) => {
 };
 
 // src/components/frame/frame.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<iframe>`);
 var resetStyle = "<style>*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }</style>";
 var initialSrcDoc = `<html><head>${resetStyle}</head><body><div class="frame-root"></div></body></html>`;
 function getMountNode(frame) {
@@ -69,49 +69,51 @@ var Frame = (props) => {
   return createComponent(EnvironmentProvider, {
     value: () => frameRef()?.contentDocument ?? document,
     get children() {
-      var _el$ = _tmpl$();
-      var _ref$ = composeRefs(setFrameRef, localProps.ref);
-      typeof _ref$ === "function" && use(_ref$, _el$);
-      spread(_el$, localProps, false, true);
-      insert(_el$, createComponent(Show, {
-        get when() {
-          return mountNode();
+      return createComponent(ark.iframe, mergeProps(localProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(setFrameRef, localProps.ref);
+          typeof _ref$ === "function" && _ref$(r$);
         },
-        children: (node) => createComponent(Portal, {
-          get mount() {
-            return node();
-          },
-          get children() {
-            return createComponent(FrameContent, {
-              get onMount() {
-                return frameProps.onMount;
-              },
-              get onUnmount() {
-                return frameProps.onUnmount;
+        get children() {
+          return [createComponent(Show, {
+            get when() {
+              return mountNode();
+            },
+            children: (node) => createComponent(Portal, {
+              get mount() {
+                return node();
               },
               get children() {
-                return frameProps.children;
+                return createComponent(FrameContent, {
+                  get onMount() {
+                    return frameProps.onMount;
+                  },
+                  get onUnmount() {
+                    return frameProps.onUnmount;
+                  },
+                  get children() {
+                    return frameProps.children;
+                  }
+                });
               }
-            });
-          }
-        })
-      }), null);
-      insert(_el$, createComponent(Show, {
-        get when() {
-          return mountNode();
-        },
-        get children() {
-          return createComponent(Portal, {
-            get mount() {
-              return frameRef().contentDocument.head;
+            })
+          }), createComponent(Show, {
+            get when() {
+              return mountNode();
             },
             get children() {
-              return frameProps.head;
+              return createComponent(Portal, {
+                get mount() {
+                  return frameRef().contentDocument.head;
+                },
+                get children() {
+                  return frameProps.head;
+                }
+              });
             }
-          });
+          })];
         }
-      }), null);
-      return _el$;
+      }));
     }
   });
 };

package/dist/chunk/{6W3X5JZW.jsx → IHT5Q6Q3.jsx}

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

package/dist/chunk/{VRCOVKZM.jsx → IM2L53FZ.jsx}

@@ -3,25 +3,25 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./2P5Y3YCK.jsx";
+} from "./VTTFCXVC.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{23JPD2DE.js → J6D7JUCJ.js}

@@ -3,7 +3,7 @@ import { createSplitProps } from './ZMHI4GDJ.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 { splitProps, Show, createMemo } from 'solid-js';
 import * as toggle from '@zag-js/toggle';
@@ -51,7 +51,6 @@ function useToggle(props) {
 }
 
 // src/components/toggle/toggle-root.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<button>`);
 var ToggleRoot = (props) => {
   const [useToggleProps, localProps] = createSplitProps()(props, ["pressed", "defaultPressed", "disabled", "onPressedChange"]);
   const toggle2 = useToggle(useToggleProps);
@@ -59,9 +58,7 @@ var ToggleRoot = (props) => {
   return createComponent(ToggleProvider, {
     value: toggle2,
     get children() {
-      var _el$ = _tmpl$();
-      spread(_el$, mergedProps, false, false);
-      return _el$;
+      return createComponent(ark.button, mergedProps);
     }
   });
 };

package/dist/chunk/{CCK5XI24.jsx → KH2XV4KM.jsx}

@@ -3,25 +3,25 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./2P5Y3YCK.jsx";
+} from "./VTTFCXVC.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  useEnvironmentContext
+} from "./HDGILMRT.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./CGW54HAQ.jsx";
 import {
   useLocaleContext
 } from "./JFOWNFC7.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
 import {
   createContext
 } from "./UZJJWJQM.jsx";

package/dist/chunk/{33WPGMEN.js → KMYFS63G.js}

@@ -1,18 +1,18 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './FW6EZLZL.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './2WRCIBVP.js';
 import { composeRefs } from './ROP6QZQ7.js';
-import { datePickerAnatomy } from './6HVSV6OM.js';
+import { datePickerAnatomy } from './YA3LD5QR.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
 import { useLocaleContext } from './RVOPDSQY.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 * as datePicker from '@zag-js/date-picker';
 export { parse } from '@zag-js/date-picker';
-import { createComponent, mergeProps as mergeProps$1, template, insert, effect } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, memo } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { Index, createMemo, createUniqueId, Show } from 'solid-js';
+import { Index, Show, For, createMemo, createUniqueId } from 'solid-js';
 import { uniq } from '@zag-js/utils';
 
 // src/components/date-picker/use-date-picker-context.ts
@@ -64,7 +64,6 @@ var DatePickerLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var _tmpl$ = /* @__PURE__ */ template(`<option>`);
 var DatePickerMonthSelect = (props) => {
   const datePicker2 = useDatePickerContext();
   const mergedProps = mergeProps(() => datePicker2().getMonthSelectProps(), props);
@@ -74,12 +73,14 @@ var DatePickerMonthSelect = (props) => {
         get each() {
           return datePicker2().getMonths();
         },
-        children: (month) => (() => {
-          var _el$ = _tmpl$();
-          insert(_el$, () => month().label);
-          effect(() => _el$.value = month().value);
-          return _el$;
-        })()
+        children: (month) => createComponent(ark.option, {
+          get value() {
+            return month().value;
+          },
+          get children() {
+            return month().label;
+          }
+        })
       });
     }
   }));
@@ -141,6 +142,47 @@ var DatePickerRangeText = (props) => {
     }
   }));
 };
+var DatePickerValueText = (props) => {
+  const api = useDatePickerContext();
+  const hasValue = () => api().value.length > 0;
+  return createComponent(Show, {
+    get when() {
+      return typeof props.children === "function";
+    },
+    get fallback() {
+      return createComponent(ark.span, mergeProps$1(() => datePickerAnatomy.build().valueText.attrs, props, {
+        get children() {
+          return memo(() => !!hasValue())() ? api().valueAsString.join(props.separator ?? ", ") : props.placeholder;
+        }
+      }));
+    },
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return hasValue();
+        },
+        get fallback() {
+          return props.placeholder;
+        },
+        get children() {
+          return createComponent(For, {
+            get each() {
+              return api().value;
+            },
+            children: (value, index) => memo(() => props.children({
+              value,
+              index: index(),
+              valueAsString: api().valueAsString[index()],
+              remove: () => {
+                api().setValue(api().value.filter((_, i) => i !== index()));
+              }
+            }))
+          });
+        }
+      });
+    }
+  });
+};
 var useDatePicker = (props) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
@@ -159,7 +201,7 @@ var useDatePicker = (props) => {
 // src/components/date-picker/date-picker-root.tsx
 var DatePickerRoot = (props) => {
   const [presenceProps, datePickerProps] = splitPresenceProps(props);
-  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "outsideDaySelectable", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "parse", "placeholder", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view", "inline"]);
+  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "inline", "invalid", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "onVisibleRangeChange", "open", "outsideDaySelectable", "parse", "placeholder", "positioning", "readOnly", "required", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
   const api = useDatePicker(useDatePickerProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open
@@ -324,7 +366,6 @@ var DatePickerViewTrigger = (props) => {
   const mergedProps = mergeProps(() => api().getViewTriggerProps(viewProps), props);
   return createComponent(ark.button, mergedProps);
 };
-var _tmpl$2 = /* @__PURE__ */ template(`<option>`);
 var DatePickerYearSelect = (props) => {
   const datePicker2 = useDatePickerContext();
   const mergedProps = mergeProps(() => datePicker2().getYearSelectProps(), props);
@@ -334,12 +375,14 @@ var DatePickerYearSelect = (props) => {
         get each() {
           return datePicker2().getYears();
         },
-        children: (year) => (() => {
-          var _el$ = _tmpl$2();
-          insert(_el$, () => year().label);
-          effect(() => _el$.value = year().value);
-          return _el$;
-        })()
+        children: (year) => createComponent(ark.option, {
+          get value() {
+            return year().value;
+          },
+          get children() {
+            return year().label;
+          }
+        })
       });
     }
   }));
@@ -370,10 +413,11 @@ __export(date_picker_exports, {
   TableHeader: () => DatePickerTableHeader,
   TableRow: () => DatePickerTableRow,
   Trigger: () => DatePickerTrigger,
+  ValueText: () => DatePickerValueText,
   View: () => DatePickerView,
   ViewControl: () => DatePickerViewControl,
   ViewTrigger: () => DatePickerViewTrigger,
   YearSelect: () => DatePickerYearSelect
 });
 
-export { DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, date_picker_exports, useDatePicker, useDatePickerContext };
+export { DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerValueText, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, date_picker_exports, useDatePicker, useDatePickerContext };