@ark-ui/solid 4.5.1 → 4.7.0

package/dist/chunk/{WLTUCUPQ.js → 34GYXRNO.js}

@@ -27,7 +27,7 @@ var CheckboxControl = (props) => {
 };
 var checkboxAnatomy = anatomy.extendWith("group");
 function useCheckboxGroup(props = {}) {
-  const interative = createMemo(() => !(props.disabled || props.readOnly));
+  const interactive = createMemo(() => !(props.disabled || props.readOnly));
   const [value, setValue] = useControllableState({
     value: props.value,
     defaultValue: props.defaultValue || [],
@@ -41,12 +41,12 @@ function useCheckboxGroup(props = {}) {
       isChecked(val) ? removeValue(val) : addValue(val);
     };
     const addValue = (val) => {
-      if (!interative()) return;
+      if (!interactive()) return;
       if (isChecked(val)) return;
       setValue(value().concat(val));
     };
     const removeValue = (val) => {
-      if (!interative()) return;
+      if (!interactive()) return;
       setValue(value().filter((v) => String(v) !== String(val)));
     };
     const getItemProps = (itemProps) => {

package/dist/chunk/{U3XJZI3X.jsx → 3QKT7KP4.jsx}

@@ -1,6 +1,6 @@
 import {
   collapsible_exports
-} from "./B7LE23PE.jsx";
+} from "./PQ3UNZE4.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -12,12 +12,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./5O4RWSWO.jsx";
 import {
   useLocaleContext
 } from "./3QQZKR3F.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";

package/dist/chunk/{BNMRTYLU.js → 3XNNMNPS.js}

@@ -7,7 +7,7 @@ import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import * as carousel from '@zag-js/carousel';
-import { anatomy } from '@zag-js/carousel';
+export { anatomy } from '@zag-js/carousel';
 import { createUniqueId, createMemo } from 'solid-js';
 
 // src/components/carousel/use-carousel-context.ts
@@ -16,13 +16,18 @@ var [CarouselProvider, useCarouselContext] = createContext({
   providerName: "<CarouselProvider />"
 });
 
+// src/components/carousel/carousel-autoplay-trigger.tsx
+var CarouselAutoplayTrigger = (props) => {
+  const api = useCarouselContext();
+  const mergedProps = mergeProps(() => api().getAutoplayTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+
 // src/components/carousel/carousel-context.tsx
 var CarouselContext = (props) => props.children(useCarouselContext());
-var carouselAnatomy = anatomy.extendWith("control");
-
-// src/components/carousel/carousel-control.tsx
 var CarouselControl = (props) => {
-  const mergedProps = mergeProps(() => carouselAnatomy.build().control.attrs, props);
+  const api = useCarouselContext();
+  const mergedProps = mergeProps(() => api().getControlProps(), props);
   return createComponent(ark.div, mergedProps);
 };
 var CarouselIndicator = (props) => {
@@ -37,7 +42,7 @@ var CarouselIndicatorGroup = (props) => {
   return createComponent(ark.div, mergedProps);
 };
 var CarouselItem = (props) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+  const [itemProps, localProps] = createSplitProps()(props, ["index", "snapAlign"]);
   const api = useCarouselContext();
   const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
   return createComponent(ark.div, mergedProps);
@@ -65,7 +70,7 @@ var useCarousel = (props = {}) => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    index: props.defaultIndex,
+    index: props.defaultPage,
     ...props
   }));
   const [state, send] = useMachine(carousel.machine(context()), { context });
@@ -74,7 +79,7 @@ var useCarousel = (props = {}) => {
 
 // src/components/carousel/carousel-root.tsx
 var CarouselRoot = (props) => {
-  const [useCarouselProps, localProps] = createSplitProps()(props, ["align", "defaultIndex", "id", "ids", "index", "loop", "onIndexChange", "orientation", "slidesPerView", "spacing"]);
+  const [useCarouselProps, localProps] = createSplitProps()(props, ["allowMouseDrag", "autoplay", "defaultPage", "id", "ids", "inViewThreshold", "loop", "onAutoplayStatusChange", "onDragStatusChange", "onPageChange", "orientation", "padding", "page", "slideCount", "slidesPerMove", "slidesPerPage", "snapType", "spacing", "translations"]);
   const api = useCarousel(useCarouselProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(CarouselProvider, {
@@ -96,15 +101,11 @@ var CarouselRootProvider = (props) => {
     }
   });
 };
-var CarouselViewport = (props) => {
-  const api = useCarouselContext();
-  const mergedProps = mergeProps(() => api().getViewportProps(), props);
-  return createComponent(ark.div, mergedProps);
-};
 
 // src/components/carousel/carousel.ts
 var carousel_exports = {};
 __export(carousel_exports, {
+  AutoplayTrigger: () => CarouselAutoplayTrigger,
   Context: () => CarouselContext,
   Control: () => CarouselControl,
   Indicator: () => CarouselIndicator,
@@ -114,8 +115,7 @@ __export(carousel_exports, {
   NextTrigger: () => CarouselNextTrigger,
   PrevTrigger: () => CarouselPrevTrigger,
   Root: () => CarouselRoot,
-  RootProvider: () => CarouselRootProvider,
-  Viewport: () => CarouselViewport
+  RootProvider: () => CarouselRootProvider
 });
 
-export { CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CarouselViewport, carouselAnatomy, carousel_exports, useCarousel, useCarouselContext };
+export { CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, carousel_exports, useCarousel, useCarouselContext };

package/dist/chunk/{QXDC5XNT.js → A7PQQPGA.js}

@@ -50,9 +50,9 @@ var NumberInputLabel = (props) => {
   return createComponent(ark.label, mergedProps);
 };
 var useNumberInput = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
   const context = createMemo(() => ({
     id,
@@ -65,6 +65,7 @@ var useNumberInput = (props = {}) => {
     required: field?.().required,
     invalid: field?.().invalid,
     dir: locale().dir,
+    locale: locale().locale,
     getRootNode: environment().getRootNode,
     value: props.defaultValue,
     ...props

package/dist/chunk/{LKR2OLFB.jsx → ALKUQIFY.jsx}

@@ -7,12 +7,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./5O4RWSWO.jsx";
 import {
   useLocaleContext
 } from "./3QQZKR3F.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -78,9 +78,9 @@ import * as numberInput from "@zag-js/number-input";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
 var useNumberInput = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
   const context = createMemo(() => ({
     id,
@@ -93,6 +93,7 @@ var useNumberInput = (props = {}) => {
     required: field?.().required,
     invalid: field?.().invalid,
     dir: locale().dir,
+    locale: locale().locale,
     getRootNode: environment().getRootNode,
     value: props.defaultValue,
     ...props

package/dist/chunk/{DLHPAHCZ.js → CTTG4GSG.js}

@@ -3,20 +3,20 @@ import { ListCollection, TreeCollection, filePathToTree } from '@zag-js/collecti
 // src/components/collection.ts
 
 // ../../node_modules/@zag-js/store/dist/index.mjs
-function getGlobal() {
+function glob() {
   if (typeof globalThis !== "undefined") return globalThis;
   if (typeof self !== "undefined") return self;
   if (typeof window !== "undefined") return window;
   if (typeof global !== "undefined") return global;
 }
-function makeGlobal(key, value) {
-  const g = getGlobal();
+function globalRef(key, value) {
+  const g = glob();
   if (!g) return value();
   g[key] || (g[key] = value());
   return g[key];
 }
-makeGlobal("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap());
-var refSet = makeGlobal("__zag__refSet", () => /* @__PURE__ */ new WeakSet());
+var refSet = globalRef("__zag__refSet", () => /* @__PURE__ */ new WeakSet());
+globalRef("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap());
 function ref(obj) {
   refSet.add(obj);
   return obj;

package/dist/chunk/{3FIYNI67.jsx → EZ7NDY7U.jsx}

@@ -4,12 +4,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./5O4RWSWO.jsx";
 import {
   useLocaleContext
 } from "./3QQZKR3F.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -17,83 +17,88 @@ import {
   __export
 } from "./7IUG3E2V.jsx";
 
+// src/components/carousel/carousel-autoplay-trigger.tsx
+import { mergeProps } from "@zag-js/solid";
+
 // src/components/carousel/use-carousel-context.ts
 var [CarouselProvider, useCarouselContext] = createContext({
   hookName: "useCarouselContext",
   providerName: "<CarouselProvider />"
 });
 
+// src/components/carousel/carousel-autoplay-trigger.tsx
+var CarouselAutoplayTrigger = (props) => {
+  const api = useCarouselContext();
+  const mergedProps = mergeProps(() => api().getAutoplayTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
 // src/components/carousel/carousel-context.tsx
 var CarouselContext = (props) => props.children(useCarouselContext());
 
 // src/components/carousel/carousel-control.tsx
-import { mergeProps } from "@zag-js/solid";
-
-// src/components/carousel/carousel.anatomy.ts
-import { anatomy } from "@zag-js/carousel";
-var carouselAnatomy = anatomy.extendWith("control");
-
-// src/components/carousel/carousel-control.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
 var CarouselControl = (props) => {
-  const mergedProps = mergeProps(() => carouselAnatomy.build().control.attrs, props);
+  const api = useCarouselContext();
+  const mergedProps = mergeProps2(() => api().getControlProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-indicator.tsx
-import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
 var CarouselIndicator = (props) => {
   const [indicatorProps, localProps] = createSplitProps()(props, [
     "index",
     "readOnly"
   ]);
   const api = useCarouselContext();
-  const mergedProps = mergeProps2(() => api().getIndicatorProps(indicatorProps), localProps);
+  const mergedProps = mergeProps3(() => api().getIndicatorProps(indicatorProps), localProps);
   return <ark.button {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-indicator-group.tsx
-import { mergeProps as mergeProps3 } from "@zag-js/solid";
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
 var CarouselIndicatorGroup = (props) => {
   const api = useCarouselContext();
-  const mergedProps = mergeProps3(() => api().getIndicatorGroupProps(), props);
+  const mergedProps = mergeProps4(() => api().getIndicatorGroupProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-item.tsx
-import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
 var CarouselItem = (props) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+  const [itemProps, localProps] = createSplitProps()(props, ["index", "snapAlign"]);
   const api = useCarouselContext();
-  const mergedProps = mergeProps4(() => api().getItemProps(itemProps), localProps);
+  const mergedProps = mergeProps5(() => api().getItemProps(itemProps), localProps);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-item-group.tsx
-import { mergeProps as mergeProps5 } from "@zag-js/solid";
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var CarouselItemGroup = (props) => {
   const api = useCarouselContext();
-  const mergedProps = mergeProps5(() => api().getItemGroupProps(), props);
+  const mergedProps = mergeProps6(() => api().getItemGroupProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-next-trigger.tsx
-import { mergeProps as mergeProps6 } from "@zag-js/solid";
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
 var CarouselNextTrigger = (props) => {
   const api = useCarouselContext();
-  const mergedProps = mergeProps6(() => api().getNextTriggerProps(), props);
+  const mergedProps = mergeProps7(() => api().getNextTriggerProps(), props);
   return <ark.button {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-prev-trigger.tsx
-import { mergeProps as mergeProps7 } from "@zag-js/solid";
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
 var CarouselPrevTrigger = (props) => {
   const api = useCarouselContext();
-  const mergedProps = mergeProps7(() => api().getPrevTriggerProps(), props);
+  const mergedProps = mergeProps8(() => api().getPrevTriggerProps(), props);
   return <ark.button {...mergedProps} />;
 };
 
 // src/components/carousel/carousel-root.tsx
-import { mergeProps as mergeProps8 } from "@zag-js/solid";
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
 
 // src/components/carousel/use-carousel.ts
 import * as carousel from "@zag-js/carousel";
@@ -107,7 +112,7 @@ var useCarousel = (props = {}) => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    index: props.defaultIndex,
+    index: props.defaultPage,
     ...props
   }));
   const [state, send] = useMachine(carousel.machine(context()), { context });
@@ -117,45 +122,50 @@ var useCarousel = (props = {}) => {
 // src/components/carousel/carousel-root.tsx
 var CarouselRoot = (props) => {
   const [useCarouselProps, localProps] = createSplitProps()(props, [
-    "align",
-    "defaultIndex",
+    "allowMouseDrag",
+    "autoplay",
+    "defaultPage",
     "id",
     "ids",
-    "index",
+    "inViewThreshold",
     "loop",
-    "onIndexChange",
+    "onAutoplayStatusChange",
+    "onDragStatusChange",
+    "onPageChange",
     "orientation",
-    "slidesPerView",
-    "spacing"
+    "padding",
+    "page",
+    "slideCount",
+    "slidesPerMove",
+    "slidesPerPage",
+    "snapType",
+    "spacing",
+    "translations"
   ]);
   const api = useCarousel(useCarouselProps);
-  const mergedProps = mergeProps8(() => api().getRootProps(), localProps);
+  const mergedProps = mergeProps9(() => api().getRootProps(), localProps);
   return <CarouselProvider value={api}>
       <ark.div {...mergedProps} />
     </CarouselProvider>;
 };
 
 // src/components/carousel/carousel-root-provider.tsx
-import { mergeProps as mergeProps9 } from "@zag-js/solid";
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
 var CarouselRootProvider = (props) => {
   const [{ value: carousel2 }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps9(() => carousel2().getRootProps(), localProps);
+  const mergedProps = mergeProps10(() => carousel2().getRootProps(), localProps);
   return <CarouselProvider value={carousel2}>
       <ark.div {...mergedProps} />
     </CarouselProvider>;
 };
 
-// src/components/carousel/carousel-viewport.tsx
-import { mergeProps as mergeProps10 } from "@zag-js/solid";
-var CarouselViewport = (props) => {
-  const api = useCarouselContext();
-  const mergedProps = mergeProps10(() => api().getViewportProps(), props);
-  return <ark.div {...mergedProps} />;
-};
+// src/components/carousel/carousel.anatomy.ts
+import { anatomy } from "@zag-js/carousel";
 
 // src/components/carousel/carousel.ts
 var carousel_exports = {};
 __export(carousel_exports, {
+  AutoplayTrigger: () => CarouselAutoplayTrigger,
   Context: () => CarouselContext,
   Control: () => CarouselControl,
   Indicator: () => CarouselIndicator,
@@ -165,14 +175,13 @@ __export(carousel_exports, {
   NextTrigger: () => CarouselNextTrigger,
   PrevTrigger: () => CarouselPrevTrigger,
   Root: () => CarouselRoot,
-  RootProvider: () => CarouselRootProvider,
-  Viewport: () => CarouselViewport
+  RootProvider: () => CarouselRootProvider
 });
 
 export {
   useCarouselContext,
+  CarouselAutoplayTrigger,
   CarouselContext,
-  carouselAnatomy,
   CarouselControl,
   CarouselIndicator,
   CarouselIndicatorGroup,
@@ -183,6 +192,6 @@ export {
   useCarousel,
   CarouselRoot,
   CarouselRootProvider,
-  CarouselViewport,
+  anatomy,
   carousel_exports
 };

package/dist/chunk/{EDCPFD3E.jsx → JHG4EID2.jsx}

@@ -22,36 +22,28 @@ var markToTrack = (obj, mark = true) => {
 };
 
 // ../../node_modules/@zag-js/store/dist/index.mjs
-function getGlobal() {
+function glob() {
   if (typeof globalThis !== "undefined") return globalThis;
   if (typeof self !== "undefined") return self;
   if (typeof window !== "undefined") return window;
   if (typeof global !== "undefined") return global;
 }
-function makeGlobal(key, value) {
-  const g = getGlobal();
+function globalRef(key, value) {
+  const g = glob();
   if (!g) return value();
   g[key] || (g[key] = value());
   return g[key];
 }
-var isDev = () => true;
-var isObject = (x) => typeof x === "object" && x !== null;
-var proxyStateMap = makeGlobal("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap());
-var refSet = makeGlobal("__zag__refSet", () => /* @__PURE__ */ new WeakSet());
-var isReactElement = (x) => typeof x === "object" && x !== null && "$$typeof" in x;
+var refSet = globalRef("__zag__refSet", () => /* @__PURE__ */ new WeakSet());
+var isReactElement = (x) => typeof x === "object" && x !== null && "$$typeof" in x && "props" in x;
 var isVueElement = (x) => typeof x === "object" && x !== null && "__v_isVNode" in x;
 var isDOMElement = (x) => typeof x === "object" && x !== null && "nodeType" in x && typeof x.nodeName === "string";
 var isElement = (x) => isReactElement(x) || isVueElement(x) || isDOMElement(x);
-var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) => new Proxy(target, handler), canProxy = (x) => isObject(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !isElement(x) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer), defaultHandlePromise = (promise) => {
-  switch (promise.status) {
-    case "fulfilled":
-      return promise.value;
-    case "rejected":
-      throw promise.reason;
-    default:
-      throw promise;
-  }
-}, snapCache = /* @__PURE__ */ new WeakMap(), createSnapshot = (target, version, handlePromise = defaultHandlePromise) => {
+var isObject = (x) => x !== null && typeof x === "object";
+var canProxy = (x) => isObject(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !isElement(x) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer) && !(x instanceof Promise);
+var isDev = () => true;
+var proxyStateMap = globalRef("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap());
+var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) => new Proxy(target, handler), snapCache = /* @__PURE__ */ new WeakMap(), createSnapshot = (target, version) => {
   const cache = snapCache.get(target);
   if (cache?.[0] === version) {
     return cache[1];
@@ -64,14 +56,8 @@ var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) =>
     if (refSet.has(value)) {
       markToTrack(value, false);
       snap[key] = value;
-    } else if (value instanceof Promise) {
-      Object.defineProperty(snap, key, {
-        get() {
-          return handlePromise(value);
-        }
-      });
     } else if (proxyStateMap.has(value)) {
-      snap[key] = snapshot(value, handlePromise);
+      snap[key] = snapshot(value);
     } else {
       snap[key] = value;
     }
@@ -177,15 +163,7 @@ var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) =>
       }
       let nextValue = value;
       if (Object.getOwnPropertyDescriptor(target, prop)?.set) ;
-      else if (value instanceof Promise) {
-        value.then((v) => {
-          Object.assign(value, { status: "fulfilled", value: v });
-          notifyUpdate(["resolve", [prop], v]);
-        }).catch((e) => {
-          Object.assign(value, { status: "rejected", reason: e });
-          notifyUpdate(["reject", [prop], e]);
-        });
-      } else {
+      else {
         if (!proxyStateMap.has(value) && canProxy(value)) {
           nextValue = proxy(value);
         }
@@ -222,7 +200,6 @@ var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) =>
   objectIs,
   newProxy,
   canProxy,
-  defaultHandlePromise,
   snapCache,
   createSnapshot,
   proxyCache,
@@ -232,12 +209,12 @@ var [proxyFunction] = buildProxyFunction();
 function proxy(initialObject = {}) {
   return proxyFunction(initialObject);
 }
-function snapshot(proxyObject, handlePromise) {
+function snapshot(proxyObject) {
   const proxyState = proxyStateMap.get(proxyObject);
   if (isDev() && !proxyState) {
   }
   const [target, ensureVersion, createSnapshot] = proxyState;
-  return createSnapshot(target, ensureVersion(), handlePromise);
+  return createSnapshot(target, ensureVersion());
 }
 function ref(obj) {
   refSet.add(obj);

package/dist/chunk/{UMKKXI44.js → LUJELJ42.js}

@@ -207,6 +207,7 @@ var useColorPicker = (props = {}) => {
     },
     dir: locale().dir,
     disabled: field?.().disabled,
+    invalid: field?.().invalid,
     readOnly: field?.().readOnly,
     required: field?.().required,
     getRootNode: environment().getRootNode,
@@ -222,7 +223,7 @@ var useColorPicker = (props = {}) => {
 // src/components/color-picker/color-picker-root.tsx
 var ColorPickerRoot = (props) => {
   const [presenceProps, colorPickerProps] = splitPresenceProps(props);
-  const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, ["closeOnSelect", "defaultOpen", "defaultValue", "disabled", "format", "id", "ids", "initialFocusEl", "name", "name", "onFocusOutside", "onFormatChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onValueChange", "onValueChangeEnd", "open", "positioning", "readOnly", "required", "value"]);
+  const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, ["closeOnSelect", "defaultOpen", "defaultValue", "disabled", "format", "id", "ids", "initialFocusEl", "invalid", "name", "name", "onFocusOutside", "onFormatChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onValueChange", "onValueChangeEnd", "open", "openAutoFocus", "positioning", "readOnly", "required", "value"]);
   const api = useColorPicker(useColorPickerProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{OJIFQ4RX.jsx → NEI5JM4A.jsx}

@@ -10,12 +10,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./5O4RWSWO.jsx";
 import {
   useLocaleContext
 } from "./3QQZKR3F.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";
@@ -47,7 +47,7 @@ var checkboxAnatomy = anatomy.extendWith("group");
 // src/components/checkbox/use-checkbox-group.ts
 import { createMemo } from "solid-js";
 function useCheckboxGroup(props = {}) {
-  const interative = createMemo(() => !(props.disabled || props.readOnly));
+  const interactive = createMemo(() => !(props.disabled || props.readOnly));
   const [value, setValue] = useControllableState({
     value: props.value,
     defaultValue: props.defaultValue || [],
@@ -61,12 +61,12 @@ function useCheckboxGroup(props = {}) {
       isChecked(val) ? removeValue(val) : addValue(val);
     };
     const addValue = (val) => {
-      if (!interative()) return;
+      if (!interactive()) return;
       if (isChecked(val)) return;
       setValue(value().concat(val));
     };
     const removeValue = (val) => {
-      if (!interative()) return;
+      if (!interactive()) return;
       setValue(value().filter((v) => String(v) !== String(val)));
     };
     const getItemProps = (itemProps) => {

package/dist/chunk/{VQXL4BNM.js → QVBQZJF6.js}

@@ -146,7 +146,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", "defaultOpen", "defaultValue", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "isDateUnavailable", "locale", "max", "min", "modal", "name", "numOfMonths", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
+  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultOpen", "defaultValue", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "isDateUnavailable", "locale", "max", "min", "name", "numOfMonths", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
   const api = useDatePicker(useDatePickerProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{SJSLQDBZ.jsx → RSBH7AZU.jsx}

@@ -1,7 +1,7 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./B7LE23PE.jsx";
+} from "./PQ3UNZE4.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -13,12 +13,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./5O4RWSWO.jsx";
 import {
   useLocaleContext
 } from "./3QQZKR3F.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
 import {
   createContext
 } from "./NMGUCD2L.jsx";