@ark-ui/solid 0.11.0 → 1.0.0-beta.1

package/range-slider/range-slider-range.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 rangeSliderContext = require('./range-slider-context.cjs');
-
-const RangeSliderRange = props => {
-  const slider = rangeSliderContext.useRangeSliderContext();
-  const rangeProps = solid.mergeProps(() => slider().rangeProps, props);
-  return web.createComponent(factory.ark.div, rangeProps);
-};
-
-exports.RangeSliderRange = RangeSliderRange;

package/range-slider/range-slider-range.d.ts

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

package/range-slider/range-slider-range.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const RangeSliderRange = props => {
-  const slider = useRangeSliderContext();
-  const rangeProps = mergeProps(() => slider().rangeProps, props);
-  return createComponent(ark.div, rangeProps);
-};
-
-export { RangeSliderRange };

package/range-slider/range-slider-thumb.cjs

@@ -1,23 +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 rangeSliderContext = require('./range-slider-context.cjs');
-
-const _tmpl$ = /*#__PURE__*/web.template(`<input>`);
-const RangeSliderThumb = props => {
-  const [thumbParams, restProps] = createSplitProps.createSplitProps()(props, ['index']);
-  const api = rangeSliderContext.useRangeSliderContext();
-  const thumbProps = solid.mergeProps(() => api().getThumbProps(thumbParams.index), restProps);
-  return [web.createComponent(factory.ark.div, thumbProps), (() => {
-    const _el$ = _tmpl$();
-    web.spread(_el$, web.mergeProps(() => api().getHiddenInputProps(thumbParams.index)), false, false);
-    return _el$;
-  })()];
-};
-
-exports.RangeSliderThumb = RangeSliderThumb;

package/range-slider/range-slider-thumb.d.ts

@@ -1,9 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-type RangeSliderThumbParams = {
-    index: number;
-};
-export type RangeSliderThumbProps = Assign<HTMLArkProps<'div'>, RangeSliderThumbParams>;
-export declare const RangeSliderThumb: (props: RangeSliderThumbProps) => JSX.Element;
-export {};

package/range-slider/range-slider-thumb.mjs

@@ -1,19 +0,0 @@
-import { createComponent, spread, mergeProps as mergeProps$1, template } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const _tmpl$ = /*#__PURE__*/template(`<input>`);
-const RangeSliderThumb = props => {
-  const [thumbParams, restProps] = createSplitProps()(props, ['index']);
-  const api = useRangeSliderContext();
-  const thumbProps = mergeProps(() => api().getThumbProps(thumbParams.index), restProps);
-  return [createComponent(ark.div, thumbProps), (() => {
-    const _el$ = _tmpl$();
-    spread(_el$, mergeProps$1(() => api().getHiddenInputProps(thumbParams.index)), false, false);
-    return _el$;
-  })()];
-};
-
-export { RangeSliderThumb };

package/range-slider/range-slider-track.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 rangeSliderContext = require('./range-slider-context.cjs');
-
-const RangeSliderTrack = props => {
-  const slider = rangeSliderContext.useRangeSliderContext();
-  const trackProps = solid.mergeProps(() => slider().trackProps, props);
-  return web.createComponent(factory.ark.div, trackProps);
-};
-
-exports.RangeSliderTrack = RangeSliderTrack;

package/range-slider/range-slider-track.d.ts

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

package/range-slider/range-slider-track.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useRangeSliderContext } from './range-slider-context.mjs';
-
-const RangeSliderTrack = props => {
-  const slider = useRangeSliderContext();
-  const trackProps = mergeProps(() => slider().trackProps, props);
-  return createComponent(ark.div, trackProps);
-};
-
-export { RangeSliderTrack };

package/range-slider/range-slider.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';

