@sprawlify/solid 0.0.113 → 0.0.114

package/dist/{alert-dialog-anatomy-BcjgVO3J.d.ts → alert-dialog-anatomy-DaId-QW4.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/alert-dialog/alert-dialog-anatomy.d.ts
-declare const alertDialogAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"title" | "content" | "trigger" | "positioner" | "backdrop" | "description" | "closeTrigger">;
+declare const alertDialogAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"title" | "trigger" | "content" | "description" | "closeTrigger" | "positioner" | "backdrop">;
 //#endregion
 export { alertDialogAnatomy as t };

package/dist/{carousel-anatomy-C_9lwmlQ.d.ts → carousel-anatomy-gusCi1vA.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/carousel/carousel-anatomy.d.ts
-declare const carouselAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "indicator" | "control" | "item" | "nextTrigger" | "prevTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
+declare const carouselAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
 //#endregion
 export { carouselAnatomy as t };

package/dist/{checkbox-anatomy-PPxvbQhr.d.ts → checkbox-anatomy-0V2ae3MZ.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/checkbox/checkbox-anatomy.d.ts
-declare const checkboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "indicator" | "label" | "control" | "group">;
+declare const checkboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "root" | "indicator" | "control" | "group">;
 //#endregion
 export { checkboxAnatomy as t };

package/dist/{collapsible-DhguH1Yh.jsx → collapsible-DuBoqLWz.jsx}

@@ -4,8 +4,8 @@ import { t as runIfFn } from "./run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "./create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "./providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "./factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "./create-split-props-B2Gc7D9P.jsx";
-import { n as splitRenderStrategyProps } from "./render-strategy-6LT04Ztx.jsx";
+import { t as createSplitProps } from "./create-split-props-Bs7cdSMW.jsx";
+import { n as splitRenderStrategyProps } from "./render-strategy-BB2DhQSO.jsx";
 import { Show, createEffect, createMemo, createSignal, createUniqueId } from "solid-js";
 import * as collapsible from "@sprawlify/primitives/machines/collapsible";
 import { anatomy as collapsibleAnatomy } from "@sprawlify/primitives/machines/collapsible";

package/dist/color-picker-anatomy-pQwtmlUG.d.ts

@@ -0,0 +1,6 @@
+import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
+
+//#region src/components/color-picker/color-picker-anatomy.d.ts
+declare const colorPickerAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "area" | "root" | "trigger" | "content" | "positioner" | "control" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;
+//#endregion
+export { colorPickerAnatomy as t };

package/dist/combobox-anatomy-RcDi4MD2.d.ts

@@ -0,0 +1,6 @@
+import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
+
+//#region src/components/combobox/combobox-anatomy.d.ts
+declare const comboboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "input" | "root" | "trigger" | "content" | "positioner" | "control" | "item" | "itemGroup" | "itemIndicator" | "clearTrigger" | "itemText" | "list" | "itemGroupLabel" | "empty">;
+//#endregion
+export { comboboxAnatomy as t };

package/dist/components/accordion/index.jsx

@@ -4,9 +4,9 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
-import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-6LT04Ztx.jsx";
-import { t as collapsible_exports, u as useCollapsibleContext } from "../../collapsible-DhguH1Yh.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-BB2DhQSO.jsx";
+import { t as collapsible_exports, u as useCollapsibleContext } from "../../collapsible-DuBoqLWz.jsx";
 import { createMemo, createUniqueId, splitProps } from "solid-js";
 import * as accordion from "@sprawlify/primitives/machines/accordion";
 import { anatomy as accordionAnatomy } from "@sprawlify/primitives/machines/accordion";

package/dist/components/alert-dialog/index.d.ts

@@ -2,7 +2,7 @@ import { n as PropTypes } from "../../index-BNNwG8TW.js";
 import { i as Optional, n as MaybeAccessor } from "../../types-B4c9Wnje.js";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BWHPCsSi.js";
 import { t as UsePresenceProps } from "../../use-presence-BLO11KjZ.js";
-import { t as alertDialogAnatomy } from "../../alert-dialog-anatomy-BcjgVO3J.js";
+import { t as alertDialogAnatomy } from "../../alert-dialog-anatomy-DaId-QW4.js";
 import * as solid_js0 from "solid-js";
 import { Accessor, JSX } from "solid-js";
 import * as alertDialog from "@sprawlify/primitives/machines/dialog";

package/dist/components/alert-dialog/index.jsx

@@ -4,11 +4,11 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
-import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-6LT04Ztx.jsx";
-import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
-import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-DRsmHLrP.jsx";
-import { t as usePresence } from "../../use-presence-1Kxv6PoO.jsx";
+import { t as composeRefs } from "../../compose-refs-CeEgnlQr.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-BB2DhQSO.jsx";
+import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-Dj3D-M9k.jsx";
+import { t as usePresence } from "../../use-presence-BTWu3PIj.jsx";
 import { Show, createMemo, createUniqueId } from "solid-js";
 import * as alertDialog from "@sprawlify/primitives/machines/dialog";
 import { anatomy } from "@sprawlify/primitives/machines/dialog";

package/dist/components/anatomy.d.ts

@@ -1,24 +1,24 @@
 import { t as accordionAnatomy } from "../accordion-anatomy-C429Vw0w.js";
-import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-BcjgVO3J.js";
+import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-DaId-QW4.js";
 import { t as angleSliderAnatomy } from "../angle-slider-anatomy-Dv78eP47.js";
 import { t as avatarAnatomy } from "../avatar-anatomy-DHXW281Q.js";
 import { t as drawerAnatomy } from "../drawer-anatomy--gagvSDB.js";
-import { t as carouselAnatomy } from "../carousel-anatomy-C_9lwmlQ.js";
-import { t as checkboxAnatomy } from "../checkbox-anatomy-PPxvbQhr.js";
+import { t as carouselAnatomy } from "../carousel-anatomy-gusCi1vA.js";
+import { t as checkboxAnatomy } from "../checkbox-anatomy-0V2ae3MZ.js";
 import { t as clipboardAnatomy } from "../clipboard-anatomy-gpC-or8a.js";
 import { t as collapsibleAnatomy } from "../collapsible-anatomy-ClRt7ESN.js";
-import { t as colorPickerAnatomy } from "../color-picker-anatomy-BKvQhJHb.js";
-import { t as comboboxAnatomy } from "../combobox-anatomy-DzhicAwp.js";
-import { t as datePickerAnatomy } from "../date-picker-anatomy-DUOU1iQb.js";
+import { t as colorPickerAnatomy } from "../color-picker-anatomy-pQwtmlUG.js";
+import { t as comboboxAnatomy } from "../combobox-anatomy-RcDi4MD2.js";
+import { t as datePickerAnatomy } from "../date-picker-anatomy-D2eFixNU.js";
 import { t as dialogAnatomy } from "../dialog-anatomy-BleGXY-0.js";
 import { t as editableAnatomy } from "../editable-anatomy-BjHWEjJ7.js";
-import { t as fieldAnatomy } from "../field-anatomy-BasO5CS7.js";
-import { t as fieldsetAnatomy } from "../fieldset-anatomy-DJxvxcg3.js";
+import { t as fieldAnatomy } from "../field-anatomy-BPqeCwWP.js";
+import { t as fieldsetAnatomy } from "../fieldset-anatomy-Da9iEU27.js";
 import { t as fileUploadAnatomy } from "../file-upload-anatomy-Kr9Qtpm4.js";
 import { t as floatingPanelAnatomy } from "../floating-panel-anatomy-DwzhDYGr.js";
 import { t as hoverCardAnatomy } from "../hover-card-anatomy-BeL7Wdzl.js";
 import { t as imageCropperAnatomy } from "../image-cropper-anatomy-SiJH9k2p.js";
-import { t as listboxAnatomy } from "../listbox-anatomy-_0Ln9pD_.js";
+import { t as listboxAnatomy } from "../listbox-anatomy-BNcrFiaQ.js";
 import { t as marqueeAnatomy } from "../marquee-anatomy-CGqQSKHO.js";
 import { t as dropdownMenuAnatomy } from "../dropdown-menu-anatomy-Bi0jYnCG.js";
 import { t as navigationMenuAnatomy } from "../navigation-menu-anatomy-0kxxhca-.js";
@@ -32,7 +32,7 @@ import { t as qrCodeAnatomy } from "../qr-code-anatomy-HIK_cqc4.js";
 import { t as radioGroupAnatomy } from "../radio-group-anatomy-4AtLbTvX.js";
 import { t as ratingGroupAnatomy } from "../rating-group-anatomy-C4MeQJFb.js";
 import { t as scrollAreaAnatomy } from "../scroll-area-anatomy-DpXR-8Ka.js";
-import { t as segmentGroupAnatomy } from "../segment-group-anatomy-DW5nrFOt.js";
+import { t as segmentGroupAnatomy } from "../segment-group-anatomy-Bo41zkXe.js";
 import { t as selectAnatomy } from "../select-anatomy-DvmePPct.js";
 import { t as separatorAnatomy } from "../separator-anatomy-DcmKkhH4.js";
 import { t as signaturePadAnatomy } from "../signature-pad-anatomy-CE3VaGlN.js";
@@ -48,7 +48,7 @@ import { t as toastAnatomy } from "../toast-anatomy-TiT_rATb.js";
 import { t as toggleAnatomy } from "../toggle-anatomy-BEf2ev_N.js";
 import { t as toggleGroupAnatomy } from "../toggle-group-anatomy-DPihvPM-.js";
 import { t as tooltipAnatomy } from "../tooltip-anatomy-fBuzAg1k.js";
-import { t as tourAnatomy } from "../tour-anatomy-DPnxBCKE.js";
+import { t as tourAnatomy } from "../tour-anatomy-C_1txab-.js";
 import { t as treeViewAnatomy } from "../tree-view-anatomy-BqdaCO-D.js";
 import { anatomy as aspectRatioAnatomy } from "@sprawlify/primitives/machines/aspect-ratio";
 export * from "@sprawlify/primitives/anatomy";

package/dist/components/angle-slider/index.jsx

@@ -4,7 +4,7 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
 import { createMemo, createUniqueId } from "solid-js";
 import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
 import { anatomy as angleSliderAnatomy } from "@sprawlify/primitives/machines/angle-slider";

package/dist/components/aspect-ratio/index.jsx

@@ -4,7 +4,7 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
 import { createMemo, createUniqueId } from "solid-js";
 import * as aspectRatio from "@sprawlify/primitives/machines/aspect-ratio";
 //#region src/components/aspect-ratio/use-aspect-ratio-context.ts

package/dist/components/avatar/index.jsx

@@ -4,7 +4,7 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
 import { createMemo, createUniqueId } from "solid-js";
 import * as avatar from "@sprawlify/primitives/machines/avatar";
 import { anatomy as avatarAnatomy } from "@sprawlify/primitives/machines/avatar";

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

@@ -1,7 +1,7 @@
 import { n as PropTypes } from "../../index-BNNwG8TW.js";
 import { i as Optional, n as MaybeAccessor } from "../../types-B4c9Wnje.js";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BWHPCsSi.js";
-import { t as carouselAnatomy } from "../../carousel-anatomy-C_9lwmlQ.js";
+import { t as carouselAnatomy } from "../../carousel-anatomy-gusCi1vA.js";
 import * as solid_js0 from "solid-js";
 import { Accessor, JSX } from "solid-js";
 import * as carousel from "@sprawlify/primitives/machines/carousel";

package/dist/components/carousel/index.jsx

@@ -4,7 +4,7 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
 import { Show, createMemo, createUniqueId } from "solid-js";
 import * as carousel from "@sprawlify/primitives/machines/carousel";
 import { anatomy } from "@sprawlify/primitives/machines/carousel";

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

@@ -1,7 +1,7 @@
 import { n as PropTypes } from "../../index-BNNwG8TW.js";
 import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-B4c9Wnje.js";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BWHPCsSi.js";
-import { t as checkboxAnatomy } from "../../checkbox-anatomy-PPxvbQhr.js";
+import { t as checkboxAnatomy } from "../../checkbox-anatomy-0V2ae3MZ.js";
 import * as solid_js0 from "solid-js";
 import { Accessor, JSX } from "solid-js";
 import * as checkbox from "@sprawlify/primitives/machines/checkbox";
@@ -28,35 +28,14 @@ declare const CheckboxControl: (props: CheckboxControlProps) => solid_js0.JSX.El
 //#endregion
 //#region src/components/checkbox/use-checkbox-group.d.ts
 interface UseCheckboxGroupProps {
-  /**
-   * The initial value of `value` when uncontrolled
-   */
   defaultValue?: Accessor<string[]> | string[];
-  /**
-   * The controlled value of the checkbox group
-   */
   value?: Accessor<string[]>;
-  /**
-   * The name of the input fields in the checkbox group
-   * (Useful for form submission).
-   */
   name?: string;
-  /**
-   * The callback to call when the value changes
-   */
   onValueChange?: (value: string[]) => void;
-  /**
-   * If `true`, the checkbox group is disabled
-   */
   disabled?: boolean;
-  /**
-   * If `true`, the checkbox group is read-only
-   */
   readOnly?: boolean;
-  /**
-   * If `true`, the checkbox group is invalid
-   */
   invalid?: boolean;
+  maxSelectedValues?: number;
 }
 interface CheckboxGroupItemProps {
   value: string | undefined;

package/dist/components/checkbox/index.js

@@ -64,9 +64,11 @@ function useCheckboxGroup(props = {}) {
 		const toggleValue = (val) => {
 			isChecked(val) ? removeValue(val) : addValue(val);
 		};
+		const isAtMax = props.maxSelectedValues != null && value().length >= props.maxSelectedValues;
 		const addValue = (val) => {
 			if (!interactive()) return;
 			if (isChecked(val)) return;
+			if (isAtMax) return;
 			setValue(value().concat(val));
 		};
 		const removeValue = (val) => {
@@ -74,13 +76,14 @@ function useCheckboxGroup(props = {}) {
 			setValue(value().filter((v) => String(v) !== String(val)));
 		};
 		const getItemProps = (itemProps) => {
+			const checked = itemProps.value != null ? isChecked(itemProps.value) : void 0;
 			return {
-				checked: itemProps.value != null ? isChecked(itemProps.value) : void 0,
+				checked,
 				onCheckedChange() {
 					if (itemProps.value != null) toggleValue(itemProps.value);
 				},
 				name: props.name,
-				disabled: disabled(),
+				disabled: disabled() || isAtMax && !checked,
 				readOnly: props.readOnly,
 				invalid: invalid()
 			};
@@ -116,7 +119,8 @@ const CheckboxGroup = (props) => {
 		"disabled",
 		"invalid",
 		"readOnly",
-		"name"
+		"name",
+		"maxSelectedValues"
 	]);
 	return createComponent(CheckboxGroupContextProvider, {
 		value: useCheckboxGroup(checkboxGroupProps),
@@ -172,7 +176,7 @@ const useCheckbox = (ownProps = {}) => {
 	const props = createMemo(() => {
 		const resolvedProps = runIfFn(ownProps);
 		return mergeProps$2(checkboxGroup?.().getItemProps({ value: resolvedProps.value }) ?? {}, resolvedProps);
-	});
+	}, [ownProps, checkboxGroup]);
 	const id = createUniqueId();
 	const locale = useLocaleContext();
 	const environment = useEnvironmentContext();

package/dist/components/checkbox/index.jsx

@@ -4,10 +4,10 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
-import "../../compose-refs-Jq47jedK.jsx";
-import { u as useFieldsetContext } from "../../fieldset-DGggJ3qa.jsx";
-import { m as useFieldContext } from "../../field-DXEYzw2T.jsx";
+import "../../compose-refs-CeEgnlQr.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
+import { u as useFieldsetContext } from "../../fieldset-Dvfd8o02.jsx";
+import { m as useFieldContext } from "../../field-C5XZzEJQ.jsx";
 import { createMemo, createSignal, createUniqueId, untrack } from "solid-js";
 import * as checkbox from "@sprawlify/primitives/machines/checkbox";
 import { anatomy } from "@sprawlify/primitives/machines/checkbox";
@@ -64,9 +64,11 @@ function useCheckboxGroup(props = {}) {
 		const toggleValue = (val) => {
 			isChecked(val) ? removeValue(val) : addValue(val);
 		};
+		const isAtMax = props.maxSelectedValues != null && value().length >= props.maxSelectedValues;
 		const addValue = (val) => {
 			if (!interactive()) return;
 			if (isChecked(val)) return;
+			if (isAtMax) return;
 			setValue(value().concat(val));
 		};
 		const removeValue = (val) => {
@@ -74,13 +76,14 @@ function useCheckboxGroup(props = {}) {
 			setValue(value().filter((v) => String(v) !== String(val)));
 		};
 		const getItemProps = (itemProps) => {
+			const checked = itemProps.value != null ? isChecked(itemProps.value) : void 0;
 			return {
-				checked: itemProps.value != null ? isChecked(itemProps.value) : void 0,
+				checked,
 				onCheckedChange() {
 					if (itemProps.value != null) toggleValue(itemProps.value);
 				},
 				name: props.name,
-				disabled: disabled(),
+				disabled: disabled() || isAtMax && !checked,
 				readOnly: props.readOnly,
 				invalid: invalid()
 			};
@@ -116,7 +119,8 @@ const CheckboxGroup = (props) => {
 		"disabled",
 		"invalid",
 		"readOnly",
-		"name"
+		"name",
+		"maxSelectedValues"
 	]);
 	const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
 	return <CheckboxGroupContextProvider value={checkboxGroup}>
@@ -161,7 +165,7 @@ const useCheckbox = (ownProps = {}) => {
 	const props = createMemo(() => {
 		const resolvedProps = runIfFn(ownProps);
 		return mergeProps$1(checkboxGroup?.().getItemProps({ value: resolvedProps.value }) ?? {}, resolvedProps);
-	});
+	}, [ownProps, checkboxGroup]);
 	const id = createUniqueId();
 	const locale = useLocaleContext();
 	const environment = useEnvironmentContext();

package/dist/components/clipboard/index.jsx

@@ -4,7 +4,7 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
 import { Show, children, createMemo, createUniqueId } from "solid-js";
 import * as clipboard from "@sprawlify/primitives/machines/clipboard";
 import { anatomy as clipboardAnatomy } from "@sprawlify/primitives/machines/clipboard";

package/dist/components/collapsible/index.jsx

@@ -2,7 +2,7 @@ import "../../core-DUR6M1Mz.jsx";
 import "../../create-context-iBxaUhvx.jsx";
 import "../../providers-C-cHBiyk.jsx";
 import "../../factory-B95XvEzz.jsx";
-import "../../create-split-props-B2Gc7D9P.jsx";
-import "../../render-strategy-6LT04Ztx.jsx";
-import { a as CollapsibleRootProvider, c as CollapsibleContext, i as CollapsibleTrigger, l as CollapsibleContent, n as collapsibleAnatomy, o as CollapsibleRoot, r as CollapsibleIndicator, s as useCollapsible, t as collapsible_exports, u as useCollapsibleContext } from "../../collapsible-DhguH1Yh.jsx";
+import "../../create-split-props-Bs7cdSMW.jsx";
+import "../../render-strategy-BB2DhQSO.jsx";
+import { a as CollapsibleRootProvider, c as CollapsibleContext, i as CollapsibleTrigger, l as CollapsibleContent, n as collapsibleAnatomy, o as CollapsibleRoot, r as CollapsibleIndicator, s as useCollapsible, t as collapsible_exports, u as useCollapsibleContext } from "../../collapsible-DuBoqLWz.jsx";
 export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, collapsibleAnatomy, useCollapsible, useCollapsibleContext };

package/dist/components/collection/index.jsx

@@ -1,3 +1,3 @@
 import "../../core-DUR6M1Mz.jsx";
-import { a as createTreeCollection, i as createFileTreeCollection, n as useListCollection, o as createListCollection, r as useAsyncList, s as createGridCollection, t as useListSelection } from "../../collection-UvoAoZwM.jsx";
+import { a as createTreeCollection, i as createFileTreeCollection, n as useListCollection, o as createListCollection, r as useAsyncList, s as createGridCollection, t as useListSelection } from "../../collection-CotDTAMT.jsx";
 export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };

package/dist/components/color-picker/index.d.ts

@@ -2,7 +2,7 @@ import { n as PropTypes } from "../../index-BNNwG8TW.js";
 import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-B4c9Wnje.js";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BWHPCsSi.js";
 import { t as UsePresenceProps } from "../../use-presence-BLO11KjZ.js";
-import { t as colorPickerAnatomy } from "../../color-picker-anatomy-BKvQhJHb.js";
+import { t as colorPickerAnatomy } from "../../color-picker-anatomy-pQwtmlUG.js";
 import * as solid_js0 from "solid-js";
 import { Accessor, JSX } from "solid-js";
 import * as colorPicker from "@sprawlify/primitives/machines/color-picker";

package/dist/components/color-picker/index.jsx

@@ -4,13 +4,13 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
-import "../../render-strategy-6LT04Ztx.jsx";
-import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
-import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-DRsmHLrP.jsx";
-import { t as usePresence } from "../../use-presence-1Kxv6PoO.jsx";
-import "../../fieldset-DGggJ3qa.jsx";
-import { m as useFieldContext } from "../../field-DXEYzw2T.jsx";
+import { t as composeRefs } from "../../compose-refs-CeEgnlQr.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
+import "../../render-strategy-BB2DhQSO.jsx";
+import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-Dj3D-M9k.jsx";
+import { t as usePresence } from "../../use-presence-BTWu3PIj.jsx";
+import "../../fieldset-Dvfd8o02.jsx";
+import { m as useFieldContext } from "../../field-C5XZzEJQ.jsx";
 import { Index, Show, createMemo, createUniqueId } from "solid-js";
 import * as colorPicker from "@sprawlify/primitives/machines/color-picker";
 import { anatomy, parse as parseColor } from "@sprawlify/primitives/machines/color-picker";

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

@@ -2,7 +2,7 @@ import { n as PropTypes } from "../../index-BNNwG8TW.js";
 import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-B4c9Wnje.js";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BWHPCsSi.js";
 import { t as UsePresenceProps } from "../../use-presence-BLO11KjZ.js";
-import { t as comboboxAnatomy } from "../../combobox-anatomy-DzhicAwp.js";
+import { t as comboboxAnatomy } from "../../combobox-anatomy-RcDi4MD2.js";
 import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-WabVOPPI.js";
 import * as solid_js0 from "solid-js";
 import { Accessor, JSX } from "solid-js";

package/dist/components/combobox/index.jsx

@@ -4,14 +4,14 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
-import "../../render-strategy-6LT04Ztx.jsx";
-import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
-import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-DRsmHLrP.jsx";
-import { t as usePresence } from "../../use-presence-1Kxv6PoO.jsx";
-import "../../fieldset-DGggJ3qa.jsx";
-import { m as useFieldContext } from "../../field-DXEYzw2T.jsx";
-import { n as useListCollection, o as createListCollection } from "../../collection-UvoAoZwM.jsx";
+import { t as composeRefs } from "../../compose-refs-CeEgnlQr.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
+import "../../render-strategy-BB2DhQSO.jsx";
+import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-Dj3D-M9k.jsx";
+import { t as usePresence } from "../../use-presence-BTWu3PIj.jsx";
+import "../../fieldset-Dvfd8o02.jsx";
+import { m as useFieldContext } from "../../field-C5XZzEJQ.jsx";
+import { n as useListCollection, o as createListCollection } from "../../collection-CotDTAMT.jsx";
 import { Show, createMemo, createUniqueId } from "solid-js";
 import * as combobox from "@sprawlify/primitives/machines/combobox";
 import { anatomy } from "@sprawlify/primitives/machines/combobox";

package/dist/components/date-picker/index.d.ts

@@ -2,7 +2,7 @@ import { n as PropTypes } from "../../index-BNNwG8TW.js";
 import { i as Optional, n as MaybeAccessor, t as Assign } from "../../types-B4c9Wnje.js";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BWHPCsSi.js";
 import { t as UsePresenceProps } from "../../use-presence-BLO11KjZ.js";
-import { t as datePickerAnatomy } from "../../date-picker-anatomy-DUOU1iQb.js";
+import { t as datePickerAnatomy } from "../../date-picker-anatomy-D2eFixNU.js";
 import * as solid_js0 from "solid-js";
 import { Accessor, JSX } from "solid-js";
 import * as datePicker from "@sprawlify/primitives/machines/date-picker";

package/dist/components/date-picker/index.jsx

@@ -4,11 +4,11 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
-import "../../render-strategy-6LT04Ztx.jsx";
-import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
-import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-DRsmHLrP.jsx";
-import { t as usePresence } from "../../use-presence-1Kxv6PoO.jsx";
+import { t as composeRefs } from "../../compose-refs-CeEgnlQr.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
+import "../../render-strategy-BB2DhQSO.jsx";
+import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-Dj3D-M9k.jsx";
+import { t as usePresence } from "../../use-presence-BTWu3PIj.jsx";
 import { uniq } from "@sprawlify/primitives/utils";
 import { For, Index, Show, createMemo, createUniqueId } from "solid-js";
 import * as datePicker from "@sprawlify/primitives/machines/date-picker";

package/dist/components/dialog/index.jsx

@@ -4,11 +4,11 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
-import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-6LT04Ztx.jsx";
-import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
-import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-DRsmHLrP.jsx";
-import { t as usePresence } from "../../use-presence-1Kxv6PoO.jsx";
+import { t as composeRefs } from "../../compose-refs-CeEgnlQr.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-BB2DhQSO.jsx";
+import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-Dj3D-M9k.jsx";
+import { t as usePresence } from "../../use-presence-BTWu3PIj.jsx";
 import { Show, createMemo, createUniqueId } from "solid-js";
 import * as dialog from "@sprawlify/primitives/machines/dialog";
 import { anatomy as dialogAnatomy } from "@sprawlify/primitives/machines/dialog";

package/dist/components/drawer/index.jsx

@@ -4,11 +4,11 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
-import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-6LT04Ztx.jsx";
-import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
-import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-DRsmHLrP.jsx";
-import { t as usePresence } from "../../use-presence-1Kxv6PoO.jsx";
+import { t as composeRefs } from "../../compose-refs-CeEgnlQr.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-BB2DhQSO.jsx";
+import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-Dj3D-M9k.jsx";
+import { t as usePresence } from "../../use-presence-BTWu3PIj.jsx";
 import { Show, createContext, createMemo, createUniqueId, useContext } from "solid-js";
 import * as drawer from "@sprawlify/primitives/machines/drawer";
 import { anatomy as drawerAnatomy } from "@sprawlify/primitives/machines/drawer";

package/dist/components/dropdown-menu/index.jsx

@@ -4,11 +4,11 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
-import "../../render-strategy-6LT04Ztx.jsx";
-import { t as composeRefs } from "../../compose-refs-Jq47jedK.jsx";
-import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-DRsmHLrP.jsx";
-import { t as usePresence } from "../../use-presence-1Kxv6PoO.jsx";
+import { t as composeRefs } from "../../compose-refs-CeEgnlQr.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
+import "../../render-strategy-BB2DhQSO.jsx";
+import { i as splitPresenceProps, n as usePresenceContext, t as PresenceProvider } from "../../presence-Dj3D-M9k.jsx";
+import { t as usePresence } from "../../use-presence-BTWu3PIj.jsx";
 import { Show, createEffect, createMemo, createUniqueId, onCleanup, onMount } from "solid-js";
 import * as dropdownMenu from "@sprawlify/primitives/machines/dropdown-menu";
 import { anatomy as dropdownMenuAnatomy } from "@sprawlify/primitives/machines/dropdown-menu";

package/dist/components/editable/index.jsx

@@ -4,10 +4,10 @@ import { t as runIfFn } from "../../run-if-fn-qkd0iQPO.jsx";
 import { t as createContext$1 } from "../../create-context-iBxaUhvx.jsx";
 import { a as useLocaleContext, s as useEnvironmentContext } from "../../providers-C-cHBiyk.jsx";
 import { t as sprawlify } from "../../factory-B95XvEzz.jsx";
-import { t as createSplitProps } from "../../create-split-props-B2Gc7D9P.jsx";
-import "../../compose-refs-Jq47jedK.jsx";
-import "../../fieldset-DGggJ3qa.jsx";
-import { m as useFieldContext } from "../../field-DXEYzw2T.jsx";
+import "../../compose-refs-CeEgnlQr.jsx";
+import { t as createSplitProps } from "../../create-split-props-Bs7cdSMW.jsx";
+import "../../fieldset-Dvfd8o02.jsx";
+import { m as useFieldContext } from "../../field-C5XZzEJQ.jsx";
 import { createMemo, createUniqueId } from "solid-js";
 import * as editable from "@sprawlify/primitives/machines/editable";
 import { anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";

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

@@ -1,6 +1,6 @@
 import { n as MaybeAccessor } from "../../types-B4c9Wnje.js";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BWHPCsSi.js";
-import { t as fieldAnatomy } from "../../field-anatomy-BasO5CS7.js";
+import { t as fieldAnatomy } from "../../field-anatomy-BPqeCwWP.js";
 import * as solid_js0 from "solid-js";
 import { JSX } from "solid-js";
 

package/dist/components/field/index.jsx

@@ -2,8 +2,8 @@ import "../../core-DUR6M1Mz.jsx";
 import "../../create-context-iBxaUhvx.jsx";
 import "../../providers-C-cHBiyk.jsx";
 import "../../factory-B95XvEzz.jsx";
-import "../../create-split-props-B2Gc7D9P.jsx";
-import "../../compose-refs-Jq47jedK.jsx";
-import "../../fieldset-DGggJ3qa.jsx";
-import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-DXEYzw2T.jsx";
+import "../../compose-refs-CeEgnlQr.jsx";
+import "../../create-split-props-Bs7cdSMW.jsx";
+import "../../fieldset-Dvfd8o02.jsx";
+import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-C5XZzEJQ.jsx";
 export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };

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

@@ -1,6 +1,6 @@
 import { n as MaybeAccessor } from "../../types-B4c9Wnje.js";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-BWHPCsSi.js";
-import { t as fieldsetAnatomy } from "../../fieldset-anatomy-DJxvxcg3.js";
+import { t as fieldsetAnatomy } from "../../fieldset-anatomy-Da9iEU27.js";
 import * as solid_js0 from "solid-js";
 import { JSX } from "solid-js";