@ark-ui/react 2.2.3 → 3.0.0-1

package/tags-input/use-tags-input.mjs

@@ -1,26 +0,0 @@
-'use client';
-import { useMachine, normalizeProps } from '@zag-js/react';
-import * as tagsInput from '@zag-js/tags-input';
-import { useId } from 'react';
-import { useEnvironmentContext } from '../environment/environment-context.mjs';
-import { useEvent } from '../use-event.mjs';
-
-const useTagsInput = (props) => {
-  const initialContext = {
-    id: useId(),
-    getRootNode: useEnvironmentContext(),
-    ...props,
-    value: props.defaultValue
-  };
-  const context = {
-    ...initialContext,
-    value: props.value,
-    onValueChange: useEvent(props.onValueChange, { sync: true }),
-    onValueInvalid: useEvent(props.onValueInvalid),
-    onHighlightChange: useEvent(props.onHighlightChange)
-  };
-  const [state, send] = useMachine(tagsInput.machine(initialContext), { context });
-  return tagsInput.connect(state, send, normalizeProps);
-};
-
-export { useTagsInput };

package/toast/create-toaster.cjs

@@ -1,61 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
-const toast = require('@zag-js/toast');
-const react$1 = require('react');
-const environmentContext = require('../environment/environment-context.cjs');
-const toastContext = require('./toast-context.cjs');
-const toastGroup = require('./toast-group.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 toast__namespace = /*#__PURE__*/_interopNamespaceDefault(toast);
-
-const createToaster = (props) => {
-  const { placement, ...rest } = props;
-  const service = toast__namespace.group.machine({ id: "1", placement, ...rest }).start();
-  let api = toast__namespace.group.connect(service.getState(), service.send, react.normalizeProps);
-  const subscribe = (fn) => {
-    return service.subscribe((state) => fn(state.context.toasts));
-  };
-  const Toaster = react$1.forwardRef((props2, ref) => {
-    const getRootNode = environmentContext.useEnvironmentContext();
-    const [state, send] = react.useActor(service);
-    api = toast__namespace.group.connect(state, send, react.normalizeProps);
-    react$1.useEffect(() => {
-      service.setContext({ getRootNode });
-      return () => void service.stop();
-    }, []);
-    const mergedProps = react.mergeProps(api.getGroupProps({ placement }), props2);
-    const toasts = api.toastsByPlacement[placement] ?? [];
-    return /* @__PURE__ */ jsxRuntime.jsx(toastGroup.ToastGroup, { ...mergedProps, ref, children: toasts.map((toast2) => /* @__PURE__ */ jsxRuntime.jsx(ToastProviderFactory, { service: toast2 }, toast2.id)) });
-  });
-  Toaster.displayName = "ToastGroup";
-  return [Toaster, Object.assign(api, { subscribe })];
-};
-const ToastProviderFactory = (props) => {
-  const [state, send] = react.useActor(props.service);
-  const api = toast__namespace.connect(state, send, react.normalizeProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(toastContext.ToastProvider, { value: api, children: state.context.render?.(api) });
-};
-
-exports.createToaster = createToaster;

package/toast/create-toaster.d.ts

@@ -1,13 +0,0 @@
-import { type PropTypes } from '@zag-js/react';
-import * as toast from '@zag-js/toast';
-import { type JSX } from 'react';
-import { type HTMLArkProps } from '../factory';
-import type { Optional } from '../types';
-type GroupContext = Partial<toast.GroupMachineContext>;
-export interface CreateToasterProps extends Omit<Optional<GroupContext, 'id'>, 'render'> {
-    placement: toast.Placement;
-    render: (api: toast.Api<PropTypes>) => JSX.Element;
-}
-export type CreateToasterReturn = [React.FC<HTMLArkProps<'ol'>>, toast.GroupApi<PropTypes>];
-export declare const createToaster: (props: CreateToasterProps) => CreateToasterReturn;
-export {};

package/toast/create-toaster.mjs

@@ -1,38 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { normalizeProps, useActor, mergeProps } from '@zag-js/react';
-import * as toast from '@zag-js/toast';
-import { forwardRef, useEffect } from 'react';
-import { useEnvironmentContext } from '../environment/environment-context.mjs';
-import { ToastProvider } from './toast-context.mjs';
-import { ToastGroup } from './toast-group.mjs';
-
-const createToaster = (props) => {
-  const { placement, ...rest } = props;
-  const service = toast.group.machine({ id: "1", placement, ...rest }).start();
-  let api = toast.group.connect(service.getState(), service.send, normalizeProps);
-  const subscribe = (fn) => {
-    return service.subscribe((state) => fn(state.context.toasts));
-  };
-  const Toaster = forwardRef((props2, ref) => {
-    const getRootNode = useEnvironmentContext();
-    const [state, send] = useActor(service);
-    api = toast.group.connect(state, send, normalizeProps);
-    useEffect(() => {
-      service.setContext({ getRootNode });
-      return () => void service.stop();
-    }, []);
-    const mergedProps = mergeProps(api.getGroupProps({ placement }), props2);
-    const toasts = api.toastsByPlacement[placement] ?? [];
-    return /* @__PURE__ */ jsx(ToastGroup, { ...mergedProps, ref, children: toasts.map((toast2) => /* @__PURE__ */ jsx(ToastProviderFactory, { service: toast2 }, toast2.id)) });
-  });
-  Toaster.displayName = "ToastGroup";
-  return [Toaster, Object.assign(api, { subscribe })];
-};
-const ToastProviderFactory = (props) => {
-  const [state, send] = useActor(props.service);
-  const api = toast.connect(state, send, normalizeProps);
-  return /* @__PURE__ */ jsx(ToastProvider, { value: api, children: state.context.render?.(api) });
-};
-
-export { createToaster };

package/toast/index.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const createToaster = require('./create-toaster.cjs');
-const toastCloseTrigger = require('./toast-close-trigger.cjs');
-const toastDescription = require('./toast-description.cjs');
-const toastGroup = require('./toast-group.cjs');
-const toastRoot = require('./toast-root.cjs');
-const toastTitle = require('./toast-title.cjs');
-const toast = require('./toast.cjs');
-
-
-
-exports.createToaster = createToaster.createToaster;
-exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;
-exports.ToastDescription = toastDescription.ToastDescription;
-exports.ToastGroup = toastGroup.ToastGroup;
-exports.ToastRoot = toastRoot.ToastRoot;
-exports.ToastTitle = toastTitle.ToastTitle;
-exports.Toast = toast;

package/toast/index.d.ts

@@ -1,9 +0,0 @@
-import { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster';
-import { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
-import { ToastDescription, type ToastDescriptionProps } from './toast-description';
-import { ToastGroup, type ToastGroupProps } from './toast-group';
-import { ToastRoot, type ToastRootProps } from './toast-root';
-import { ToastTitle, type ToastTitleProps } from './toast-title';
-export * as Toast from './toast';
-export { createToaster, ToastCloseTrigger, ToastDescription, ToastGroup, ToastRoot, ToastTitle };
-export type { CreateToasterProps, CreateToasterReturn, ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastRootProps, ToastTitleProps, };

package/toast/index.mjs

@@ -1,8 +0,0 @@
-export { createToaster } from './create-toaster.mjs';
-export { ToastCloseTrigger } from './toast-close-trigger.mjs';
-export { ToastDescription } from './toast-description.mjs';
-export { ToastGroup } from './toast-group.mjs';
-export { ToastRoot } from './toast-root.mjs';
-export { ToastTitle } from './toast-title.mjs';
-import * as toast from './toast.mjs';
-export { toast as Toast };

package/toast/toast-close-trigger.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 factory = require('../factory.cjs');
-const toastContext = require('./toast-context.cjs');
-
-const ToastCloseTrigger = react.forwardRef(
-  (props, ref) => {
-    const api = toastContext.useToastContext();
-    const mergedProps = react$1.mergeProps(api.closeTriggerProps, props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
-ToastCloseTrigger.displayName = "ToastCloseTrigger";
-
-exports.ToastCloseTrigger = ToastCloseTrigger;

package/toast/toast-close-trigger.d.ts

@@ -1,6 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export interface ToastCloseTriggerProps extends HTMLArkProps<'button'> {
-}
-export declare const ToastCloseTrigger: ForwardRefExoticComponent<ToastCloseTriggerProps & RefAttributes<HTMLButtonElement>>;

package/toast/toast-close-trigger.mjs

@@ -1,17 +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 { useToastContext } from './toast-context.mjs';
-
-const ToastCloseTrigger = forwardRef(
-  (props, ref) => {
-    const api = useToastContext();
-    const mergedProps = mergeProps(api.closeTriggerProps, props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
-ToastCloseTrigger.displayName = "ToastCloseTrigger";
-
-export { ToastCloseTrigger };

package/toast/toast-context.cjs

@@ -1,16 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-require('@zag-js/toast');
-const createContext = require('../create-context.cjs');
-
-const [ToastProvider, useToastContext] = createContext.createContext({
-  name: "ToastContext",
-  hookName: "useToastContext",
-  providerName: "<ToastProvider />"
-});
-
-exports.ToastProvider = ToastProvider;
-exports.useToastContext = useToastContext;

package/toast/toast-context.d.ts

@@ -1,7 +0,0 @@
-import { Provider } from 'react';
-/// <reference types="react" />
-import type { PropTypes } from '@zag-js/react';
-import * as toast from '@zag-js/toast';
-export interface ToastContext extends toast.Api<PropTypes> {
-}
-export declare const ToastProvider: Provider<ToastContext>, useToastContext: () => ToastContext;

package/toast/toast-context.mjs

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

package/toast/toast-description.cjs

@@ -1,19 +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 toastContext = require('./toast-context.cjs');
-
-const ToastDescription = react.forwardRef((props, ref) => {
-  const api = toastContext.useToastContext();
-  const mergedProps = react$1.mergeProps(api.descriptionProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
-ToastDescription.displayName = "ToastDescription";
-
-exports.ToastDescription = ToastDescription;

package/toast/toast-description.d.ts

@@ -1,6 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export interface ToastDescriptionProps extends HTMLArkProps<'div'> {
-}
-export declare const ToastDescription: ForwardRefExoticComponent<ToastDescriptionProps & RefAttributes<HTMLDivElement>>;

package/toast/toast-description.mjs

@@ -1,15 +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 { useToastContext } from './toast-context.mjs';
-
-const ToastDescription = forwardRef((props, ref) => {
-  const api = useToastContext();
-  const mergedProps = mergeProps(api.descriptionProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
-ToastDescription.displayName = "ToastDescription";
-
-export { ToastDescription };

package/toast/toast-group.cjs

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const react = require('react');
-const factory = require('../factory.cjs');
-
-const ToastGroup = react.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.ol, { ...props, ref });
-});
-ToastGroup.displayName = "ToastGroup";
-
-exports.ToastGroup = ToastGroup;

package/toast/toast-group.d.ts

@@ -1,6 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export interface ToastGroupProps extends HTMLArkProps<'ol'> {
-}
-export declare const ToastGroup: ForwardRefExoticComponent<ToastGroupProps & RefAttributes<HTMLOListElement>>;

package/toast/toast-group.mjs

@@ -1,11 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-
-const ToastGroup = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(ark.ol, { ...props, ref });
-});
-ToastGroup.displayName = "ToastGroup";
-
-export { ToastGroup };

package/toast/toast-root.cjs

@@ -1,19 +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 toastContext = require('./toast-context.cjs');
-
-const ToastRoot = react.forwardRef((props, ref) => {
-  const api = toastContext.useToastContext();
-  const mergedProps = react$1.mergeProps(api.rootProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref });
-});
-ToastRoot.displayName = "ToastRoot";
-
-exports.ToastRoot = ToastRoot;

package/toast/toast-root.d.ts

@@ -1,6 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export interface ToastRootProps extends HTMLArkProps<'li'> {
-}
-export declare const ToastRoot: ForwardRefExoticComponent<ToastRootProps & RefAttributes<HTMLLIElement>>;

package/toast/toast-root.mjs

@@ -1,15 +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 { useToastContext } from './toast-context.mjs';
-
-const ToastRoot = forwardRef((props, ref) => {
-  const api = useToastContext();
-  const mergedProps = mergeProps(api.rootProps, props);
-  return /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref });
-});
-ToastRoot.displayName = "ToastRoot";
-
-export { ToastRoot };

package/toast/toast-title.cjs

@@ -1,19 +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 toastContext = require('./toast-context.cjs');
-
-const ToastTitle = react.forwardRef((props, ref) => {
-  const api = toastContext.useToastContext();
-  const mergedProps = react$1.mergeProps(api.titleProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
-ToastTitle.displayName = "ToastTitle";
-
-exports.ToastTitle = ToastTitle;

package/toast/toast-title.d.ts

@@ -1,6 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export interface ToastTitleProps extends HTMLArkProps<'div'> {
-}
-export declare const ToastTitle: ForwardRefExoticComponent<ToastTitleProps & RefAttributes<HTMLDivElement>>;

package/toast/toast-title.mjs

@@ -1,15 +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 { useToastContext } from './toast-context.mjs';
-
-const ToastTitle = forwardRef((props, ref) => {
-  const api = useToastContext();
-  const mergedProps = mergeProps(api.titleProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
-ToastTitle.displayName = "ToastTitle";
-
-export { ToastTitle };

package/toast/toast.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const toastCloseTrigger = require('./toast-close-trigger.cjs');
-const toastDescription = require('./toast-description.cjs');
-const toastGroup = require('./toast-group.cjs');
-const toastRoot = require('./toast-root.cjs');
-const toastTitle = require('./toast-title.cjs');
-
-
-
-exports.CloseTrigger = toastCloseTrigger.ToastCloseTrigger;
-exports.Description = toastDescription.ToastDescription;
-exports.Group = toastGroup.ToastGroup;
-exports.Root = toastRoot.ToastRoot;
-exports.Title = toastTitle.ToastTitle;

package/toast/toast.d.ts

@@ -1,6 +0,0 @@
-import { ToastCloseTrigger as CloseTrigger } from './toast-close-trigger';
-import { ToastDescription as Description } from './toast-description';
-import { ToastGroup as Group } from './toast-group';
-import { ToastRoot as Root } from './toast-root';
-import { ToastTitle as Title } from './toast-title';
-export { CloseTrigger, Description, Group, Root, Title };

package/toast/toast.mjs

@@ -1,5 +0,0 @@
-export { ToastCloseTrigger as CloseTrigger } from './toast-close-trigger.mjs';
-export { ToastDescription as Description } from './toast-description.mjs';
-export { ToastGroup as Group } from './toast-group.mjs';
-export { ToastRoot as Root } from './toast-root.mjs';
-export { ToastTitle as Title } from './toast-title.mjs';

package/toggle-group/index.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const toggleGroupContext = require('./toggle-group-context.cjs');
-const toggleGroupItem = require('./toggle-group-item.cjs');
-const toggleGroupRoot = require('./toggle-group-root.cjs');
-const toggleGroup = require('./toggle-group.cjs');
-
-
-
-exports.useToggleGroupContext = toggleGroupContext.useToggleGroupContext;
-exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;
-exports.ToggleGroupRoot = toggleGroupRoot.ToggleGroupRoot;
-exports.ToggleGroup = toggleGroup;

package/toggle-group/index.d.ts

@@ -1,7 +0,0 @@
-import type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group';
-import { useToggleGroupContext, type ToggleGroupContext } from './toggle-group-context';
-import { ToggleGroupItem, type ToggleGroupItemProps } from './toggle-group-item';
-import { ToggleGroupRoot, type ToggleGroupRootProps } from './toggle-group-root';
-export * as ToggleGroup from './toggle-group';
-export { ToggleGroupItem, ToggleGroupRoot, useToggleGroupContext };
-export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupRootProps, ToggleGroupValueChangeDetails, };

package/toggle-group/index.mjs

@@ -1,5 +0,0 @@
-export { useToggleGroupContext } from './toggle-group-context.mjs';
-export { ToggleGroupItem } from './toggle-group-item.mjs';
-export { ToggleGroupRoot } from './toggle-group-root.mjs';
-import * as toggleGroup from './toggle-group.mjs';
-export { toggleGroup as ToggleGroup };

package/toggle-group/toggle-group-context.cjs

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

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

@@ -1,6 +0,0 @@
-import { Provider } from 'react';
-/// <reference types="react" />
-import { type UseToggleGroupReturn } from './use-toggle-group';
-export interface ToggleGroupContext extends UseToggleGroupReturn {
-}
-export declare const ToggleGroupProvider: Provider<ToggleGroupContext>, useToggleGroupContext: () => ToggleGroupContext;

package/toggle-group/toggle-group-context.mjs

@@ -1,10 +0,0 @@
-'use client';
-import { createContext } from '../create-context.mjs';
-
-const [ToggleGroupProvider, useToggleGroupContext] = createContext({
-  name: "ToggleGroupContext",
-  hookName: "useToggleGroupContext",
-  providerName: "<ToggleGroupProvider />"
-});
-
-export { ToggleGroupProvider, useToggleGroupContext };

package/toggle-group/toggle-group-item.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 toggleGroupContext = require('./toggle-group-context.cjs');
-
-const ToggleGroupItem = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["value", "disabled"]);
-  const api = toggleGroupContext.useToggleGroupContext();
-  const mergedProps = react$1.mergeProps(api.getItemProps(itemProps), localProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
-ToggleGroupItem.displayName = "ToggleGroupItem";
-
-exports.ToggleGroupItem = ToggleGroupItem;

package/toggle-group/toggle-group-item.d.ts

@@ -1,8 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import type { ItemProps } from '@zag-js/toggle-group';
-import { type HTMLArkProps } from '../factory';
-import { type Assign } from '../types';
-export interface ToggleGroupItemProps extends Assign<HTMLArkProps<'button'>, ItemProps> {
-}
-export declare const ToggleGroupItem: ForwardRefExoticComponent<ToggleGroupItemProps & RefAttributes<HTMLButtonElement>>;

package/toggle-group/toggle-group-item.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 { useToggleGroupContext } from './toggle-group-context.mjs';
-
-const ToggleGroupItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled"]);
-  const api = useToggleGroupContext();
-  const mergedProps = mergeProps(api.getItemProps(itemProps), localProps);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
-ToggleGroupItem.displayName = "ToggleGroupItem";
-
-export { ToggleGroupItem };

package/toggle-group/toggle-group-root.cjs

@@ -1,35 +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 toggleGroupContext = require('./toggle-group-context.cjs');
-const useToggleGroup = require('./use-toggle-group.cjs');
-
-const ToggleGroupRoot = react.forwardRef((props, ref) => {
-  const [toggleGroup, localProps] = createSplitProps.createSplitProps()(props, [
-    "defaultValue",
-    "dir",
-    "disabled",
-    "getRootNode",
-    "id",
-    "ids",
-    "loop",
-    "multiple",
-    "onValueChange",
-    "orientation",
-    "rovingFocus",
-    "value"
-  ]);
-  const api = useToggleGroup.useToggleGroup(toggleGroup);
-  const mergedProps = react$1.mergeProps(api.rootProps, localProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(toggleGroupContext.ToggleGroupProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
-});
-ToggleGroupRoot.displayName = "ToggleGroupRoot";
-
-exports.ToggleGroupRoot = ToggleGroupRoot;