@ark-ui/react 0.15.0 → 1.0.0-beta.1

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

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

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

@@ -1,28 +0,0 @@
-'use client';
-import * as rangeSlider from '@zag-js/range-slider';
-import { useMachine, normalizeProps } from '@zag-js/react';
-import { useId } from 'react';
-import '../environment/index.mjs';
-import { useEvent } from '../use-event.mjs';
-import { useEnvironmentContext } from '../environment/environment-context.mjs';
-
-const useRangeSlider = (props) => {
-  const getRootNode = useEnvironmentContext();
-  const initialContext = {
-    id: useId(),
-    getRootNode,
-    ...props,
-    value: props.defaultValue
-  };
-  const context = {
-    ...initialContext,
-    value: props.value,
-    onChange: useEvent(props.onChange, { sync: true })
-  };
-  const [state, send] = useMachine(rangeSlider.machine(initialContext), {
-    context
-  });
-  return rangeSlider.connect(state, send, normalizeProps);
-};
-
-export { useRangeSlider };

package/rating-group/rating-context.cjs

@@ -1,16 +0,0 @@
-'use client';
-'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({
-  name: "RatingContext",
-  hookName: "useRatingContext",
-  providerName: "<RatingProvider />"
-});
-
-exports.RatingProvider = RatingProvider;
-exports.useRatingContext = useRatingContext;

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

@@ -1,5 +0,0 @@
-import { Provider } from 'react';
-/// <reference types="react" />
-import { ItemState, type connect } from '@zag-js/rating-group';
-export type RatingContext = ReturnType<ReturnType<typeof connect>['getRatingState']>;
-export declare const RatingProvider: Provider<ItemState>, useRatingContext: () => ItemState;

package/rating-group/rating-context.mjs

@@ -1,11 +0,0 @@
-'use client';
-import '@zag-js/rating-group';
-import { createContext } from '../create-context.mjs';
-
-const [RatingProvider, useRatingContext] = createContext({
-  name: "RatingContext",
-  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.cjs

@@ -1,24 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const factory = require('../factory.cjs');
-const runIfFn = require('../run-if-fn.cjs');
-const ratingContext = require('./rating-context.cjs');
-const ratingGroupContext = require('./rating-group-context.cjs');
-
-const Rating = react.forwardRef((props, ref) => {
-  const { children, index, ...divProps } = props;
-  const { getRatingState, getRatingProps } = ratingGroupContext.useRatingGroupContext();
-  const ratingState = getRatingState({ index });
-  const mergedProps = react$1.mergeProps(getRatingProps({ index }), divProps);
-  const view = runIfFn.runIfFn(children, ratingState);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: /* @__PURE__ */ jsxRuntime.jsx(ratingContext.RatingProvider, { value: ratingState, children: view }) });
-});
-Rating.displayName = "Rating";
-
-exports.Rating = Rating;

package/rating-group/rating.d.ts

@@ -1,11 +0,0 @@
-import type { ItemProps } from '@zag-js/rating-group';
-import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
-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: RatingContext) => ReactNode | ReactNode;
-}>;
-export declare const Rating: ForwardRefExoticComponent<Omit<HTMLArkProps<"span">, "children" | "index"> & ItemProps & {
-    children: (state: RatingContext) => ReactNode | ReactNode;
-} & RefAttributes<HTMLSpanElement>>;

package/rating-group/rating.mjs

@@ -1,20 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { runIfFn } from '../run-if-fn.mjs';
-import { RatingProvider } from './rating-context.mjs';
-import { useRatingGroupContext } from './rating-group-context.mjs';
-
-const Rating = forwardRef((props, ref) => {
-  const { children, index, ...divProps } = props;
-  const { getRatingState, getRatingProps } = useRatingGroupContext();
-  const ratingState = getRatingState({ index });
-  const mergedProps = mergeProps(getRatingProps({ index }), divProps);
-  const view = runIfFn(children, ratingState);
-  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: /* @__PURE__ */ jsx(RatingProvider, { value: ratingState, children: view }) });
-});
-Rating.displayName = "Rating";
-
-export { Rating };

