@ark-ui/solid 5.29.0 → 5.30.0

package/dist/chunk/{2UC6SEQ4.jsx → NHEM6XZR.jsx}

@@ -1,6 +1,9 @@
 import {
   parts
 } from "./4YNGVMW2.jsx";
+import {
+  composeRefs
+} from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -62,19 +65,19 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 
 // src/components/fieldset/use-fieldset.ts
 import { dataAttr } from "@zag-js/dom-query";
-import { createEffect, createMemo, createSignal, createUniqueId, mergeProps as mergeProps4, onCleanup } from "solid-js";
+import { createMemo, createSignal, createUniqueId, mergeProps as mergeProps4, onCleanup, onMount } from "solid-js";
 var useFieldset = (props) => {
   const env = useEnvironmentContext();
   const mergedProps = mergeProps4({ disabled: false, invalid: false }, runIfFn(props));
-  let rootRef;
+  const [rootRef, setRootRef] = createSignal(void 0);
   const id = mergedProps.id ?? createUniqueId();
   const legendId = `fieldset::${id}::legend`;
   const errorTextId = `fieldset::${id}::error-text`;
   const helperTextId = `fieldset::${id}::helper-text`;
   const [hasErrorText, setHasErrorText] = createSignal(false);
   const [hasHelperText, setHasHelperText] = createSignal(false);
-  createEffect(() => {
-    const rootNode = rootRef;
+  onMount(() => {
+    const rootNode = rootRef();
     if (!rootNode) return;
     const checkTextElements = () => {
       const docOrShadowRoot = env().getRootNode();
@@ -87,16 +90,19 @@ var useFieldset = (props) => {
     observer.observe(rootNode, { childList: true, subtree: true });
     onCleanup(() => observer.disconnect());
   });
-  const labelIds = [];
-  if (hasErrorText() && mergedProps.invalid) labelIds.push(errorTextId);
-  if (hasHelperText()) labelIds.push(helperTextId);
+  const labelIds = createMemo(() => {
+    const ids = [];
+    if (hasErrorText() && mergedProps.invalid) ids.push(errorTextId);
+    if (hasHelperText()) ids.push(helperTextId);
+    return ids;
+  });
   const getRootProps = () => ({
     ...parts.root.attrs,
     disabled: mergedProps.disabled,
     "data-disabled": dataAttr(mergedProps.disabled),
     "data-invalid": dataAttr(mergedProps.invalid),
     "aria-labelledby": legendId,
-    "aria-describedby": labelIds.join(" ") || void 0
+    "aria-describedby": labelIds().join(" ") || void 0
   });
   const getLegendProps = () => ({
     id: legendId,
@@ -115,7 +121,12 @@ var useFieldset = (props) => {
   });
   return createMemo(() => ({
     refs: {
-      rootRef
+      rootRef: setRootRef
+    },
+    ids: {
+      legend: legendId,
+      errorText: errorTextId,
+      helperText: helperTextId
     },
     disabled: mergedProps.disabled,
     invalid: mergedProps.invalid,
@@ -132,7 +143,7 @@ var FieldsetRoot = (props) => {
   const fieldset = useFieldset(useFieldsetProps);
   const mergedProps = mergeProps5(() => fieldset().getRootProps(), localProps);
   return <FieldsetProvider value={fieldset}>
-      <ark.fieldset {...mergedProps} />
+      <ark.fieldset {...mergedProps} ref={composeRefs(fieldset().refs.rootRef, props.ref)} />
     </FieldsetProvider>;
 };
 FieldsetRoot.displayName = "FieldsetRoot";

package/dist/chunk/{TNKGDI7Y.jsx → NPSTVZUG.jsx}

@@ -1,18 +1,18 @@
 import {
   useFieldContext
-} from "./5KPLCG77.jsx";
+} from "./7HLG62OR.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   useEnvironmentContext
 } from "./CGW54HAQ.jsx";
+import {
+  useLocaleContext
+} from "./JFOWNFC7.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";

package/dist/chunk/{CM2ALDJ7.jsx → NZQO4OJP.jsx}

@@ -1,18 +1,18 @@
 import {
   useFieldContext
-} from "./5KPLCG77.jsx";
+} from "./7HLG62OR.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   useEnvironmentContext
 } from "./CGW54HAQ.jsx";
+import {
+  useLocaleContext
+} from "./JFOWNFC7.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";

package/dist/chunk/{ARA55KUE.jsx → ORJXW4SC.jsx}

@@ -2,7 +2,7 @@ import {
   tree_view_exports,
   useTreeView,
   useTreeViewContext
-} from "./IEP4WYW2.jsx";
+} from "./HWHAUHQ5.jsx";
 import {
   createTreeCollection
 } from "./EFII6TXL.jsx";

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

@@ -1,18 +1,18 @@
 import {
   useFieldContext
-} from "./5KPLCG77.jsx";
+} from "./7HLG62OR.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   useEnvironmentContext
 } from "./CGW54HAQ.jsx";
+import {
+  useLocaleContext
+} from "./JFOWNFC7.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";

package/dist/chunk/{FLYTMLX4.js → QGXWXVZ5.js}

@@ -1,3 +1,4 @@
+import { useFieldsetContext } from './Z5ZRFFPU.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './5QLLQM7E.js';
@@ -84,19 +85,28 @@ var useRadioGroup = (props) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const machineProps = createMemo(() => ({
-    id,
-    dir: locale().dir,
-    getRootNode: environment().getRootNode,
-    ...runIfFn(props)
-  }));
+  const fieldset = useFieldsetContext();
+  const machineProps = createMemo(() => {
+    const fieldsetContext = fieldset?.();
+    return {
+      id,
+      ids: {
+        label: fieldsetContext?.ids?.legend
+      },
+      dir: locale().dir,
+      disabled: fieldsetContext?.disabled,
+      invalid: fieldsetContext?.invalid,
+      getRootNode: environment().getRootNode,
+      ...runIfFn(props)
+    };
+  });
   const service = useMachine(radio.machine, machineProps);
   return createMemo(() => radio.connect(service, normalizeProps));
 };
 
 // src/components/radio-group/radio-group-root.tsx
 var RadioGroupRoot = (props) => {
-  const [useRadioGroupProps, localProps] = createSplitProps()(props, ["defaultValue", "disabled", "form", "id", "ids", "name", "onValueChange", "orientation", "readOnly", "value"]);
+  const [useRadioGroupProps, localProps] = createSplitProps()(props, ["defaultValue", "disabled", "form", "id", "ids", "invalid", "name", "onValueChange", "orientation", "readOnly", "required", "value"]);
   const radioGroup = useRadioGroup(useRadioGroupProps);
   const mergedProps = mergeProps(() => radioGroup().getRootProps(), localProps);
   return createComponent(RadioGroupProvider, {

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

@@ -1,3 +1,6 @@
+import {
+  datePickerAnatomy
+} from "./6UXNGS66.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
@@ -7,21 +10,18 @@ import {
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
-import {
-  datePickerAnatomy
-} from "./6UXNGS66.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   useEnvironmentContext
 } from "./CGW54HAQ.jsx";
+import {
+  useLocaleContext
+} from "./JFOWNFC7.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
@@ -206,6 +206,8 @@ var DatePickerRoot = (props) => {
     "format",
     "id",
     "ids",
+    "inline",
+    "invalid",
     "isDateUnavailable",
     "locale",
     "max",
@@ -214,23 +216,23 @@ var DatePickerRoot = (props) => {
     "minView",
     "name",
     "numOfMonths",
-    "outsideDaySelectable",
     "onFocusChange",
     "onOpenChange",
     "onValueChange",
     "onViewChange",
     "open",
+    "outsideDaySelectable",
     "parse",
     "placeholder",
     "positioning",
     "readOnly",
+    "required",
     "selectionMode",
     "startOfWeek",
     "timeZone",
     "translations",
     "value",
-    "view",
-    "inline"
+    "view"
   ]);
   const api = useDatePicker(useDatePickerProps);
   const apiPresence = usePresence(mergeProps12(presenceProps, () => ({ present: api().open })));

package/dist/chunk/{3GKO4C5T.js → RSWPJEWK.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './TPLBK6KL.js';
+import { useFieldContext } from './GBGTOFYC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './5QLLQM7E.js';

package/dist/chunk/{7B2MTJPJ.jsx → SH4J3NPA.jsx}

@@ -4,12 +4,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   useEnvironmentContext
 } from "./CGW54HAQ.jsx";
+import {
+  useLocaleContext
+} from "./JFOWNFC7.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
@@ -38,33 +38,49 @@ var PaginationEllipsis = (props) => {
   return <ark.div {...mergedProps} />;
 };
 
-// src/components/pagination/pagination-item.tsx
+// src/components/pagination/pagination-first-trigger.tsx
 import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var PaginationFirstTrigger = (props) => {
+  const api = usePaginationContext();
+  const mergedProps = mergeProps2(() => api().getFirstTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/pagination/pagination-item.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
 var PaginationItem = (props) => {
   const [itemProps, localProps] = createSplitProps()(props, ["value", "type"]);
   const api = usePaginationContext();
-  const mergedProps = mergeProps2(() => api().getItemProps(itemProps), localProps);
+  const mergedProps = mergeProps3(() => api().getItemProps(itemProps), localProps);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/pagination/pagination-last-trigger.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var PaginationLastTrigger = (props) => {
+  const api = usePaginationContext();
+  const mergedProps = mergeProps4(() => api().getLastTriggerProps(), props);
   return <ark.button {...mergedProps} />;
 };
 
 // src/components/pagination/pagination-next-trigger.tsx
-import { mergeProps as mergeProps3 } from "@zag-js/solid";
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
 var PaginationNextTrigger = (props) => {
   const api = usePaginationContext();
-  const mergedProps = mergeProps3(() => api().getNextTriggerProps(), props);
+  const mergedProps = mergeProps5(() => api().getNextTriggerProps(), props);
   return <ark.button {...mergedProps} />;
 };
 
 // src/components/pagination/pagination-prev-trigger.tsx
-import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var PaginationPrevTrigger = (props) => {
   const api = usePaginationContext();
-  const mergedProps = mergeProps4(() => api().getPrevTriggerProps(), props);
+  const mergedProps = mergeProps6(() => api().getPrevTriggerProps(), props);
   return <ark.button {...mergedProps} />;
 };
 
 // src/components/pagination/pagination-root.tsx
-import { mergeProps as mergeProps5 } from "@zag-js/solid";
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
 
 // src/components/pagination/use-pagination.ts
 import * as pagination from "@zag-js/pagination";
@@ -87,6 +103,7 @@ var usePagination = (props) => {
 // src/components/pagination/pagination-root.tsx
 var PaginationRoot = (props) => {
   const [usePaginationProps, localProps] = createSplitProps()(props, [
+    "boundaryCount",
     "count",
     "defaultPage",
     "defaultPageSize",
@@ -102,17 +119,17 @@ var PaginationRoot = (props) => {
     "type"
   ]);
   const api = usePagination(usePaginationProps);
-  const mergedProps = mergeProps5(() => api().getRootProps(), localProps);
+  const mergedProps = mergeProps7(() => api().getRootProps(), localProps);
   return <PaginationProvider value={api}>
       <ark.nav {...mergedProps} />
     </PaginationProvider>;
 };
 
 // src/components/pagination/pagination-root-provider.tsx
-import { mergeProps as mergeProps6 } from "@zag-js/solid";
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
 var PaginationRootProvider = (props) => {
   const [{ value: pagination2 }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps6(() => pagination2().getRootProps(), localProps);
+  const mergedProps = mergeProps8(() => pagination2().getRootProps(), localProps);
   return <PaginationProvider value={pagination2}>
       <ark.nav {...mergedProps} />
     </PaginationProvider>;
@@ -123,7 +140,9 @@ var pagination_exports = {};
 __export(pagination_exports, {
   Context: () => PaginationContext,
   Ellipsis: () => PaginationEllipsis,
+  FirstTrigger: () => PaginationFirstTrigger,
   Item: () => PaginationItem,
+  LastTrigger: () => PaginationLastTrigger,
   NextTrigger: () => PaginationNextTrigger,
   PrevTrigger: () => PaginationPrevTrigger,
   Root: () => PaginationRoot,
@@ -134,7 +153,9 @@ export {
   usePaginationContext,
   PaginationContext,
   PaginationEllipsis,
+  PaginationFirstTrigger,
   PaginationItem,
+  PaginationLastTrigger,
   PaginationNextTrigger,
   PaginationPrevTrigger,
   usePagination,

package/dist/chunk/{Y3GFUOZP.jsx → SZNFUIJQ.jsx}

@@ -1,7 +1,7 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./2RZITRBG.jsx";
+} from "./UOOMXEJO.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -13,12 +13,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   useEnvironmentContext
 } from "./CGW54HAQ.jsx";
+import {
+  useLocaleContext
+} from "./JFOWNFC7.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";

package/dist/chunk/TILTTA4A.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/navigation-menu';

package/dist/chunk/{RNVRDALA.js → TP32AKQX.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './TPLBK6KL.js';
+import { useFieldContext } from './GBGTOFYC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './5QLLQM7E.js';

package/dist/chunk/{XNP7QM5Q.jsx → UHWLTCQZ.jsx}

@@ -79,9 +79,6 @@ var Frame = (props) => {
             </Portal>}
         </Show>
         <Show when={mountNode()}>
-          {
-    /* biome-ignore lint/style/noNonNullAssertion: intentional */
-  }
           <Portal mount={frameRef().contentDocument.head}>{frameProps.head}</Portal>
         </Show>
       </iframe>

package/dist/chunk/{KAO2IPN7.js → UTULIPW7.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './TPLBK6KL.js';
+import { useFieldContext } from './GBGTOFYC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './5QLLQM7E.js';

package/dist/chunk/{SKC2JUHO.jsx → VH6MDPEX.jsx}

@@ -1,18 +1,18 @@
 import {
   useFieldContext
-} from "./5KPLCG77.jsx";
+} from "./7HLG62OR.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   useEnvironmentContext
 } from "./CGW54HAQ.jsx";
+import {
+  useLocaleContext
+} from "./JFOWNFC7.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";

package/dist/chunk/{OX3264V7.jsx → VIKFXGE5.jsx}

@@ -1,18 +1,18 @@
 import {
   useFieldContext
-} from "./5KPLCG77.jsx";
+} from "./7HLG62OR.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./JFOWNFC7.jsx";
 import {
   useEnvironmentContext
 } from "./CGW54HAQ.jsx";
+import {
+  useLocaleContext
+} from "./JFOWNFC7.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";

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

@@ -1,4 +1,4 @@
-import { useFieldContext } from './TPLBK6KL.js';
+import { useFieldContext } from './GBGTOFYC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './5QLLQM7E.js';

package/dist/chunk/WCB4ISVQ.jsx

@@ -0,0 +1,6 @@
+// src/components/navigation-menu/navigation-menu.anatomy.ts
+import { anatomy } from "@zag-js/navigation-menu";
+
+export {
+  anatomy
+};

package/dist/chunk/{7XIUKXCN.js → WUBTAV2O.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './TPLBK6KL.js';
+import { useFieldContext } from './GBGTOFYC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './5QLLQM7E.js';

package/dist/chunk/{CN63YZUE.js → Z4EBWHQF.js}

@@ -1,4 +1,4 @@
-import { useFieldContext } from './TPLBK6KL.js';
+import { useFieldContext } from './GBGTOFYC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './5QLLQM7E.js';
@@ -75,7 +75,7 @@ var useNumberInput = (props) => {
 
 // src/components/number-input/number-input-root.tsx
 var NumberInputRoot = (props) => {
-  const [useNumberInputProps, localProps] = createSplitProps()(props, ["allowMouseWheel", "allowOverflow", "clampValueOnBlur", "defaultValue", "disabled", "focusInputOnChange", "form", "formatOptions", "id", "ids", "inputMode", "invalid", "locale", "max", "min", "name", "onFocusChange", "onValueChange", "onValueInvalid", "pattern", "readOnly", "required", "spinOnPress", "step", "translations", "value"]);
+  const [useNumberInputProps, localProps] = createSplitProps()(props, ["allowMouseWheel", "allowOverflow", "clampValueOnBlur", "defaultValue", "disabled", "focusInputOnChange", "form", "formatOptions", "id", "ids", "inputMode", "invalid", "locale", "max", "min", "name", "onFocusChange", "onValueChange", "onValueCommit", "onValueInvalid", "pattern", "readOnly", "required", "spinOnPress", "step", "translations", "value"]);
   const api = useNumberInput(useNumberInputProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(NumberInputProvider, {

package/dist/chunk/{UXNQOU36.js → Z5ZRFFPU.js}

@@ -1,3 +1,4 @@
+import { composeRefs } from './ROP6QZQ7.js';
 import { parts } from './FCMJTSIR.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
@@ -5,9 +6,9 @@ import { useEnvironmentContext } from './5QLLQM7E.js';
 import { runIfFn } from './DT73WLR4.js';
 import { createContext } from './THN5C4U6.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
-import { Show, mergeProps as mergeProps$1, createUniqueId, createSignal, createEffect, createMemo } from 'solid-js';
+import { Show, mergeProps as mergeProps$2, createSignal, createUniqueId, onMount, onCleanup, createMemo } from 'solid-js';
 import { dataAttr } from '@zag-js/dom-query';
 
 // src/components/fieldset/use-fieldset-context.ts
@@ -42,28 +43,42 @@ var FieldsetLegend = (props) => {
   return createComponent(ark.legend, mergedProps);
 };
 var useFieldset = (props) => {
-  useEnvironmentContext();
-  const mergedProps = mergeProps$1({ disabled: false, invalid: false }, runIfFn(props));
-  let rootRef;
+  const env = useEnvironmentContext();
+  const mergedProps = mergeProps$2({ disabled: false, invalid: false }, runIfFn(props));
+  const [rootRef, setRootRef] = createSignal(void 0);
   const id = mergedProps.id ?? createUniqueId();
   const legendId = `fieldset::${id}::legend`;
   const errorTextId = `fieldset::${id}::error-text`;
   const helperTextId = `fieldset::${id}::helper-text`;
-  const [hasErrorText] = createSignal(false);
-  const [hasHelperText] = createSignal(false);
-  createEffect(() => {
-    return;
+  const [hasErrorText, setHasErrorText] = createSignal(false);
+  const [hasHelperText, setHasHelperText] = createSignal(false);
+  onMount(() => {
+    const rootNode = rootRef();
+    if (!rootNode) return;
+    const checkTextElements = () => {
+      const docOrShadowRoot = env().getRootNode();
+      setHasErrorText(!!docOrShadowRoot.getElementById(errorTextId));
+      setHasHelperText(!!docOrShadowRoot.getElementById(helperTextId));
+    };
+    checkTextElements();
+    const win = env().getWindow();
+    const observer = new win.MutationObserver(checkTextElements);
+    observer.observe(rootNode, { childList: true, subtree: true });
+    onCleanup(() => observer.disconnect());
+  });
+  const labelIds = createMemo(() => {
+    const ids = [];
+    if (hasErrorText() && mergedProps.invalid) ids.push(errorTextId);
+    if (hasHelperText()) ids.push(helperTextId);
+    return ids;
   });
-  const labelIds = [];
-  if (hasErrorText() && mergedProps.invalid) labelIds.push(errorTextId);
-  if (hasHelperText()) labelIds.push(helperTextId);
   const getRootProps = () => ({
     ...parts.root.attrs,
     disabled: mergedProps.disabled,
     "data-disabled": dataAttr(mergedProps.disabled),
     "data-invalid": dataAttr(mergedProps.invalid),
     "aria-labelledby": legendId,
-    "aria-describedby": labelIds.join(" ") || void 0
+    "aria-describedby": labelIds().join(" ") || void 0
   });
   const getLegendProps = () => ({
     id: legendId,
@@ -82,7 +97,12 @@ var useFieldset = (props) => {
   });
   return createMemo(() => ({
     refs: {
-      rootRef
+      rootRef: setRootRef
+    },
+    ids: {
+      legend: legendId,
+      errorText: errorTextId,
+      helperText: helperTextId
     },
     disabled: mergedProps.disabled,
     invalid: mergedProps.invalid,
@@ -101,7 +121,12 @@ var FieldsetRoot = (props) => {
   return createComponent(FieldsetProvider, {
     value: fieldset,
     get children() {
-      return createComponent(ark.fieldset, mergedProps);
+      return createComponent(ark.fieldset, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(fieldset().refs.rootRef, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };

package/dist/chunk/{36P5AXKU.js → ZYFWVVTC.js}

@@ -159,7 +159,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", "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