@ark-ui/solid 0.2.0 → 0.4.0

package/dist/editable/editable.mjs

@@ -1,29 +1,28 @@
-import { createComponent, mergeProps } from 'solid-js/web';
-import { children } from 'solid-js';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { splitProps } from 'solid-js';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
 import { runIfFn } from '../run-if-fn.mjs';
-import { EditableProvider, useEditableContext } from './editable-context.mjs';
+import { EditableProvider } from './editable-context.mjs';
 import { useEditable } from './use-editable.mjs';
 
 const Editable = props => {
-  const [useEditableProps, editableContextProps] = createSplitProps()(props, ['activationMode', 'autoResize', 'dir', 'disabled', 'form', 'getRootNode', 'id', 'ids', 'invalid', 'maxLength', 'name', 'onCancel', 'onChange', 'onEdit', 'onInteractOutside', 'onSubmit', 'placeholder', 'readOnly', 'selectOnFocus', 'startWithEditView', 'submitMode', 'translations', 'value']);
+  const [useEditableProps, restProps] = createSplitProps()(props, ['activationMode', 'autoResize', 'dir', 'disabled', 'finalFocusEl', 'form', 'getRootNode', 'id', 'ids', 'invalid', 'maxLength', 'name', 'onCancel', 'onChange', 'onEdit', 'onInteractOutside', 'onSubmit', 'placeholder', 'readOnly', 'selectOnFocus', 'startWithEditView', 'submitMode', 'translations', 'value']);
   const editable = useEditable(useEditableProps);
+  const [childrenProps, localProps] = splitProps(restProps, ['children']);
+  const rootProps = mergeProps(() => editable().rootProps, localProps);
+  const getChildren = () => runIfFn(childrenProps.children, editable);
   return createComponent(EditableProvider, {
     value: editable,
     get children() {
-      return createComponent(EditableContextWrapper, editableContextProps);
+      return createComponent(ark.div, mergeProps$1(rootProps, {
+        get children() {
+          return getChildren();
+        }
+      }));
     }
   });
 };
-const EditableContextWrapper = props => {
-  const editable = useEditableContext();
-  const view = children(() => runIfFn(props.children, editable));
-  return createComponent(ark.div, mergeProps(() => editable().rootProps, props, {
-    get children() {
-      return view();
-    }
-  }));
-};
 
 export { Editable };

package/dist/editable/use-editable.cjs

@@ -28,7 +28,7 @@ const editable__namespace = /*#__PURE__*/_interopNamespaceDefault(editable);
 
 const useEditable = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
-  const context = solidJs.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
+  const context = solid.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
   const [state, send] = solid.useMachine(editable__namespace.machine(context), { context });
   return solidJs.createMemo(() => editable__namespace.connect(state, send, solid.normalizeProps));
 };

package/dist/editable/use-editable.mjs

@@ -1,6 +1,6 @@
 import * as editable from '@zag-js/editable';