package/segment-group/segment-context.cjs

@@ -1,16 +0,0 @@
-'use client';
-'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({
-  name: "SegmentContext",
-  hookName: "useSegmentContext",
-  providerName: "<SegmentProvider />"
-});
-
-exports.SegmentProvider = SegmentProvider;
-exports.useSegmentContext = useSegmentContext;

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

@@ -1,5 +0,0 @@
-import { Provider } from 'react';
-/// <reference types="react" />
-import { RadioProps, type connect } from '@zag-js/radio-group';
-export type SegmentContext = Parameters<ReturnType<typeof connect>['getRadioProps']>[0];
-export declare const SegmentProvider: Provider<RadioProps>, useSegmentContext: () => RadioProps;

package/segment-group/segment-context.mjs

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

package/segment-group/segment-control.cjs

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-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 SegmentControl = react.forwardRef((props, ref) => {
-  const api = segmentGroupContext.useSegmentGroupContext();
-  const segmentProps = segmentContext.useSegmentContext();
-  const mergedProps = react$1.mergeProps(api.getRadioControlProps(segmentProps), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ...segmentGroup_anatomy.parts.radioControl.attrs, ref });
-});
-SegmentControl.displayName = "SegmentControl";
-
-exports.SegmentControl = SegmentControl;

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

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type SegmentControlProps = HTMLArkProps<'div'>;
-export declare const SegmentControl: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;

package/segment-group/segment-control.mjs

@@ -1,18 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-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 SegmentControl = forwardRef((props, ref) => {
-  const api = useSegmentGroupContext();
-  const segmentProps = useSegmentContext();
-  const mergedProps = mergeProps(api.getRadioControlProps(segmentProps), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ...parts.radioControl.attrs, ref });
-});
-SegmentControl.displayName = "SegmentControl";
-
-export { SegmentControl };

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-label.cjs

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-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 = react.forwardRef((props, ref) => {
-  const { getRadioLabelProps } = segmentGroupContext.useSegmentGroupContext();
-  const context = segmentContext.useSegmentContext();
-  const mergedProps = react$1.mergeProps(getRadioLabelProps(context), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ...segmentGroup_anatomy.parts.radioLabel.attrs, ref });
-});
-SegmentLabel.displayName = "SegmentLabel";
-
-exports.SegmentLabel = SegmentLabel;

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

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type SegmentLabelProps = HTMLArkProps<'span'>;
-export declare const SegmentLabel: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLSpanElement>>;

package/segment-group/segment-label.mjs

@@ -1,18 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-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 = forwardRef((props, ref) => {
-  const { getRadioLabelProps } = useSegmentGroupContext();
-  const context = useSegmentContext();
-  const mergedProps = mergeProps(getRadioLabelProps(context), props);
-  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ...parts.radioLabel.attrs, ref });
-});
-SegmentLabel.displayName = "SegmentLabel";
-
-export { SegmentLabel };

package/segment-group/segment.cjs

@@ -1,30 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-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 = react.forwardRef((props, ref) => {
-  const [segmentProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "value",
-    "disabled",
-    "invalid"
-  ]);
-  const api = segmentGroupContext.useSegmentGroupContext();
-  const mergedProps = react$1.mergeProps(api.getRadioProps(segmentProps), localProps);
-  return /* @__PURE__ */ jsxRuntime.jsxs(segmentContext.SegmentProvider, { value: segmentProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ...segmentGroup_anatomy.parts.radio.attrs, ref }),
-    /* @__PURE__ */ jsxRuntime.jsx("input", { ...api.getRadioHiddenInputProps(segmentProps) })
-  ] });
-});
-Segment.displayName = "Segment";
-
-exports.Segment = Segment;