package/range-slider/range-slider.cjs

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const runIfFn = require('../run-if-fn.cjs');
-const rangeSliderContext = require('./range-slider-context.cjs');
-const useRangeSlider = require('./use-range-slider.cjs');
-
-const RangeSlider = props => {
-  const [useRangeSliderProps, divProps] = createSplitProps.createSplitProps()(props, ['aria-label', 'aria-labelledby', 'dir', 'disabled', 'form', 'getAriaValueText', 'getRootNode', 'id', 'ids', 'invalid', 'max', 'min', 'minStepsBetweenThumbs', 'name', 'onChange', 'onChangeEnd', 'onChangeStart', 'onFocusChange', 'orientation', 'readOnly', 'step', 'thumbAlignment', 'thumbSize', 'value']);
-  const api = useRangeSlider.useRangeSlider(useRangeSliderProps);
-  const getChildren = () => runIfFn.runIfFn(props.children, api);
-  return web.createComponent(rangeSliderContext.RangeSliderProvider, {
-    value: api,
-    get children() {
-      return web.createComponent(factory.ark.div, web.mergeProps(() => api().rootProps, divProps, {
-        get children() {
-          return getChildren();
-        }
-      }));
-    }
-  });
-};
-
-exports.RangeSlider = RangeSlider;

package/range-slider/range-slider.d.ts

@@ -1,8 +0,0 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseRangeSliderProps, type UseRangeSliderReturn } from './use-range-slider';
-export type RangeSliderProps = Assign<HTMLArkProps<'div'>, UseRangeSliderProps & {
-    children?: JSX.Element | ((api: UseRangeSliderReturn) => JSX.Element);
-}>;
-export declare const RangeSlider: (props: RangeSliderProps) => JSX.Element;

package/range-slider/range-slider.mjs

@@ -1,24 +0,0 @@
-import { createComponent, mergeProps } from 'solid-js/web';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { runIfFn } from '../run-if-fn.mjs';
-import { RangeSliderProvider } from './range-slider-context.mjs';
-import { useRangeSlider } from './use-range-slider.mjs';
-
-const RangeSlider = props => {
-  const [useRangeSliderProps, divProps] = createSplitProps()(props, ['aria-label', 'aria-labelledby', 'dir', 'disabled', 'form', 'getAriaValueText', 'getRootNode', 'id', 'ids', 'invalid', 'max', 'min', 'minStepsBetweenThumbs', 'name', 'onChange', 'onChangeEnd', 'onChangeStart', 'onFocusChange', 'orientation', 'readOnly', 'step', 'thumbAlignment', 'thumbSize', 'value']);
-  const api = useRangeSlider(useRangeSliderProps);
-  const getChildren = () => runIfFn(props.children, api);
-  return createComponent(RangeSliderProvider, {
-    value: api,
-    get children() {
-      return createComponent(ark.div, mergeProps(() => api().rootProps, divProps, {
-        get children() {
-          return getChildren();
-        }
-      }));
-    }
-  });
-};
-
-export { RangeSlider };

package/range-slider/range-slider.stories.d.ts

@@ -1,5 +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;

package/range-slider/use-range-slider.d.ts

@@ -1,7 +0,0 @@
-import * as rangeSlider from '@zag-js/range-slider';
-import { type PropTypes } from '@zag-js/solid';
-import { type Accessor } from 'solid-js';
-import { type Optional } from '../types';
-export type UseRangeSliderProps = Optional<rangeSlider.Context, 'id'>;
-export type UseRangeSliderReturn = Accessor<rangeSlider.Api<PropTypes>>;
-export declare const useRangeSlider: (props: UseRangeSliderProps) => UseRangeSliderReturn;

package/range-slider/use-range-slider.mjs

@@ -1,16 +0,0 @@
-import * as rangeSlider from '@zag-js/range-slider';
-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 useRangeSlider = (props) => {
-  const getRootNode = useEnvironmentContext();
-  const context = mergeProps({ id: createUniqueId(), values: props.value, getRootNode }, props);
-  const [state, send] = useMachine(rangeSlider.machine(context), {
-    context
-  });
-  return createMemo(() => rangeSlider.connect(state, send, normalizeProps));
-};
-
-export { useRangeSlider };

package/rating-group/rating-context.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-require('@zag-js/rating-group');
-const createContext = require('../create-context.cjs');
-
-const [RatingProvider, useRatingContext] = createContext.createContext({
-  hookName: "useRatingContext",
-  providerName: "<RatingProvider />"
-});
-
-exports.RatingProvider = RatingProvider;
-exports.useRatingContext = useRatingContext;

package/rating-group/rating-context.d.ts

