@ark-ui/solid 1.0.0-beta.0 → 1.0.0-beta.2

package/accordion/accordion.d.ts

@@ -1,6 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseAccordionProps } from './use-accordion';
-export type AccordionProps = Assign<HTMLArkProps<'div'>, UseAccordionProps>;
-export declare const Accordion: (props: AccordionProps) => JSX.Element;

package/accordion/accordion.mjs

@@ -1,20 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { AccordionProvider } from './accordion-context.mjs';
-import { useAccordion } from './use-accordion.mjs';
-
-const Accordion = props => {
-  const [params, localProps] = createSplitProps()(props, ['collapsible', 'dir', 'disabled', 'getRootNode', 'id', 'ids', 'multiple', 'onFocusChange', 'onValueChange', 'orientation', 'value']);
-  const api = useAccordion(params);
-  const rootProps = mergeProps(() => api().rootProps, localProps);
-  return createComponent(AccordionProvider, {
-    value: api,
-    get children() {
-      return createComponent(ark.div, rootProps);
-    }
-  });
-};
-
-export { Accordion };

package/accordion/accordion.stories.d.ts

@@ -1,12 +0,0 @@
-import { JSX } from 'solid-js';
-import type { Meta } from 'storybook-solidjs';
-declare const meta: Meta;
-export default meta;
-export declare const Basic: () => JSX.Element;
-export declare const Initial: () => JSX.Element;
-export declare const RenderProp: () => JSX.Element;
-export declare const Collapsible: () => JSX.Element;
-export declare const Multiple: () => JSX.Element;
-export declare const Controlled: () => JSX.Element;
-export declare const Vertical: () => JSX.Element;
-export declare const Disabled: () => JSX.Element;

package/accordion/accordion.test.d.ts

@@ -1 +0,0 @@
-export {};

package/accordion/index.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const accordion = require('./accordion.cjs');
-const accordionContext = require('./accordion-context.cjs');
-const accordionItem = require('./accordion-item.cjs');
-const accordionItemContent = require('./accordion-item-content.cjs');
-const accordionItemContext = require('./accordion-item-context.cjs');
-const accordionItemIndicator = require('./accordion-item-indicator.cjs');
-const accordionItemTrigger = require('./accordion-item-trigger.cjs');
-
-const Accordion = Object.assign(accordion.Accordion, {
-  Root: accordion.Accordion,
-  Item: accordionItem.AccordionItem,
-  ItemContent: accordionItemContent.AccordionItemContent,
-  ItemIndicator: accordionItemIndicator.AccordionItemIndicator,
-  ItemTrigger: accordionItemTrigger.AccordionItemTrigger
-});
-
-exports.useAccordionContext = accordionContext.useAccordionContext;
-exports.AccordionItem = accordionItem.AccordionItem;
-exports.AccordionItemContent = accordionItemContent.AccordionItemContent;
-exports.useAccordionItemContext = accordionItemContext.useAccordionItemContext;
-exports.AccordionItemIndicator = accordionItemIndicator.AccordionItemIndicator;
-exports.AccordionItemTrigger = accordionItemTrigger.AccordionItemTrigger;
-exports.Accordion = Accordion;

package/accordion/index.d.ts

@@ -1,17 +0,0 @@
-import { JSX } from 'solid-js';
-import { type AccordionProps } from './accordion';
-import { useAccordionContext, type AccordionContext } from './accordion-context';
-import { AccordionItem, type AccordionItemProps } from './accordion-item';
-import { AccordionItemContent, type AccordionItemContentProps } from './accordion-item-content';
-import { useAccordionItemContext, type AccordionItemContext } from './accordion-item-context';
-import { AccordionItemIndicator, type AccordionItemIndicatorProps } from './accordion-item-indicator';
-import { AccordionItemTrigger, type AccordionItemTriggerProps } from './accordion-item-trigger';
-declare const Accordion: ((props: AccordionProps) => JSX.Element) & {
-    Root: (props: AccordionProps) => JSX.Element;
-    Item: (props: AccordionItemProps) => JSX.Element;
-    ItemContent: (props: AccordionItemContentProps) => JSX.Element;
-    ItemIndicator: (props: AccordionItemIndicatorProps) => JSX.Element;
-    ItemTrigger: (props: AccordionItemTriggerProps) => JSX.Element;
-};
-export { Accordion, AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, useAccordionContext, useAccordionItemContext, };
-export type { AccordionContext, AccordionItemContentProps, AccordionItemContext, AccordionItemIndicatorProps, AccordionItemProps, AccordionItemTriggerProps, AccordionProps, };

