@ark-ui/solid 5.29.0 → 5.30.0

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

@@ -1,15 +1,18 @@
+import {
+  useFieldsetContext
+} from "./NHEM6XZR.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";
@@ -115,12 +118,21 @@ var useRadioGroup = (props) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const machineProps = createMemo2(() => ({
-    id,
-    dir: locale().dir,
-    getRootNode: environment().getRootNode,
-    ...runIfFn(props)
-  }));
+  const fieldset = useFieldsetContext();
+  const machineProps = createMemo2(() => {
+    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 createMemo2(() => radio.connect(service, normalizeProps));
 };
@@ -133,10 +145,12 @@ var RadioGroupRoot = (props) => {
     "form",
     "id",
     "ids",
+    "invalid",
     "name",
     "onValueChange",
     "orientation",
     "readOnly",
+    "required",
     "value"
   ]);
   const radioGroup = useRadioGroup(useRadioGroupProps);

package/dist/chunk/{GFKCCGJB.js → 2V2P2JZV.js}

@@ -1,4 +1,5 @@
-import { useFieldContext } from './TPLBK6KL.js';
+import { useFieldContext } from './GBGTOFYC.js';
+import { useFieldsetContext } from './Z5ZRFFPU.js';
 import { checkboxAnatomy } from './G5RHOVDI.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