@@ -1,4 +0,0 @@
-import { ItemState, type connect } from '@zag-js/rating-group';
-import { ContextProviderComponent, Accessor } from 'solid-js';
-export type RatingContext = ReturnType<ReturnType<typeof connect>['getRatingState']>;
-export declare const RatingProvider: ContextProviderComponent<Accessor<ItemState>>, useRatingContext: () => Accessor<ItemState>;

package/rating-group/rating-context.mjs

@@ -1,9 +0,0 @@
-import '@zag-js/rating-group';
-import { createContext } from '../create-context.mjs';
-
-const [RatingProvider, useRatingContext] = createContext({
-  hookName: "useRatingContext",
-  providerName: "<RatingProvider />"
-});
-
-export { RatingProvider, useRatingContext };

package/rating-group/rating-group.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';

package/rating-group/rating.d.ts

@@ -1,10 +0,0 @@
-import type { ItemProps } from '@zag-js/rating-group';
-import type { Accessor } from 'solid-js';
-import { type JSX } from 'solid-js/jsx-runtime';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type RatingContext } from './rating-context';
-export type RatingProps = Assign<HTMLArkProps<'span'>, ItemProps & {
-    children: (state: Accessor<RatingContext>) => JSX.Element | JSX.Element;
-}>;
-export declare const Rating: (props: RatingProps) => JSX.Element;

package/segment-group/segment-context.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-require('@zag-js/radio-group');
-const createContext = require('../create-context.cjs');
-
-const [SegmentProvider, useSegmentContext] = createContext.createContext({
-  hookName: "useSegmentContext",
-  providerName: "<SegmentProvider />"
-});
-
-exports.SegmentProvider = SegmentProvider;
-exports.useSegmentContext = useSegmentContext;

package/segment-group/segment-context.d.ts

@@ -1,14 +0,0 @@
-import { ContextProviderComponent } from 'solid-js';
-import { type connect } from '@zag-js/radio-group';
-export type SegmentContext = Parameters<ReturnType<typeof connect>['getRadioProps']>[0];
-export declare const SegmentProvider: ContextProviderComponent<{
-    value: string;
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    invalid?: boolean | undefined;
-}>, useSegmentContext: () => {
-    value: string;
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    invalid?: boolean | undefined;
-};

package/segment-group/segment-context.mjs

@@ -1,9 +0,0 @@
-import '@zag-js/radio-group';
-import { createContext } from '../create-context.mjs';
-
-const [SegmentProvider, useSegmentContext] = createContext({
-  hookName: "useSegmentContext",
-  providerName: "<SegmentProvider />"
-});
-
-export { SegmentProvider, useSegmentContext };

package/segment-group/segment-control.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 factory = require('../factory.cjs');
-const segmentContext = require('./segment-context.cjs');
-const segmentGroupContext = require('./segment-group-context.cjs');
-const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
-
-const _tmpl$ = /*#__PURE__*/web.template(`<input>`);
-const SegmentControl = props => {
-  const api = segmentGroupContext.useSegmentGroupContext();
-  const context = segmentContext.useSegmentContext();
-  const controlProps = solid.mergeProps(() => api().getRadioControlProps(context), props);
-  return [web.createComponent(factory.ark.div, web.mergeProps(controlProps, () => segmentGroup_anatomy.parts.radioControl.attrs)), (() => {
-    const _el$ = _tmpl$();
-    web.spread(_el$, web.mergeProps(() => api().getRadioHiddenInputProps(context)), false, false);
-    return _el$;
-  })()];
-};
-
-exports.SegmentControl = SegmentControl;

package/segment-group/segment-control.d.ts

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

package/segment-group/segment-control.mjs

@@ -1,20 +0,0 @@
-import { createComponent, mergeProps as mergeProps$1, spread, template } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useSegmentContext } from './segment-context.mjs';
-import { useSegmentGroupContext } from './segment-group-context.mjs';
-import { parts } from './segment-group.anatomy.mjs';
-
-const _tmpl$ = /*#__PURE__*/template(`<input>`);
-const SegmentControl = props => {
-  const api = useSegmentGroupContext();
-  const context = useSegmentContext();
-  const controlProps = mergeProps(() => api().getRadioControlProps(context), props);
-  return [createComponent(ark.div, mergeProps$1(controlProps, () => parts.radioControl.attrs)), (() => {
-    const _el$ = _tmpl$();
-    spread(_el$, mergeProps$1(() => api().getRadioHiddenInputProps(context)), false, false);
-    return _el$;
-  })()];
-};
-
-export { SegmentControl };