package/accordion/index.mjs

@@ -1,17 +0,0 @@
-import { Accordion as Accordion$1 } from './accordion.mjs';
-export { useAccordionContext } from './accordion-context.mjs';
-import { AccordionItem } from './accordion-item.mjs';
-import { AccordionItemContent } from './accordion-item-content.mjs';
-export { useAccordionItemContext } from './accordion-item-context.mjs';
-import { AccordionItemIndicator } from './accordion-item-indicator.mjs';
-import { AccordionItemTrigger } from './accordion-item-trigger.mjs';
-
-const Accordion = Object.assign(Accordion$1, {
-  Root: Accordion$1,
-  Item: AccordionItem,
-  ItemContent: AccordionItemContent,
-  ItemIndicator: AccordionItemIndicator,
-  ItemTrigger: AccordionItemTrigger
-});
-
-export { Accordion, AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger };

package/accordion/use-accordion.cjs

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const accordion = require('@zag-js/accordion');
-const solid = require('@zag-js/solid');
-const solidJs = require('solid-js');
-require('../environment/index.cjs');
-const environmentContext = require('../environment/environment-context.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const accordion__namespace = /*#__PURE__*/_interopNamespaceDefault(accordion);
-
-const useAccordion = (props) => {
-  const getRootNode = environmentContext.useEnvironmentContext();
-  const context = solid.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
-  const [state, send] = solid.useMachine(accordion__namespace.machine(context), { context });
-  return solidJs.createMemo(() => accordion__namespace.connect(state, send, solid.normalizeProps));
-};
-
-exports.useAccordion = useAccordion;

package/accordion/use-accordion.mjs

@@ -1,14 +0,0 @@
-import * as accordion from '@zag-js/accordion';
-import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { createUniqueId, createMemo } from 'solid-js';
-import '../environment/index.mjs';
-import { useEnvironmentContext } from '../environment/environment-context.mjs';
-
-const useAccordion = (props) => {
-  const getRootNode = useEnvironmentContext();
-  const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
-  const [state, send] = useMachine(accordion.machine(context), { context });
-  return createMemo(() => accordion.connect(state, send, normalizeProps));
-};
-
-export { useAccordion };

package/avatar/avatar-context.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const createContext = require('../create-context.cjs');
-
-const [AvatarProvider, useAvatarContext] = createContext.createContext({
-  hookName: "useAvatarContext",
-  providerName: "<AvatarProvider />"
-});
-
-exports.AvatarProvider = AvatarProvider;
-exports.useAvatarContext = useAvatarContext;

package/avatar/avatar-context.d.ts

@@ -1,4 +0,0 @@
-import { ContextProviderComponent } from 'solid-js';
-import { type UseAvatarReturn } from './use-avatar';
-export type AvatarContext = UseAvatarReturn;
-export declare const AvatarProvider: ContextProviderComponent<UseAvatarReturn>, useAvatarContext: () => UseAvatarReturn;

package/avatar/avatar-context.mjs

@@ -1,8 +0,0 @@
-import { createContext } from '../create-context.mjs';
-
-const [AvatarProvider, useAvatarContext] = createContext({
-  hookName: "useAvatarContext",
-  providerName: "<AvatarProvider />"
-});
-
-export { AvatarProvider, useAvatarContext };

package/avatar/avatar-fallback.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-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 avatarContext = require('./avatar-context.cjs');
-
-const AvatarFallback = props => {
-  const avatar = avatarContext.useAvatarContext();
-  const fallbackProps = solid.mergeProps(() => avatar().fallbackProps, props);
-  return web.createComponent(factory.ark.span, fallbackProps);
-};
-
-exports.AvatarFallback = AvatarFallback;

package/avatar/avatar-fallback.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type AvatarFallbackProps = HTMLArkProps<'span'>;
-export declare const AvatarFallback: (props: AvatarFallbackProps) => JSX.Element;

package/avatar/avatar-fallback.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useAvatarContext } from './avatar-context.mjs';
-
-const AvatarFallback = props => {
-  const avatar = useAvatarContext();
-  const fallbackProps = mergeProps(() => avatar().fallbackProps, props);
-  return createComponent(ark.span, fallbackProps);
-};
-
-export { AvatarFallback };