-import { useMachine, normalizeProps } from '@zag-js/solid';
-import { mergeProps, createUniqueId, createMemo } from 'solid-js';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { createUniqueId, createMemo } from 'solid-js';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useEditable = (props) => {

package/dist/factory.cjs

@@ -2,15 +2,49 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const solid = require('@polymorphic-factory/solid');
+const web = require('solid-js/web');
+const solidJs = require('solid-js');
+const spread = require('./spread.cjs');
+const ssrSpread = require('./ssr-spread.cjs');
 
-/**
- * All html and svg elements for ark components.
- * This is mostly for `ark.<element>` syntax.
- */
-/**
- * The ark factory serves as an object of JSX elements to render React components which accept the `as` prop
- */
-const ark = solid.polymorphicFactory();
+function withAsChild(Component) {
+  return function jsx(props) {
+    const [localProps, restProps] = solidJs.splitProps(props, ['asChild', 'children']);
+    if (!localProps.asChild) {
+      return web.createComponent(web.Dynamic, web.mergeProps({
+        component: Component
+      }, restProps, {
+        get children() {
+          return localProps.children;
+        }
+      }));
+    }
+    const getChildren = solidJs.children(() => ssrSpread.ssrSpread(localProps.children, restProps));
+    solidJs.createEffect(() => {
+      const children = getChildren();
+      if (children instanceof HTMLElement) {
+        spread.spread(children, restProps);
+      }
+    });
+    return getChildren;
+  };
+}
+function jsxFactory() {
+  const cache = new Map();
+  return new Proxy(withAsChild, {
+    apply(target, thisArg, argArray) {
+      return withAsChild(argArray[0]);
+    },
+    get(_, element) {
+      const asElement = element;
+      if (!cache.has(asElement)) {
+        cache.set(asElement, withAsChild(asElement));
+      }
+      return cache.get(asElement);
+    }
+  });
+}
+const ark = jsxFactory();
 
 exports.ark = ark;
+exports.jsxFactory = jsxFactory;

package/dist/factory.d.ts

@@ -1,12 +1,14 @@
-/**
- * All html and svg elements for ark components.
- * This is mostly for `ark.<element>` syntax.
- */
-import type { ComponentWithAs, type HTMLPolymorphicComponents,  type HTMLPolymorphicProps } from '@polymorphic-factory/solid';
-import type { Component, type JSX } from 'solid-js';
-export type HTMLArkComponents = HTMLPolymorphicComponents;
-export type HTMLArkProps<T extends keyof JSX.IntrinsicElements> = HTMLPolymorphicProps<T>;
-/**
- * The ark factory serves as an object of JSX elements to render React components which accept the `as` prop
- */
-export declare const ark: (<T extends keyof JSX.IntrinsicElements | Component<any>, P extends Record<never, never> = Record<never, never>>(component: T, option?: undefined) => ComponentWithAs<T, P>) & HTMLPolymorphicComponents<Record<never, never>>;
+import { type Component, type ComponentProps, type JSX } from 'solid-js';
+type ElementType = keyof JSX.IntrinsicElements | Component<any>;
+export type AsChildProps = {
+    asChild?: boolean;
+};
+type JsxElements = {
+    [E in keyof JSX.IntrinsicElements]: AsChildForwardRefComponent<E>;
+};
+export type AsChildForwardRefComponent<E extends ElementType> = Component<AsChildComponentProps<E>>;
+export type AsChildComponentProps<E extends ElementType> = ComponentProps<E> & AsChildProps;
+export type HTMLArkProps<T extends ElementType> = AsChildComponentProps<T>;
+export declare function jsxFactory(): JsxElements;
+export declare const ark: JsxElements;
+export {};

package/dist/factory.mjs

@@ -1,12 +1,45 @@
-import { polymorphicFactory } from '@polymorphic-factory/solid';
+import { createComponent, Dynamic, mergeProps } from 'solid-js/web';
+import { splitProps, children, createEffect } from 'solid-js';
+import { spread } from './spread.mjs';
+import { ssrSpread } from './ssr-spread.mjs';
 
-/**
- * All html and svg elements for ark components.
- * This is mostly for `ark.<element>` syntax.
- */
-/**
- * The ark factory serves as an object of JSX elements to render React components which accept the `as` prop
- */
-const ark = polymorphicFactory();
+function withAsChild(Component) {
+  return function jsx(props) {
+    const [localProps, restProps] = splitProps(props, ['asChild', 'children']);
+    if (!localProps.asChild) {
+      return createComponent(Dynamic, mergeProps({
+        component: Component
+      }, restProps, {
+        get children() {
+          return localProps.children;
+        }
+      }));
+    }
+    const getChildren = children(() => ssrSpread(localProps.children, restProps));
+    createEffect(() => {
+      const children = getChildren();
+      if (children instanceof HTMLElement) {
+        spread(children, restProps);
+      }
+    });
+    return getChildren;
+  };
+}
+function jsxFactory() {
+  const cache = new Map();
+  return new Proxy(withAsChild, {
+    apply(target, thisArg, argArray) {
+      return withAsChild(argArray[0]);
+    },
+    get(_, element) {
+      const asElement = element;
+      if (!cache.has(asElement)) {
+        cache.set(asElement, withAsChild(asElement));
+      }
+      return cache.get(asElement);
+    }
+  });
+}
+const ark = jsxFactory();
 
-export { ark };
+export { ark, jsxFactory };

package/dist/filter-props.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const propTrap = require('./prop-trap.cjs');
+
+function filterProps(props, predicate) {
+  return new Proxy(
+    {
+      get(property) {
+        return property in props && predicate(property) ? props[property] : void 0;
+      },
+      has(property) {
+        return property in props && predicate(property);
+      },
+      keys() {
+        return Object.keys(props).filter(predicate);
+      }
+    },
+    propTrap.propTraps
+  );
+}
+function mapProps(props, mapper) {
+  return Object.fromEntries(Object.entries(props).map(([key, value]) => [key, mapper(key, value)]));
+}
+
+exports.filterProps = filterProps;
+exports.mapProps = mapProps;

package/dist/filter-props.d.ts

@@ -0,0 +1,2 @@
+export declare function filterProps<T extends object>(props: T, predicate: (key: keyof T) => boolean): T;
+export declare function mapProps(props: Record<string, unknown>, mapper: (key: string, value: unknown) => unknown): Record<string, unknown>;

package/dist/filter-props.mjs

@@ -0,0 +1,23 @@
+import { propTraps } from './prop-trap.mjs';
+
+function filterProps(props, predicate) {
+  return new Proxy(
+    {
+      get(property) {
+        return property in props && predicate(property) ? props[property] : void 0;
+      },
+      has(property) {
+        return property in props && predicate(property);
+      },
+      keys() {
+        return Object.keys(props).filter(predicate);
+      }
+    },
+    propTraps
+  );
+}
+function mapProps(props, mapper) {
+  return Object.fromEntries(Object.entries(props).map(([key, value]) => [key, mapper(key, value)]));
+}
+
+export { filterProps, mapProps };

package/dist/hover-card/hover-card-arrow-tip.cjs

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
 
 const HoverCardArrowTip = props => {
   const hoverCard = hoverCardContext.useHoverCardContext();
-  return web.createComponent(factory.ark.div, web.mergeProps(() => hoverCard().arrowTipProps, props));
+  const tipProps = solid.mergeProps(() => hoverCard().arrowTipProps, props);
+  return web.createComponent(factory.ark.div, tipProps);
 };
 
 exports.HoverCardArrowTip = HoverCardArrowTip;

package/dist/hover-card/hover-card-arrow-tip.mjs

@@ -1,10 +1,12 @@
-import { createComponent, mergeProps } from 'solid-js/web';
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
 import { useHoverCardContext } from './hover-card-context.mjs';
 
 const HoverCardArrowTip = props => {
   const hoverCard = useHoverCardContext();
-  return createComponent(ark.div, mergeProps(() => hoverCard().arrowTipProps, props));
+  const tipProps = mergeProps(() => hoverCard().arrowTipProps, props);
+  return createComponent(ark.div, tipProps);
 };
 
 export { HoverCardArrowTip };

package/dist/hover-card/hover-card-arrow.cjs

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
 
 const HoverCardArrow = props => {
   const hoverCard = hoverCardContext.useHoverCardContext();
-  return web.createComponent(factory.ark.div, web.mergeProps(() => hoverCard().arrowProps, props));
+  const arrowProps = solid.mergeProps(() => hoverCard().arrowProps, props);
+  return web.createComponent(factory.ark.div, arrowProps);
 };
 
 exports.HoverCardArrow = HoverCardArrow;

package/dist/hover-card/hover-card-arrow.mjs

@@ -1,10 +1,12 @@
-import { createComponent, mergeProps } from 'solid-js/web';
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
 import { useHoverCardContext } from './hover-card-context.mjs';
 
 const HoverCardArrow = props => {
   const hoverCard = useHoverCardContext();
-  return createComponent(ark.div, mergeProps(() => hoverCard().arrowProps, props));
+  const arrowProps = mergeProps(() => hoverCard().arrowProps, props);
+  return createComponent(ark.div, arrowProps);
 };
 
 export { HoverCardArrow };

package/dist/hover-card/hover-card-content.cjs

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
 
 const HoverCardContent = props => {
   const hoverCard = hoverCardContext.useHoverCardContext();
-  return web.createComponent(factory.ark.div, web.mergeProps(() => hoverCard().contentProps, props));
+  const contentProps = solid.mergeProps(() => hoverCard().contentProps, props);
+  return web.createComponent(factory.ark.div, contentProps);
 };
 
 exports.HoverCardContent = HoverCardContent;

package/dist/hover-card/hover-card-content.mjs

@@ -1,10 +1,12 @@
-import { createComponent, mergeProps } from 'solid-js/web';
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
 import { useHoverCardContext } from './hover-card-context.mjs';
 
 const HoverCardContent = props => {
   const hoverCard = useHoverCardContext();
-  return createComponent(ark.div, mergeProps(() => hoverCard().contentProps, props));
+  const contentProps = mergeProps(() => hoverCard().contentProps, props);
+  return createComponent(ark.div, contentProps);
 };
 
 export { HoverCardContent };

package/dist/hover-card/hover-card-positioner.cjs

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
 
 const HoverCardPositioner = props => {
   const hoverCard = hoverCardContext.useHoverCardContext();
-  return web.createComponent(factory.ark.div, web.mergeProps(() => hoverCard().positionerProps, props));
+  const positionerProps = solid.mergeProps(() => hoverCard().positionerProps, props);
+  return web.createComponent(factory.ark.div, positionerProps);
 };
 
 exports.HoverCardPositioner = HoverCardPositioner;

package/dist/hover-card/hover-card-positioner.mjs

@@ -1,10 +1,12 @@
-import { createComponent, mergeProps } from 'solid-js/web';
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
 import { useHoverCardContext } from './hover-card-context.mjs';
 
 const HoverCardPositioner = props => {
   const hoverCard = useHoverCardContext();
-  return createComponent(ark.div, mergeProps(() => hoverCard().positionerProps, props));
+  const positionerProps = mergeProps(() => hoverCard().positionerProps, props);
+  return createComponent(ark.div, positionerProps);
 };
 
 export { HoverCardPositioner };

package/dist/hover-card/hover-card-trigger.cjs

@@ -2,22 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const solidJs = require('solid-js');
 const web = require('solid-js/web');
-const ssrSpread = require('../ssr-spread.cjs');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
 
 const HoverCardTrigger = props => {
   const hoverCard = hoverCardContext.useHoverCardContext();
-  const triggerProps = hoverCard().triggerProps;
-  const getChildren = solidJs.children(() => ssrSpread.ssrSpread(props.children, triggerProps));
-  solidJs.createEffect(() => {
-    const children = getChildren();
-    if (children instanceof HTMLElement) {
-      web.spread(children, triggerProps);
-    }
-  });
-  return getChildren();
+  const triggerProps = solid.mergeProps(() => hoverCard().triggerProps, props);
+  return web.createComponent(factory.ark.button, triggerProps);
 };
 
 exports.HoverCardTrigger = HoverCardTrigger;

package/dist/hover-card/hover-card-trigger.d.ts

@@ -1,6 +1,4 @@
-import type { ResolvedChildren } from 'solid-js/types/reactive/signal';
-import { type JSX } from 'solid-js';
-export type HoverCardTriggerProps = {
-    children: JSX.Element;
-};
-export declare const HoverCardTrigger: (props: HoverCardTriggerProps) => ResolvedChildren;
+import type { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export type HoverCardTriggerProps = HTMLArkProps<'button'>;
+export declare const HoverCardTrigger: (props: HoverCardTriggerProps) => JSX.Element;

package/dist/hover-card/hover-card-trigger.mjs

@@ -1,19 +1,12 @@
-import { children, createEffect } from 'solid-js';
-import { spread } from 'solid-js/web';
-import { ssrSpread } from '../ssr-spread.mjs';
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory.mjs';
 import { useHoverCardContext } from './hover-card-context.mjs';
 
 const HoverCardTrigger = props => {
   const hoverCard = useHoverCardContext();
-  const triggerProps = hoverCard().triggerProps;
-  const getChildren = children(() => ssrSpread(props.children, triggerProps));
-  createEffect(() => {
-    const children = getChildren();
-    if (children instanceof HTMLElement) {
-      spread(children, triggerProps);
-    }
-  });
-  return getChildren();
+  const triggerProps = mergeProps(() => hoverCard().triggerProps, props);
+  return createComponent(ark.button, triggerProps);
 };
 
 export { HoverCardTrigger };

package/dist/hover-card/hover-card.cjs

@@ -4,16 +4,18 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const web = require('solid-js/web');
 const createSplitProps = require('../create-split-props.cjs');
+const runIfFn = require('../run-if-fn.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
 const useHoverCard = require('./use-hover-card.cjs');
 
 const HoverCard = props => {
-  const [useHoverCardProps, restProps] = createSplitProps.createSplitProps()(props, ['closeDelay', 'dir', 'getRootNode', 'id', 'ids', 'onClose', 'onOpen', 'open', 'openDelay', 'positioning']);
-  const hoverCard = useHoverCard.useHoverCard(useHoverCardProps);
+  const [hoverCardProps, localProps] = createSplitProps.createSplitProps()(props, ['closeDelay', 'dir', 'getRootNode', 'id', 'ids', 'onClose', 'onOpen', 'open', 'openDelay', 'positioning']);
+  const api = useHoverCard.useHoverCard(hoverCardProps);
+  const getChildren = () => runIfFn.runIfFn(localProps.children, api);
   return web.createComponent(hoverCardContext.HoverCardProvider, {
-    value: hoverCard,
+    value: api,
     get children() {
-      return restProps.children;
+      return getChildren();
     }
   });
 };

package/dist/hover-card/hover-card.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from 'solid-js';
-import { type UseHoverCardProps } from './use-hover-card';
+import { type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
 export type HoverCardProps = UseHoverCardProps & {
-    children: JSX.Element;
+    children?: JSX.Element | ((state: UseHoverCardReturn) => JSX.Element);
 };
 export declare const HoverCard: (props: HoverCardProps) => JSX.Element;

package/dist/hover-card/hover-card.mjs

@@ -1,15 +1,17 @@
 import { createComponent } from 'solid-js/web';
 import { createSplitProps } from '../create-split-props.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
 import { HoverCardProvider } from './hover-card-context.mjs';
 import { useHoverCard } from './use-hover-card.mjs';
 
 const HoverCard = props => {
-  const [useHoverCardProps, restProps] = createSplitProps()(props, ['closeDelay', 'dir', 'getRootNode', 'id', 'ids', 'onClose', 'onOpen', 'open', 'openDelay', 'positioning']);
-  const hoverCard = useHoverCard(useHoverCardProps);
+  const [hoverCardProps, localProps] = createSplitProps()(props, ['closeDelay', 'dir', 'getRootNode', 'id', 'ids', 'onClose', 'onOpen', 'open', 'openDelay', 'positioning']);
+  const api = useHoverCard(hoverCardProps);
+  const getChildren = () => runIfFn(localProps.children, api);
   return createComponent(HoverCardProvider, {
-    value: hoverCard,
+    value: api,
     get children() {
-      return restProps.children;
+      return getChildren();
     }
   });
 };

package/dist/hover-card/use-hover-card.cjs

@@ -28,7 +28,7 @@ const hoverCard__namespace = /*#__PURE__*/_interopNamespaceDefault(hoverCard);
 
 const useHoverCard = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
-  const context = solidJs.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
+  const context = solid.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
   const [state, send] = solid.useMachine(hoverCard__namespace.machine(context), { context });
   return solidJs.createMemo(() => hoverCard__namespace.connect(state, send, solid.normalizeProps));
 };

package/dist/hover-card/use-hover-card.mjs

@@ -1,6 +1,6 @@
 import * as hoverCard from '@zag-js/hover-card';
-import { useMachine, normalizeProps } from '@zag-js/solid';
-import { mergeProps, createUniqueId, createMemo } from 'solid-js';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { createUniqueId, createMemo } from 'solid-js';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useHoverCard = (props) => {

package/dist/index.cjs

@@ -9,6 +9,14 @@ const accordionIcon = require('./accordion/accordion-icon.cjs');
 const accordionItem = require('./accordion/accordion-item.cjs');
 const accordionTrigger = require('./accordion/accordion-trigger.cjs');
 const accordion$1 = require('@zag-js/accordion');
+const carousel = require('./carousel/carousel.cjs');
+const carouselControl = require('./carousel/carousel-control.cjs');
+const carouselNextSlideTrigger = require('./carousel/carousel-next-slide-trigger.cjs');
+const carouselPrevSlideTrigger = require('./carousel/carousel-prev-slide-trigger.cjs');
+const carouselSlide = require('./carousel/carousel-slide.cjs');
+const carouselSlideGroup = require('./carousel/carousel-slide-group.cjs');
+const carouselViewport = require('./carousel/carousel-viewport.cjs');
+const carousel_anatomy = require('./carousel/carousel.anatomy.cjs');
 const checkbox = require('./checkbox/checkbox.cjs');
 const checkboxControl = require('./checkbox/checkbox-control.cjs');
 const checkboxInput = require('./checkbox/checkbox-input.cjs');
@@ -76,6 +84,7 @@ const numberInput$1 = require('@zag-js/number-input');
 const pagination = require('./pagination/pagination.cjs');
 const paginationEllipsis = require('./pagination/pagination-ellipsis.cjs');
 const paginationList = require('./pagination/pagination-list.cjs');
+const paginationListItem = require('./pagination/pagination-list-item.cjs');
 const paginationNextPageTrigger = require('./pagination/pagination-next-page-trigger.cjs');
 const paginationPageTrigger = require('./pagination/pagination-page-trigger.cjs');
 const paginationPrevPageTrigger = require('./pagination/pagination-prev-page-trigger.cjs');
@@ -143,6 +152,12 @@ const splitter = require('./splitter/splitter.cjs');
 const splitterPanel = require('./splitter/splitter-panel.cjs');
 const splitterResizeTrigger = require('./splitter/splitter-resize-trigger.cjs');
 const splitter$1 = require('@zag-js/splitter');
+const _switch = require('./switch/switch.cjs');
+const switchControl = require('./switch/switch-control.cjs');
+const switchInput = require('./switch/switch-input.cjs');
+const switchLabel = require('./switch/switch-label.cjs');
+const switchThumb = require('./switch/switch-thumb.cjs');
+const zagSwitch = require('@zag-js/switch');
 const tabContent = require('./tabs/tab-content.cjs');
 const tabIndicator = require('./tabs/tab-indicator.cjs');
 const tabList = require('./tabs/tab-list.cjs');
@@ -189,6 +204,14 @@ Object.defineProperty(exports, 'accordionAnatomy', {
 	enumerable: true,
 	get: () => accordion$1.anatomy
 });
+exports.Carousel = carousel.Carousel;
+exports.CarouselControl = carouselControl.CarouselControl;
+exports.CarouselNextSlideTrigger = carouselNextSlideTrigger.CarouselNextSlideTrigger;
+exports.CarouselPrevSlideTrigger = carouselPrevSlideTrigger.CarouselPrevSlideTrigger;
+exports.CarouselSlide = carouselSlide.CarouselSlide;
+exports.CarouselSlideGroup = carouselSlideGroup.CarouselSlideGroup;
+exports.CarouselViewport = carouselViewport.CarouselViewport;
+exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.Checkbox = checkbox.Checkbox;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
 exports.CheckboxInput = checkboxInput.CheckboxInput;
@@ -277,6 +300,7 @@ Object.defineProperty(exports, 'numberInputAnatomy', {
 exports.Pagination = pagination.Pagination;
 exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
 exports.PaginationList = paginationList.PaginationList;
+exports.PaginationListItem = paginationListItem.PaginationListItem;
 exports.PaginationNextPageTrigger = paginationNextPageTrigger.PaginationNextPageTrigger;
 exports.PaginationPageTrigger = paginationPageTrigger.PaginationPageTrigger;
 exports.PaginationPrevPageTrigger = paginationPrevPageTrigger.PaginationPrevPageTrigger;
@@ -368,6 +392,15 @@ Object.defineProperty(exports, 'splitterAnatomy', {
 	enumerable: true,
 	get: () => splitter$1.anatomy
 });
+exports.Switch = _switch.Switch;
+exports.SwitchControl = switchControl.SwitchControl;
+exports.SwitchInput = switchInput.SwitchInput;
+exports.SwitchLabel = switchLabel.SwitchLabel;
+exports.SwitchThumb = switchThumb.SwitchThumb;
+Object.defineProperty(exports, 'switchAnatomy', {
+	enumerable: true,
+	get: () => zagSwitch.anatomy
+});
 exports.TabContent = tabContent.TabContent;
 exports.TabIndicator = tabIndicator.TabIndicator;
 exports.TabList = tabList.TabList;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { createAnatomy } from '@zag-js/anatomy';
 export * from './accordion';
+export * from './carousel';
 export * from './checkbox';
 export * from './combobox';
 export * from './dialog';
@@ -18,6 +19,7 @@ export * from './rating-group';
 export * from './select';
 export * from './slider';
 export * from './splitter';
+export * from './switch';
 export * from './tabs';
 export * from './tags-input';
 export * from './toast';