package/segment-group/segment-group.anatomy.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const radio = require('@zag-js/radio-group');
-
-const segmentGroupAnatomy = radio.anatomy.rename("segment-group");
-const parts = segmentGroupAnatomy.build();
-
-exports.parts = parts;
-exports.segmentGroupAnatomy = segmentGroupAnatomy;

package/segment-group/segment-group.anatomy.d.ts

@@ -1,3 +0,0 @@
-import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "radio" | "root" | "indicator" | "radioLabel" | "radioControl">;
-export declare const parts: Record<"label" | "radio" | "root" | "indicator" | "radioLabel" | "radioControl", AnatomyPart>;

package/segment-group/segment-group.anatomy.mjs

@@ -1,6 +0,0 @@
-import { anatomy } from '@zag-js/radio-group';
-
-const segmentGroupAnatomy = anatomy.rename("segment-group");
-const parts = segmentGroupAnatomy.build();
-
-export { parts, segmentGroupAnatomy };

package/segment-group/segment-label.cjs

@@ -1,19 +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 segmentContext = require('./segment-context.cjs');
-const segmentGroupContext = require('./segment-group-context.cjs');
-const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
-
-const SegmentLabel = props => {
-  const api = segmentGroupContext.useSegmentGroupContext();
-  const segmentParams = segmentContext.useSegmentContext();
-  const labelProps = solid.mergeProps(() => api().getRadioLabelProps(segmentParams), props);
-  return web.createComponent(factory.ark.span, web.mergeProps(labelProps, () => segmentGroup_anatomy.parts.radioLabel.attrs));
-};
-
-exports.SegmentLabel = SegmentLabel;

package/segment-group/segment-label.d.ts

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

package/segment-group/segment-label.mjs

@@ -1,15 +0,0 @@
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useSegmentContext } from './segment-context.mjs';
-import { useSegmentGroupContext } from './segment-group-context.mjs';
-import { parts } from './segment-group.anatomy.mjs';
-
-const SegmentLabel = props => {
-  const api = useSegmentGroupContext();
-  const segmentParams = useSegmentContext();
-  const labelProps = mergeProps(() => api().getRadioLabelProps(segmentParams), props);
-  return createComponent(ark.span, mergeProps$1(labelProps, () => parts.radioLabel.attrs));
-};
-
-export { SegmentLabel };

package/segment-group/segment.cjs

@@ -1,25 +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 segmentContext = require('./segment-context.cjs');
-const segmentGroupContext = require('./segment-group-context.cjs');
-const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
-
-const Segment = props => {
-  const [contextProps, restProps] = createSplitProps.createSplitProps()(props, ['value', 'disabled', 'invalid', 'readOnly']);
-  const api = segmentGroupContext.useSegmentGroupContext();
-  const rootProps = solid.mergeProps(() => api().getRadioProps(contextProps), restProps);
-  return web.createComponent(segmentContext.SegmentProvider, {
-    value: contextProps,
-    get children() {
-      return web.createComponent(factory.ark.label, web.mergeProps(rootProps, () => segmentGroup_anatomy.parts.radio.attrs));
-    }
-  });
-};
-
-exports.Segment = Segment;

package/segment-group/segment.d.ts

@@ -1,6 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type SegmentContext } from './segment-context';
-export type SegmentProps = Assign<HTMLArkProps<'label'>, SegmentContext>;
-export declare const Segment: (props: SegmentProps) => JSX.Element;

package/segment-group/segment.mjs

@@ -1,21 +0,0 @@
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { SegmentProvider } from './segment-context.mjs';
-import { useSegmentGroupContext } from './segment-group-context.mjs';
-import { parts } from './segment-group.anatomy.mjs';
-
-const Segment = props => {
-  const [contextProps, restProps] = createSplitProps()(props, ['value', 'disabled', 'invalid', 'readOnly']);
-  const api = useSegmentGroupContext();
-  const rootProps = mergeProps(() => api().getRadioProps(contextProps), restProps);
-  return createComponent(SegmentProvider, {
-    value: contextProps,
-    get children() {
-      return createComponent(ark.label, mergeProps$1(rootProps, () => parts.radio.attrs));
-    }
-  });
-};
-
-export { Segment };