package/avatar/avatar-image.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-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 avatarContext = require('./avatar-context.cjs');
-
-const AvatarImage = props => {
-  const avatar = avatarContext.useAvatarContext();
-  const imageProps = solid.mergeProps(() => avatar().imageProps, props);
-  return web.createComponent(factory.ark.img, imageProps);
-};
-
-exports.AvatarImage = AvatarImage;

package/avatar/avatar-image.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type AvatarImageProps = HTMLArkProps<'img'>;
-export declare const AvatarImage: (props: AvatarImageProps) => JSX.Element;

package/avatar/avatar-image.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useAvatarContext } from './avatar-context.mjs';
-
-const AvatarImage = props => {
-  const avatar = useAvatarContext();
-  const imageProps = mergeProps(() => avatar().imageProps, props);
-  return createComponent(ark.img, imageProps);
-};
-
-export { AvatarImage };

package/avatar/avatar.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const avatarContext = require('./avatar-context.cjs');
-const useAvatar = require('./use-avatar.cjs');
-
-const Avatar = props => {
-  const [params, localProps] = createSplitProps.createSplitProps()(props, ['dir', 'getRootNode', 'id', 'onLoadingStatusChange']);
-  const api = useAvatar.useAvatar(params);
-  const rootProps = solid.mergeProps(() => api().rootProps, localProps);
-  return web.createComponent(avatarContext.AvatarProvider, {
-    value: api,
-    get children() {
-      return web.createComponent(factory.ark.div, rootProps);
-    }
-  });
-};
-
-exports.Avatar = Avatar;

package/avatar/avatar.d.ts

@@ -1,6 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseAvatarProps } from './use-avatar';
-export type AvatarProps = Assign<HTMLArkProps<'div'>, UseAvatarProps>;
-export declare const Avatar: (props: AvatarProps) => JSX.Element;

package/avatar/avatar.mjs

@@ -1,20 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { AvatarProvider } from './avatar-context.mjs';
-import { useAvatar } from './use-avatar.mjs';
-
-const Avatar = props => {
-  const [params, localProps] = createSplitProps()(props, ['dir', 'getRootNode', 'id', 'onLoadingStatusChange']);
-  const api = useAvatar(params);
-  const rootProps = mergeProps(() => api().rootProps, localProps);
-  return createComponent(AvatarProvider, {
-    value: api,
-    get children() {
-      return createComponent(ark.div, rootProps);
-    }
-  });
-};
-
-export { Avatar };

package/avatar/avatar.stories.d.ts

@@ -1,6 +0,0 @@
-import { JSX } from 'solid-js';
-import type { Meta } from 'storybook-solidjs';
-declare const meta: Meta;
-export default meta;
-export declare const Basic: () => JSX.Element;
-export declare const Events: () => JSX.Element;

package/avatar/avatar.test.d.ts

@@ -1 +0,0 @@
-export {};

package/avatar/index.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const avatar = require('./avatar.cjs');
-const avatarContext = require('./avatar-context.cjs');
-const avatarFallback = require('./avatar-fallback.cjs');
-const avatarImage = require('./avatar-image.cjs');
-
-const Avatar = Object.assign(avatar.Avatar, {
-  Root: avatar.Avatar,
-  Fallback: avatarFallback.AvatarFallback,
-  Image: avatarImage.AvatarImage
-});
-
-exports.useAvatarContext = avatarContext.useAvatarContext;
-exports.AvatarFallback = avatarFallback.AvatarFallback;
-exports.AvatarImage = avatarImage.AvatarImage;
-exports.Avatar = Avatar;

package/avatar/index.d.ts