package/segment-group/segment.d.ts

@@ -1,8 +0,0 @@
-import { RadioProps } from '@zag-js/radio-group';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-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: ForwardRefExoticComponent<Omit<HTMLArkProps<"label">, keyof RadioProps> & RadioProps & RefAttributes<HTMLLabelElement>>;

package/segment-group/segment.mjs

@@ -1,26 +0,0 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-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 = forwardRef((props, ref) => {
-  const [segmentProps, localProps] = createSplitProps()(props, [
-    "value",
-    "disabled",
-    "invalid"
-  ]);
-  const api = useSegmentGroupContext();
-  const mergedProps = mergeProps(api.getRadioProps(segmentProps), localProps);
-  return /* @__PURE__ */ jsxs(SegmentProvider, { value: segmentProps, children: [
-    /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ...parts.radio.attrs, ref }),
-    /* @__PURE__ */ jsx("input", { ...api.getRadioHiddenInputProps(segmentProps) })
-  ] });
-});
-Segment.displayName = "Segment";
-
-export { Segment };

package/select/select-value.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type SelectValueProps = HTMLArkProps<'span'>;
-export declare const SelectValue: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLSpanElement>>;

package/select/select-value.mjs

@@ -1,15 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useSelectContext } from './select-context.mjs';
-import { parts } from './select.anatomy.mjs';
-
-const SelectValue = forwardRef((props, ref) => {
-  const { children, placeholder, ...rest } = props;
-  const api = useSelectContext();
-  return /* @__PURE__ */ jsx(ark.span, { ...parts.value.attrs, ...rest, ref, children: children || api.valueAsString || placeholder });
-});
-SelectValue.displayName = "SelectValue";
-
-export { SelectValue };

package/select/select.anatomy.cjs

@@ -1,12 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const select = require('@zag-js/select');
-
-const selectAnatomy = select.anatomy.extendWith("value");
-const parts = selectAnatomy.build();
-
-exports.parts = parts;
-exports.selectAnatomy = selectAnatomy;

package/select/select.anatomy.d.ts

@@ -1,3 +0,0 @@
-import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
-export declare const selectAnatomy: AnatomyInstance<"value" | "label" | "content" | "trigger" | "positioner" | "root" | "item" | "control" | "clearTrigger" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel">;
-export declare const parts: Record<"value" | "label" | "content" | "trigger" | "positioner" | "root" | "item" | "control" | "clearTrigger" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel", AnatomyPart>;

package/select/select.anatomy.mjs