package/select/select-option-group-label.d.ts

@@ -1,9 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-type GroupLabelParams = {
-    htmlFor: string;
-};
-export type SelectOptionGroupLabelProps = Assign<HTMLArkProps<'div'>, GroupLabelParams>;
-export declare const SelectOptionGroupLabel: (props: SelectOptionGroupLabelProps) => JSX.Element;
-export {};

package/select/select-option-group.d.ts

@@ -1,9 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-type OptionGroupParams = {
-    id: string;
-};
-export type SelectOptionGroupProps = Assign<HTMLArkProps<'div'>, OptionGroupParams>;
-export declare const SelectOptionGroup: (props: SelectOptionGroupProps) => JSX.Element;
-export {};

package/select/select-option.cjs

@@ -1,22 +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 selectContext = require('./select-context.cjs');
-
-const SelectOption = props => {
-  const [optionParams, restProps] = createSplitProps.createSplitProps()(props, ['disabled', 'label', 'value', 'valueText']);
-  const api = selectContext.useSelectContext();
-  const optionProps = solid.mergeProps(() => api().getOptionProps(optionParams), restProps);
-  return web.createComponent(factory.ark.div, web.mergeProps(optionProps, {
-    get children() {
-      return restProps.children ?? optionParams.label;
-    }
-  }));
-};
-
-exports.SelectOption = SelectOption;

package/select/select-option.d.ts

@@ -1,6 +0,0 @@
-import { JSX } from 'solid-js';
-import type { OptionProps } from '@zag-js/select';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-export type SelectOptionProps = Assign<HTMLArkProps<'div'>, OptionProps>;
-export declare const SelectOption: (props: SelectOptionProps) => JSX.Element;

package/select/select-option.mjs

@@ -1,18 +0,0 @@
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { useSelectContext } from './select-context.mjs';
-
-const SelectOption = props => {
-  const [optionParams, restProps] = createSplitProps()(props, ['disabled', 'label', 'value', 'valueText']);
-  const api = useSelectContext();
-  const optionProps = mergeProps(() => api().getOptionProps(optionParams), restProps);
-  return createComponent(ark.div, mergeProps$1(optionProps, {
-    get children() {
-      return restProps.children ?? optionParams.label;
-    }
-  }));
-};
-
-export { SelectOption };

package/select/select.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as selectAnatomy } from '@zag-js/select';

package/slider/slider.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as sliderAnatomy } from '@zag-js/slider';

package/splitter/splitter.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as splitterAnatomy } from '@zag-js/splitter';

package/switch/switch.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as switchAnatomy } from '@zag-js/switch';

package/tabs/tabs.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/tags-input/tag-delete-trigger.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 tagsInputContext = require('./tags-input-context.cjs');
-
-const TagDeleteTrigger = props => {
-  const [tagParams, restProps] = createSplitProps.createSplitProps()(props, ['index', 'disabled', 'value']);
-  const api = tagsInputContext.useTagsInputContext();
-  const triggerProps = solid.mergeProps(() => api().getTagDeleteTriggerProps(tagParams), restProps);
-  return web.createComponent(factory.ark.button, triggerProps);
-};
-
-exports.TagDeleteTrigger = TagDeleteTrigger;

package/tags-input/tag-delete-trigger.d.ts

@@ -1,6 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type TagProps } from './tag';
-export type TagDeleteTriggerProps = Assign<HTMLArkProps<'button'>, TagProps>;
-export declare const TagDeleteTrigger: (props: TagDeleteTriggerProps) => JSX.Element;

package/tags-input/tag-delete-trigger.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 { useTagsInputContext } from './tags-input-context.mjs';
-
-const TagDeleteTrigger = props => {
-  const [tagParams, restProps] = createSplitProps()(props, ['index', 'disabled', 'value']);
-  const api = useTagsInputContext();
-  const triggerProps = mergeProps(() => api().getTagDeleteTriggerProps(tagParams), restProps);
-  return createComponent(ark.button, triggerProps);
-};
-
-export { TagDeleteTrigger };