@@ -1,12 +0,0 @@
-import { JSX } from 'solid-js';
-import { type AvatarProps } from './avatar';
-import { useAvatarContext, type AvatarContext } from './avatar-context';
-import { AvatarFallback, type AvatarFallbackProps } from './avatar-fallback';
-import { AvatarImage, type AvatarImageProps } from './avatar-image';
-declare const Avatar: ((props: AvatarProps) => JSX.Element) & {
-    Root: (props: AvatarProps) => JSX.Element;
-    Fallback: (props: AvatarFallbackProps) => JSX.Element;
-    Image: (props: AvatarImageProps) => JSX.Element;
-};
-export { Avatar, AvatarFallback, AvatarImage, useAvatarContext };
-export type { AvatarContext, AvatarFallbackProps, AvatarImageProps, AvatarProps };

package/avatar/index.mjs

@@ -1,12 +0,0 @@
-import { Avatar as Avatar$1 } from './avatar.mjs';
-export { useAvatarContext } from './avatar-context.mjs';
-import { AvatarFallback } from './avatar-fallback.mjs';
-import { AvatarImage } from './avatar-image.mjs';
-
-const Avatar = Object.assign(Avatar$1, {
-  Root: Avatar$1,
-  Fallback: AvatarFallback,
-  Image: AvatarImage
-});
-
-export { Avatar, AvatarFallback, AvatarImage };