@@ -1,7 +0,0 @@
-'use client';
-import { anatomy } from '@zag-js/select';
-
-const selectAnatomy = anatomy.extendWith("value");
-const parts = selectAnatomy.build();
-
-export { parts, selectAnatomy };

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,27 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const tagsInputContext = require('./tags-input-context.cjs');
-
-const TagDeleteTrigger = react.forwardRef(
-  (props, ref) => {
-    const [tagProps, buttonProps] = createSplitProps.createSplitProps()(props, [
-      "index",
-      "disabled",
-      "value"
-    ]);
-    const { getTagDeleteTriggerProps } = tagsInputContext.useTagsInputContext();
-    const mergedProps = react$1.mergeProps(getTagDeleteTriggerProps(tagProps), buttonProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
-TagDeleteTrigger.displayName = "TagDeleteTrigger";
-
-exports.TagDeleteTrigger = TagDeleteTrigger;

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

@@ -1,12 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-import { type Assign } from '../types';
-type _TagProps = {
-    index: string | number;
-    value: string;
-    disabled?: boolean;
-};
-export type TagDeleteTriggerProps = Assign<HTMLArkProps<'button'>, _TagProps>;
-export declare const TagDeleteTrigger: ForwardRefExoticComponent<Omit<HTMLArkProps<"button">, keyof _TagProps> & _TagProps & RefAttributes<HTMLButtonElement>>;
-export {};

package/tags-input/tag-delete-trigger.mjs

@@ -1,23 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { useTagsInputContext } from './tags-input-context.mjs';
-
-const TagDeleteTrigger = forwardRef(
-  (props, ref) => {
-    const [tagProps, buttonProps] = createSplitProps()(props, [
-      "index",
-      "disabled",
-      "value"
-    ]);
-    const { getTagDeleteTriggerProps } = useTagsInputContext();
-    const mergedProps = mergeProps(getTagDeleteTriggerProps(tagProps), buttonProps);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
-TagDeleteTrigger.displayName = "TagDeleteTrigger";
-
-export { TagDeleteTrigger };

package/tags-input/tag-input.cjs

@@ -1,25 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const tagsInputContext = require('./tags-input-context.cjs');
-
-const TagInput = react.forwardRef((props, ref) => {
-  const [tagProps, inputProps] = createSplitProps.createSplitProps()(props, [
-    "index",
-    "disabled",
-    "value"
-  ]);
-  const { getTagInputProps } = tagsInputContext.useTagsInputContext();
-  const mergedProps = react$1.mergeProps(getTagInputProps(tagProps), inputProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
-});
-TagInput.displayName = "TagInput";
-
-exports.TagInput = TagInput;

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

@@ -1,12 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-import { type Assign } from '../types';
-type _TagProps = {
-    index: string | number;
-    value: string;
-    disabled?: boolean;
-};
-export type TagInputProps = Assign<HTMLArkProps<'input'>, _TagProps>;
-export declare const TagInput: ForwardRefExoticComponent<Omit<HTMLArkProps<"input">, keyof _TagProps> & _TagProps & RefAttributes<HTMLInputElement>>;
-export {};

package/tags-input/tag-input.mjs

@@ -1,21 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { useTagsInputContext } from './tags-input-context.mjs';
-
-const TagInput = forwardRef((props, ref) => {
-  const [tagProps, inputProps] = createSplitProps()(props, [
-    "index",
-    "disabled",
-    "value"
-  ]);
-  const { getTagInputProps } = useTagsInputContext();
-  const mergedProps = mergeProps(getTagInputProps(tagProps), inputProps);
-  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
-});
-TagInput.displayName = "TagInput";
-
-export { TagInput };

package/tags-input/tag.cjs

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const tagsInputContext = require('./tags-input-context.cjs');
-
-const Tag = react.forwardRef((props, ref) => {
-  const [tagProps, divProps] = createSplitProps.createSplitProps()(props, ["index", "disabled", "value"]);
-  const { getTagProps } = tagsInputContext.useTagsInputContext();
-  const mergedProps = react$1.mergeProps(getTagProps(tagProps), divProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
-Tag.displayName = "Tag";
-
-exports.Tag = Tag;

package/tags-input/tag.d.ts

@@ -1,12 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-import { type Assign } from '../types';
-type _TagProps = {
-    index: string | number;
-    value: string;
-    disabled?: boolean;
-};
-export type TagProps = Assign<HTMLArkProps<'div'>, _TagProps>;
-export declare const Tag: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, keyof _TagProps> & _TagProps & RefAttributes<HTMLDivElement>>;
-export {};

package/tags-input/tag.mjs

@@ -1,17 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { useTagsInputContext } from './tags-input-context.mjs';
-
-const Tag = forwardRef((props, ref) => {
-  const [tagProps, divProps] = createSplitProps()(props, ["index", "disabled", "value"]);
-  const { getTagProps } = useTagsInputContext();
-  const mergedProps = mergeProps(getTagProps(tagProps), divProps);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
-Tag.displayName = "Tag";
-
-export { Tag };

package/tags-input/tags-input-field.d.ts

@@ -1,7 +0,0 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export type TagsInputInputProps = HTMLArkProps<'input'>;
-export declare const TagsInputInput: ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLInputElement>>;

package/tags-input/tags-input.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';