@ark-ui/solid 4.6.0 → 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/{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/{HTPFX5I5.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/{PZEZKJF3.jsx → EZ7NDY7U.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/{VFFKWKKV.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/{DV2ZLINV.jsx → NEI5JM4A.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/components/carousel/index.d.ts

@@ -1,19 +1,24 @@
 import * as carousel$1 from '@zag-js/carousel';
-import { IndicatorProps, ItemProps, SlideChangeDetails } from '@zag-js/carousel';
-export { SlideChangeDetails as CarouselSlideChangeDetails } from '@zag-js/carousel';
+import { IndicatorProps, ItemProps, AutoplayStatusDetails, DragStatusDetails, PageChangeDetails } from '@zag-js/carousel';
+export { AutoplayStatusDetails as CarouselAutoplayStatusDetails, DragStatusDetails as CarouselDragStatusDetails, PageChangeDetails as CarouselPageChangeDetails, anatomy as carouselAnatomy } from '@zag-js/carousel';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
+import { PolymorphicProps, HTMLProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
 import { O as Optional } from '../../types-B277wCdv.js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
-import * as _zag_js_anatomy from '@zag-js/anatomy';
+
+interface CarouselAutoplayTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+interface CarouselAutoplayTriggerProps extends HTMLProps<'button'>, CarouselAutoplayTriggerBaseProps {
+}
+declare const CarouselAutoplayTrigger: (props: CarouselAutoplayTriggerProps) => solid_js.JSX.Element;
 
 interface UseCarouselProps extends Optional<Omit<carousel$1.Context, 'dir' | 'getRootNode'>, 'id'> {
     /**
-     * The initial index of the carousel when it is first rendered.
+     * The initial page of the carousel when it is first rendered.
      * Use this when you do not need to control the state of the carousel.
      */
-    defaultIndex?: carousel$1.Context['index'];
+    defaultPage?: carousel$1.Context['page'];
 }
 interface UseCarouselReturn extends Accessor<carousel$1.Api<PropTypes>> {
 }
@@ -85,17 +90,11 @@ interface CarouselRootProviderProps extends HTMLProps<'div'>, RootProviderProps,
 }
 declare const CarouselRootProvider: (props: CarouselRootProviderProps) => solid_js.JSX.Element;
 
-interface CarouselViewportBaseProps extends PolymorphicProps<'div'> {
-}
-interface CarouselViewportProps extends HTMLProps<'div'>, CarouselViewportBaseProps {
-}
-declare const CarouselViewport: (props: CarouselViewportProps) => solid_js.JSX.Element;
-
-declare const carouselAnatomy: _zag_js_anatomy.AnatomyInstance<"root" | "viewport" | "itemGroup" | "item" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "control">;
-
-declare const carousel_SlideChangeDetails: typeof SlideChangeDetails;
+declare const carousel_AutoplayStatusDetails: typeof AutoplayStatusDetails;
+declare const carousel_DragStatusDetails: typeof DragStatusDetails;
+declare const carousel_PageChangeDetails: typeof PageChangeDetails;
 declare namespace carousel {
-  export { CarouselContext as Context, type CarouselContextProps as ContextProps, CarouselControl as Control, type CarouselControlBaseProps as ControlBaseProps, type CarouselControlProps as ControlProps, CarouselIndicator as Indicator, type CarouselIndicatorBaseProps as IndicatorBaseProps, CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, type CarouselIndicatorGroupProps as IndicatorGroupProps, type CarouselIndicatorProps as IndicatorProps, CarouselItem as Item, type CarouselItemBaseProps as ItemBaseProps, CarouselItemGroup as ItemGroup, type CarouselItemGroupBaseProps as ItemGroupBaseProps, type CarouselItemGroupProps as ItemGroupProps, type CarouselItemProps as ItemProps, CarouselNextTrigger as NextTrigger, type CarouselNextTriggerBaseProps as NextTriggerBaseProps, type CarouselNextTriggerProps as NextTriggerProps, CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, type CarouselPrevTriggerProps as PrevTriggerProps, CarouselRoot as Root, type CarouselRootBaseProps as RootBaseProps, type CarouselRootProps as RootProps, CarouselRootProvider as RootProvider, type CarouselRootProviderBaseProps as RootProviderBaseProps, type CarouselRootProviderProps as RootProviderProps, carousel_SlideChangeDetails as SlideChangeDetails, CarouselViewport as Viewport, type CarouselViewportBaseProps as ViewportBaseProps, type CarouselViewportProps as ViewportProps };
+  export { carousel_AutoplayStatusDetails as AutoplayStatusDetails, CarouselAutoplayTrigger as AutoplayTrigger, type CarouselAutoplayTriggerBaseProps as AutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps as AutoplayTriggerProps, CarouselContext as Context, type CarouselContextProps as ContextProps, CarouselControl as Control, type CarouselControlBaseProps as ControlBaseProps, type CarouselControlProps as ControlProps, carousel_DragStatusDetails as DragStatusDetails, CarouselIndicator as Indicator, type CarouselIndicatorBaseProps as IndicatorBaseProps, CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, type CarouselIndicatorGroupProps as IndicatorGroupProps, type CarouselIndicatorProps as IndicatorProps, CarouselItem as Item, type CarouselItemBaseProps as ItemBaseProps, CarouselItemGroup as ItemGroup, type CarouselItemGroupBaseProps as ItemGroupBaseProps, type CarouselItemGroupProps as ItemGroupProps, type CarouselItemProps as ItemProps, CarouselNextTrigger as NextTrigger, type CarouselNextTriggerBaseProps as NextTriggerBaseProps, type CarouselNextTriggerProps as NextTriggerProps, carousel_PageChangeDetails as PageChangeDetails, CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, type CarouselPrevTriggerProps as PrevTriggerProps, CarouselRoot as Root, type CarouselRootBaseProps as RootBaseProps, type CarouselRootProps as RootProps, CarouselRootProvider as RootProvider, type CarouselRootProviderBaseProps as RootProviderBaseProps, type CarouselRootProviderProps as RootProviderProps };
 }
 
-export { carousel as Carousel, CarouselContext, type CarouselContextProps, CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, CarouselIndicator, type CarouselIndicatorBaseProps, CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, type CarouselIndicatorProps, CarouselItem, type CarouselItemBaseProps, CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps, type CarouselItemProps, CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps, CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, CarouselViewport, type CarouselViewportBaseProps, type CarouselViewportProps, type UseCarouselContext, type UseCarouselProps, type UseCarouselReturn, carouselAnatomy, useCarousel, useCarouselContext };
+export { carousel as Carousel, CarouselAutoplayTrigger, type CarouselAutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps, CarouselContext, type CarouselContextProps, CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, CarouselIndicator, type CarouselIndicatorBaseProps, CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, type CarouselIndicatorProps, CarouselItem, type CarouselItemBaseProps, CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps, type CarouselItemProps, CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps, CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, type UseCarouselContext, type UseCarouselProps, type UseCarouselReturn, useCarousel, useCarouselContext };

package/dist/components/carousel/index.js

@@ -1 +1 @@
-export { carousel_exports as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CarouselViewport, carouselAnatomy, useCarousel, useCarouselContext } from '../../chunk/BNMRTYLU.js';
+export { carousel_exports as Carousel, CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, anatomy as carouselAnatomy, useCarousel, useCarouselContext } from '../../chunk/3XNNMNPS.js';

package/dist/components/carousel/index.jsx

@@ -1,4 +1,5 @@
 import {
+  CarouselAutoplayTrigger,
   CarouselContext,
   CarouselControl,
   CarouselIndicator,
@@ -9,12 +10,11 @@ import {
   CarouselPrevTrigger,
   CarouselRoot,
   CarouselRootProvider,
-  CarouselViewport,
-  carouselAnatomy,
+  anatomy,
   carousel_exports,
   useCarousel,
   useCarouselContext
-} from "../../chunk/PZEZKJF3.jsx";
+} from "../../chunk/EZ7NDY7U.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
@@ -25,6 +25,7 @@ import "../../chunk/NMGUCD2L.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   carousel_exports as Carousel,
+  CarouselAutoplayTrigger,
   CarouselContext,
   CarouselControl,
   CarouselIndicator,
@@ -35,8 +36,7 @@ export {
   CarouselPrevTrigger,
   CarouselRoot,
   CarouselRootProvider,
-  CarouselViewport,
-  carouselAnatomy,
+  anatomy as carouselAnatomy,
   useCarousel,
   useCarouselContext
 };

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

@@ -131,7 +131,7 @@ interface CheckboxRootProviderProps extends HTMLProps<'label'>, RootProviderProp
 }
 declare const CheckboxRootProvider: (props: CheckboxRootProviderProps) => solid_js.JSX.Element;
 
-declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "group" | "root" | "indicator" | "control">;
+declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "group" | "root" | "control" | "indicator">;
 
 interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {
 }

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/WLTUCUPQ.js';
+export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/34GYXRNO.js';

package/dist/components/checkbox/index.jsx

@@ -13,7 +13,7 @@ import {
   useCheckboxContext,
   useCheckboxGroup,
   useCheckboxGroupContext
-} from "../../chunk/DV2ZLINV.jsx";
+} from "../../chunk/NEI5JM4A.jsx";
 import "../../chunk/52WUF3CY.jsx";
 import "../../chunk/TY6NCPFG.jsx";
 import "../../chunk/RZBYC7DR.jsx";

package/dist/components/collection.js

@@ -1 +1 @@
-export { createFileTreeCollection, createListCollection, createTreeCollection } from '../chunk/HTPFX5I5.js';
+export { createFileTreeCollection, createListCollection, createTreeCollection } from '../chunk/CTTG4GSG.js';

package/dist/components/collection.jsx

@@ -2,7 +2,7 @@ import {
   createFileTreeCollection,
   createListCollection,
   createTreeCollection
-} from "../chunk/VFFKWKKV.jsx";
+} from "../chunk/JHG4EID2.jsx";
 import "../chunk/7IUG3E2V.jsx";
 export {
   createFileTreeCollection,

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

@@ -212,7 +212,7 @@ interface ColorPickerViewProps extends HTMLProps<'div'>, ColorPickerViewBaseProp
 }
 declare const ColorPickerView: (props: ColorPickerViewProps) => solid_js.JSX.Element;
 
-declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "area" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
 
 declare const colorPicker_Color: typeof Color;
 declare const colorPicker_ColorFormat: typeof ColorFormat;

package/dist/components/combobox/index.js

@@ -1,2 +1,2 @@
 export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, anatomy as comboboxAnatomy, useCombobox, useComboboxContext, useComboboxItemContext } from '../../chunk/YEVD47QN.js';
-export { createListCollection } from '../../chunk/HTPFX5I5.js';
+export { createListCollection } from '../../chunk/CTTG4GSG.js';