@@ -44,7 +45,10 @@ function useControllableState(props) {
 
 // src/components/checkbox/use-checkbox-group.ts
 function useCheckboxGroup(props = {}) {
-  const interactive = createMemo(() => !(props.disabled || props.readOnly));
+  const fieldset = useFieldsetContext();
+  const disabled = () => props.disabled ?? fieldset?.()?.disabled;
+  const invalid = () => props.invalid ?? fieldset?.()?.invalid;
+  const interactive = createMemo(() => !(disabled() || props.readOnly));
   const [value, setValue] = useControllableState({
     value: props.value,
     defaultValue: props.defaultValue || [],
@@ -75,18 +79,18 @@ function useCheckboxGroup(props = {}) {
           }
         },
         name: props.name,
-        disabled: props.disabled,
+        disabled: disabled(),
         readOnly: props.readOnly,
-        invalid: props.invalid
+        invalid: invalid()
       };
     };
     return {
       isChecked,
       value,
       name: props.name,
-      disabled: props.disabled,
+      disabled: disabled(),
       readOnly: props.readOnly,
-      invalid: props.invalid,
+      invalid: invalid(),
       setValue,
       addValue,
       toggleValue,

package/dist/chunk/{EM4XSE5H.js → 3BRVNFB3.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/{I3MLFUBK.jsx → 3ZDGZCBV.jsx}

@@ -1,6 +1,9 @@
 import {
   useFieldContext
-} from "./5KPLCG77.jsx";
+} from "./7HLG62OR.jsx";
+import {
+  useFieldsetContext
+} from "./NHEM6XZR.jsx";
 import {
   checkboxAnatomy
 } from "./JCNWK3IN.jsx";
@@ -10,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";
@@ -67,7 +70,10 @@ function useControllableState(props) {
 
 // src/components/checkbox/use-checkbox-group.ts
 function useCheckboxGroup(props = {}) {
-  const interactive = createMemo2(() => !(props.disabled || props.readOnly));
+  const fieldset = useFieldsetContext();
+  const disabled = () => props.disabled ?? fieldset?.()?.disabled;
+  const invalid = () => props.invalid ?? fieldset?.()?.invalid;
+  const interactive = createMemo2(() => !(disabled() || props.readOnly));
   const [value, setValue] = useControllableState({
     value: props.value,
     defaultValue: props.defaultValue || [],
@@ -98,18 +104,18 @@ function useCheckboxGroup(props = {}) {
           }
         },
         name: props.name,
-        disabled: props.disabled,
+        disabled: disabled(),
         readOnly: props.readOnly,
-        invalid: props.invalid
+        invalid: invalid()
       };
     };
     return {
       isChecked,
       value,
       name: props.name,
-      disabled: props.disabled,
+      disabled: disabled(),
       readOnly: props.readOnly,
-      invalid: props.invalid,
+      invalid: invalid(),
       setValue,
       addValue,
       toggleValue,

package/dist/chunk/{VAEEL2O7.jsx → 4A6UNZ4T.jsx}

@@ -7,12 +7,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";
@@ -136,10 +136,12 @@ var SegmentGroupRoot = (props) => {
     "form",
     "id",
     "ids",
+    "invalid",
     "name",
     "onValueChange",
     "orientation",
     "readOnly",
+    "required",
     "value"
   ]);
   const segmentGroup2 = useSegmentGroup(useSegmentGroupProps);

package/dist/chunk/{YTFMRBD2.js → 52VYWTHF.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/{S7S4GNYZ.jsx → 76KFR2EJ.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";
@@ -125,6 +125,7 @@ var NumberInputRoot = (props) => {
     "name",
     "onFocusChange",
     "onValueChange",
+    "onValueCommit",
     "onValueInvalid",
     "pattern",
     "readOnly",

package/dist/chunk/{5KPLCG77.jsx → 7HLG62OR.jsx}

@@ -1,12 +1,12 @@
 import {
   useFieldsetContext
-} from "./2UC6SEQ4.jsx";
-import {
-  composeRefs
-} from "./PT2CJE3O.jsx";
+} from "./NHEM6XZR.jsx";
 import {
   parts
 } from "./6P2AQNUE.jsx";
+import {
+  composeRefs
+} from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";

package/dist/chunk/{TQYNU5YV.js → AH5KB6LR.js}

@@ -176,7 +176,7 @@ var useTreeView = (props) => {
 // src/components/tree-view/tree-view-root.tsx
 var TreeViewRoot = (props) => {
   const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
-  const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, ["canRename", "checkedValue", "collection", "defaultCheckedValue", "defaultExpandedValue", "defaultFocusedValue", "defaultSelectedValue", "expandedValue", "expandOnClick", "focusedValue", "id", "ids", "loadChildren", "onBeforeRename", "onCheckedChange", "onExpandedChange", "onFocusChange", "onLoadChildrenComplete", "onLoadChildrenError", "onRenameComplete", "onRenameStart", "onSelectionChange", "selectedValue", "selectionMode", "typeahead"]);
+  const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, ["canRename", "checkedValue", "collection", "defaultCheckedValue", "defaultExpandedValue", "defaultFocusedValue", "defaultSelectedValue", "expandedValue", "expandOnClick", "focusedValue", "id", "ids", "loadChildren", "onBeforeRename", "onCheckedChange", "onExpandedChange", "onFocusChange", "onLoadChildrenComplete", "onLoadChildrenError", "onRenameComplete", "onRenameStart", "onSelectionChange", "selectedValue", "selectionMode", "typeahead", "scrollToIndexFn"]);
   const treeView2 = useTreeView(useTreeViewProps);
   const mergedProps = mergeProps(() => treeView2().getRootProps(), localProps);
   return createComponent(TreeViewProvider, {

package/dist/chunk/{62N4ZDOB.js → B434DN6B.js}

@@ -24,12 +24,22 @@ var PaginationEllipsis = (props) => {
   const mergedProps = mergeProps(() => api().getEllipsisProps(ellipsisProps), localProps);
   return createComponent(ark.div, mergedProps);
 };
+var PaginationFirstTrigger = (props) => {
+  const api = usePaginationContext();
+  const mergedProps = mergeProps(() => api().getFirstTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
 var PaginationItem = (props) => {
   const [itemProps, localProps] = createSplitProps()(props, ["value", "type"]);
   const api = usePaginationContext();
   const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
   return createComponent(ark.button, mergedProps);
 };
+var PaginationLastTrigger = (props) => {
+  const api = usePaginationContext();
+  const mergedProps = mergeProps(() => api().getLastTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
 var PaginationNextTrigger = (props) => {
   const api = usePaginationContext();
   const mergedProps = mergeProps(() => api().getNextTriggerProps(), props);
@@ -56,7 +66,7 @@ var usePagination = (props) => {
 
 // src/components/pagination/pagination-root.tsx
 var PaginationRoot = (props) => {
-  const [usePaginationProps, localProps] = createSplitProps()(props, ["count", "defaultPage", "defaultPageSize", "getPageUrl", "id", "ids", "onPageChange", "onPageSizeChange", "page", "pageSize", "siblingCount", "translations", "type"]);
+  const [usePaginationProps, localProps] = createSplitProps()(props, ["boundaryCount", "count", "defaultPage", "defaultPageSize", "getPageUrl", "id", "ids", "onPageChange", "onPageSizeChange", "page", "pageSize", "siblingCount", "translations", "type"]);
   const api = usePagination(usePaginationProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(PaginationProvider, {
@@ -84,11 +94,13 @@ var pagination_exports = {};
 __export(pagination_exports, {
   Context: () => PaginationContext,
   Ellipsis: () => PaginationEllipsis,
+  FirstTrigger: () => PaginationFirstTrigger,
   Item: () => PaginationItem,
+  LastTrigger: () => PaginationLastTrigger,
   NextTrigger: () => PaginationNextTrigger,
   PrevTrigger: () => PaginationPrevTrigger,
   Root: () => PaginationRoot,
   RootProvider: () => PaginationRootProvider
 });
 
-export { PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, pagination_exports, usePagination, usePaginationContext };
+export { PaginationContext, PaginationEllipsis, PaginationFirstTrigger, PaginationItem, PaginationLastTrigger, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, pagination_exports, usePagination, usePaginationContext };

package/dist/chunk/{MZEGYYMT.js → F7OI3RZ3.js}

@@ -1,4 +1,4 @@
-import { useTreeViewContext, tree_view_exports, useTreeView } from './TQYNU5YV.js';
+import { useTreeViewContext, tree_view_exports, useTreeView } from './AH5KB6LR.js';
 import { createTreeCollection } from './APULXWCH.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { createContext } from './THN5C4U6.js';

package/dist/chunk/{HRPXPYHQ.js → FDE3GI6Q.js}

@@ -1,5 +1,5 @@
 import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './FW6EZLZL.js';
-import { useFieldContext } from './TPLBK6KL.js';
+import { useFieldContext } from './GBGTOFYC.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { comboboxAnatomy } from './POIATK64.js';
 import { createSplitProps } from './ZMHI4GDJ.js';

package/dist/chunk/{U7FAF24E.js → G2THT6E6.js}

@@ -1,5 +1,5 @@
 import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './FW6EZLZL.js';
-import { useFieldContext } from './TPLBK6KL.js';
+import { useFieldContext } from './GBGTOFYC.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{TPLBK6KL.js → GBGTOFYC.js}

@@ -1,4 +1,4 @@
-import { useFieldsetContext } from './UXNQOU36.js';
+import { useFieldsetContext } from './Z5ZRFFPU.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { parts } from './DAGJUXUK.js';
 import { createSplitProps } from './ZMHI4GDJ.js';

package/dist/chunk/{TBRRDX3X.jsx → GCEYGQPA.jsx}

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./7HLG62OR.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
 } from "./2P5Y3YCK.jsx";
-import {
-  useFieldContext
-} from "./5KPLCG77.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -16,12 +16,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/{Y66OHGAM.js → HCQSZULR.js}

@@ -1,5 +1,5 @@
 import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './FW6EZLZL.js';
-import { useFieldContext } from './TPLBK6KL.js';
+import { useFieldContext } from './GBGTOFYC.js';
 import { composeRefs } from './ROP6QZQ7.js';
 import { colorPickerAnatomy } from './7ANKVUWM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';

package/dist/chunk/{TPRSB43T.jsx → HVXJLFJY.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/{IEP4WYW2.jsx → HWHAUHQ5.jsx}

@@ -1,6 +1,6 @@
 import {
   collapsible_exports
-} from "./2RZITRBG.jsx";
+} from "./UOOMXEJO.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -12,12 +12,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";
@@ -260,7 +260,8 @@ var TreeViewRoot = (props) => {
     "onSelectionChange",
     "selectedValue",
     "selectionMode",
-    "typeahead"
+    "typeahead",
+    "scrollToIndexFn"
   ]);
   const treeView2 = useTreeView(useTreeViewProps);
   const mergedProps = mergeProps14(() => treeView2().getRootProps(), localProps);

package/dist/chunk/{CCNCOLB2.jsx → IGSOSLB3.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/{WLITP5TP.jsx → J5ODILBT.jsx}

@@ -1,30 +1,30 @@
+import {
+  useFieldContext
+} from "./7HLG62OR.jsx";
+import {
+  comboboxAnatomy
+} from "./VQPWR4W5.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
 } from "./2P5Y3YCK.jsx";
-import {
-  useFieldContext
-} from "./5KPLCG77.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
-import {
-  comboboxAnatomy
-} from "./VQPWR4W5.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/{WOSN63AN.jsx → JNBFQ7ZP.jsx}

@@ -1,30 +1,30 @@
+import {
+  useFieldContext
+} from "./7HLG62OR.jsx";
+import {
+  colorPickerAnatomy
+} from "./4ZHXHGFF.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
 } from "./2P5Y3YCK.jsx";
-import {
-  useFieldContext
-} from "./5KPLCG77.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
-import {
-  colorPickerAnatomy
-} from "./4ZHXHGFF.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/{PMI7UADJ.jsx → JRY66LXS.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/{KQ6IUY4K.js → K3TLO6S6.js}

@@ -97,7 +97,7 @@ var useSegmentGroup = (props) => {
 
 // src/components/segment-group/segment-group-root.tsx
 var SegmentGroupRoot = (props) => {
-  const [useSegmentGroupProps, localProps] = createSplitProps()(props, ["defaultValue", "disabled", "form", "id", "ids", "name", "onValueChange", "orientation", "readOnly", "value"]);
+  const [useSegmentGroupProps, localProps] = createSplitProps()(props, ["defaultValue", "disabled", "form", "id", "ids", "invalid", "name", "onValueChange", "orientation", "readOnly", "required", "value"]);
   const segmentGroup2 = useSegmentGroup(useSegmentGroupProps);
   const mergedProps = mergeProps(() => segmentGroup2().getRootProps(), parts.root.attrs, localProps);
   return createComponent(SegmentGroupProvider, {

package/dist/chunk/{J3XZT7EL.js → LNZGGTI5.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';