package/avatar/use-avatar.cjs

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const avatar = require('@zag-js/avatar');
-const solid = require('@zag-js/solid');
-const solidJs = require('solid-js');
-require('../environment/index.cjs');
-const environmentContext = require('../environment/environment-context.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const avatar__namespace = /*#__PURE__*/_interopNamespaceDefault(avatar);
-
-const useAvatar = (props) => {
-  const getRootNode = environmentContext.useEnvironmentContext();
-  const context = solid.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
-  const [state, send] = solid.useMachine(avatar__namespace.machine(context), { context });
-  return solidJs.createMemo(() => avatar__namespace.connect(state, send, solid.normalizeProps));
-};
-
-exports.useAvatar = useAvatar;

package/avatar/use-avatar.mjs

@@ -1,14 +0,0 @@
-import * as avatar from '@zag-js/avatar';
-import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { createUniqueId, createMemo } from 'solid-js';
-import '../environment/index.mjs';
-import { useEnvironmentContext } from '../environment/environment-context.mjs';
-
-const useAvatar = (props) => {
-  const getRootNode = useEnvironmentContext();
-  const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
-  const [state, send] = useMachine(avatar.machine(context), { context });
-  return createMemo(() => avatar.connect(state, send, normalizeProps));
-};
-
-export { useAvatar };

package/carousel/carousel-context.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const createContext = require('../create-context.cjs');
-
-const [CarouselProvider, useCarouselContext] = createContext.createContext({
-  hookName: "useCarouselContext",
-  providerName: "<CarouselProvider />"
-});
-
-exports.CarouselProvider = CarouselProvider;
-exports.useCarouselContext = useCarouselContext;

package/carousel/carousel-context.d.ts

@@ -1,4 +0,0 @@
-import { ContextProviderComponent } from 'solid-js';
-import { type UseCarouselReturn } from './use-carousel';
-export type CarouselContext = UseCarouselReturn;
-export declare const CarouselProvider: ContextProviderComponent<UseCarouselReturn>, useCarouselContext: () => UseCarouselReturn;

package/carousel/carousel-context.mjs

@@ -1,8 +0,0 @@
-import { createContext } from '../create-context.mjs';
-
-const [CarouselProvider, useCarouselContext] = createContext({
-  hookName: "useCarouselContext",
-  providerName: "<CarouselProvider />"
-});
-
-export { CarouselProvider, useCarouselContext };

package/carousel/carousel-control.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const anatomy = require('@ark-ui/anatomy');
-const solid = require('@zag-js/solid');
-const factory = require('../factory.cjs');
-
-const CarouselControl = props => {
-  const mergedProps = solid.mergeProps(() => anatomy.carouselAnatomy.build().control.attrs, props);
-  return web.createComponent(factory.ark.div, mergedProps);
-};
-
-exports.CarouselControl = CarouselControl;

package/carousel/carousel-control.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type CarouselControlProps = HTMLArkProps<'div'>;
-export declare const CarouselControl: (props: CarouselControlProps) => JSX.Element;

package/carousel/carousel-control.mjs

@@ -1,11 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { carouselAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-
-const CarouselControl = props => {
-  const mergedProps = mergeProps(() => carouselAnatomy.build().control.attrs, props);
-  return createComponent(ark.div, mergedProps);
-};
-
-export { CarouselControl };

package/carousel/carousel-indicator-group.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-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 carouselContext = require('./carousel-context.cjs');
-
-const CarouselIndicatorGroup = props => {
-  const api = carouselContext.useCarouselContext();
-  const mergedProps = solid.mergeProps(() => api().indicatorGroupProps, props);
-  return web.createComponent(factory.ark.div, mergedProps);
-};
-
-exports.CarouselIndicatorGroup = CarouselIndicatorGroup;

package/carousel/carousel-indicator-group.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type CarouselIndicatorGroupProps = HTMLArkProps<'div'>;
-export declare const CarouselIndicatorGroup: (props: CarouselIndicatorGroupProps) => JSX.Element;

package/carousel/carousel-indicator-group.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useCarouselContext } from './carousel-context.mjs';
-
-const CarouselIndicatorGroup = props => {
-  const api = useCarouselContext();
-  const mergedProps = mergeProps(() => api().indicatorGroupProps, props);
-  return createComponent(ark.div, mergedProps);
-};
-
-export { CarouselIndicatorGroup };

package/carousel/carousel-indicator.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const carouselContext = require('./carousel-context.cjs');
-
-const CarouselIndicator = props => {
-  const [indicatorProps, localProps] = createSplitProps.createSplitProps()(props, ['index', 'readOnly']);
-  const api = carouselContext.useCarouselContext();
-  const mergedProps = solid.mergeProps(() => api().getIndicatorProps(indicatorProps), localProps);
-  return web.createComponent(factory.ark.button, mergedProps);
-};
-
-exports.CarouselIndicator = CarouselIndicator;

package/carousel/carousel-indicator.d.ts

@@ -1,6 +0,0 @@
-import { JSX } from 'solid-js';
-import type { IndicatorProps } from '@zag-js/carousel';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-export type CarouselIndicatorProps = Assign<HTMLArkProps<'button'>, IndicatorProps>;
-export declare const CarouselIndicator: (props: CarouselIndicatorProps) => JSX.Element;

package/carousel/carousel-indicator.mjs

@@ -1,14 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { useCarouselContext } from './carousel-context.mjs';
-
-const CarouselIndicator = props => {
-  const [indicatorProps, localProps] = createSplitProps()(props, ['index', 'readOnly']);
-  const api = useCarouselContext();
-  const mergedProps = mergeProps(() => api().getIndicatorProps(indicatorProps), localProps);
-  return createComponent(ark.button, mergedProps);
-};
-
-export { CarouselIndicator };

package/carousel/carousel-next-trigger.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-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 carouselContext = require('./carousel-context.cjs');
-
-const CarouselNextTrigger = props => {
-  const api = carouselContext.useCarouselContext();
-  const mergedProps = solid.mergeProps(() => api().nextTriggerProps, props);
-  return web.createComponent(factory.ark.button, mergedProps);
-};
-
-exports.CarouselNextTrigger = CarouselNextTrigger;

package/carousel/carousel-next-trigger.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type CarouselNextTriggerProps = HTMLArkProps<'button'>;
-export declare const CarouselNextTrigger: (props: CarouselNextTriggerProps) => JSX.Element;

package/carousel/carousel-next-trigger.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useCarouselContext } from './carousel-context.mjs';
-
-const CarouselNextTrigger = props => {
-  const api = useCarouselContext();
-  const mergedProps = mergeProps(() => api().nextTriggerProps, props);
-  return createComponent(ark.button, mergedProps);
-};
-
-export { CarouselNextTrigger };

package/carousel/carousel-prev-trigger.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-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 carouselContext = require('./carousel-context.cjs');
-
-const CarouselPrevTrigger = props => {
-  const api = carouselContext.useCarouselContext();
-  const mergedProps = solid.mergeProps(() => api().prevTriggerProps, props);
-  return web.createComponent(factory.ark.button, mergedProps);
-};
-
-exports.CarouselPrevTrigger = CarouselPrevTrigger;