@ark-ui/solid 0.9.0 → 0.10.0

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

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

package/toast/index.cjs

@@ -12,9 +12,17 @@ const toastProvider = require('./toast-provider.cjs');
 const toastTitle = require('./toast-title.cjs');
 const toast$1 = require('@zag-js/toast');
 
+const Toast = Object.assign(toast.Toast, {
+  Provider: toastProvider.ToastProvider,
+  Title: toastTitle.ToastTitle,
+  Root: toast.Toast,
+  Description: toastDescription.ToastDescription,
+  CloseTrigger: toastCloseTrigger.ToastCloseTrigger,
+  Placements: toastPlacements.ToastPlacements,
+  Group: toastGroup.ToastGroup
+});
 
-
-exports.Toast = toast.Toast;
+exports.ToastRoot = toast.Toast;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;
 exports.ToastDescription = toastDescription.ToastDescription;
 exports.ToastGroup = toastGroup.ToastGroup;
@@ -24,6 +32,7 @@ exports.ToastProvider = toastProvider.ToastProvider;
 exports.useToast = toastProvider.useToast;
 exports.ToastTitle = toastTitle.ToastTitle;
 Object.defineProperty(exports, 'toastAnatomy', {
-	enumerable: true,
-	get: () => toast$1.anatomy
+  enumerable: true,
+  get: () => toast$1.anatomy
 });
+exports.Toast = Toast;

package/toast/index.d.ts

@@ -1,9 +1,21 @@
-export { Toast, type ToastProps } from './toast';
-export { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
-export { ToastDescription, type ToastDescriptionProps } from './toast-description';
-export { ToastGroup, type ToastGroupProps } from './toast-group';
-export { useToastItemContext } from './toast-item-context';
-export { ToastPlacements, type ToastPlacementsProps } from './toast-placements';
-export { ToastProvider, useToast, type ToastProviderProps } from './toast-provider';
-export { ToastTitle, type ToastTitleProps } from './toast-title';
-export { toastAnatomy } from './toast.anatomy';
+import { JSX } from 'solid-js';
+import { Toast as ToastRoot, type ToastProps } from './toast';
+import { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
+import { ToastDescription, type ToastDescriptionProps } from './toast-description';
+import { ToastGroup, type ToastGroupProps } from './toast-group';
+import { useToastItemContext } from './toast-item-context';
+import { ToastPlacements, type ToastPlacementsProps } from './toast-placements';
+import { ToastProvider, useToast, type ToastProviderProps } from './toast-provider';
+import { ToastTitle, type ToastTitleProps } from './toast-title';
+import { toastAnatomy } from './toast.anatomy';
+declare const Toast: ((props: ToastProps) => JSX.Element) & {
+    Provider: (props: ToastProviderProps) => JSX.Element;
+    Title: (props: ToastTitleProps) => JSX.Element;
+    Root: (props: ToastProps) => JSX.Element;
+    Description: (props: ToastDescriptionProps) => JSX.Element;
+    CloseTrigger: (props: ToastCloseTriggerProps) => JSX.Element;
+    Placements: (props: ToastPlacementsProps) => JSX.Element;
+    Group: (props: ToastGroupProps) => JSX.Element;
+};
+export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, ToastRoot, ToastTitle, toastAnatomy, useToast, useToastItemContext, };
+export type { ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastPlacementsProps, ToastProps, ToastProviderProps, ToastTitleProps, };

package/toast/index.mjs

@@ -1,9 +1,22 @@
-export { Toast } from './toast.mjs';
-export { ToastCloseTrigger } from './toast-close-trigger.mjs';
-export { ToastDescription } from './toast-description.mjs';
-export { ToastGroup } from './toast-group.mjs';
+import { Toast as Toast$1 } from './toast.mjs';
+import { ToastCloseTrigger } from './toast-close-trigger.mjs';
+import { ToastDescription } from './toast-description.mjs';
+import { ToastGroup } from './toast-group.mjs';
 export { useToastItemContext } from './toast-item-context.mjs';
-export { ToastPlacements } from './toast-placements.mjs';
-export { ToastProvider, useToast } from './toast-provider.mjs';
-export { ToastTitle } from './toast-title.mjs';
+import { ToastPlacements } from './toast-placements.mjs';
+import { ToastProvider } from './toast-provider.mjs';
+export { useToast } from './toast-provider.mjs';
+import { ToastTitle } from './toast-title.mjs';
 export { anatomy as toastAnatomy } from '@zag-js/toast';
+
+const Toast = Object.assign(Toast$1, {
+  Provider: ToastProvider,
+  Title: ToastTitle,
+  Root: Toast$1,
+  Description: ToastDescription,
+  CloseTrigger: ToastCloseTrigger,
+  Placements: ToastPlacements,
+  Group: ToastGroup
+});
+
+export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, Toast$1 as ToastRoot, ToastTitle };

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

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

package/toast/toast-description.d.ts

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

package/toast/toast-item-context.d.ts

@@ -1,7 +1,4 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { PublicApi } from '@zag-js/toast';
-import type { Accessor } from 'solid-js';
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { ContextProviderComponent } from 'solid-js';
 import { type UseToastItemReturn } from './use-toast-item';
 export type ToastItemContext = UseToastItemReturn;
-export declare const ToastItemProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useToastItemContext: () => Accessor<PublicApi<PropTypes>>;
+export declare const ToastItemProvider: ContextProviderComponent<UseToastItemReturn>, useToastItemContext: () => UseToastItemReturn;

package/toast/toast-placements.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const web = require('solid-js/web');
 const solidJs = require('solid-js');
 const runIfFn = require('../run-if-fn.cjs');
 const toastProvider = require('./toast-provider.cjs');
@@ -10,7 +11,7 @@ const ToastPlacements = props => {
   const toast = toastProvider.useToast();
   const placements = solidJs.createMemo(() => Object.keys(toast().toastsByPlacement));
   const getChildren = () => runIfFn.runIfFn(props.children, placements);
-  return getChildren();
+  return web.memo(getChildren);
 };
 
 exports.ToastPlacements = ToastPlacements;

package/toast/toast-placements.mjs

@@ -1,3 +1,4 @@
+import { memo } from 'solid-js/web';
 import { createMemo } from 'solid-js';
 import { runIfFn } from '../run-if-fn.mjs';
 import { useToast } from './toast-provider.mjs';
@@ -6,7 +7,7 @@ const ToastPlacements = props => {
   const toast = useToast();
   const placements = createMemo(() => Object.keys(toast().toastsByPlacement));
   const getChildren = () => runIfFn(props.children, placements);
-  return getChildren();
+  return memo(getChildren);
 };
 
 export { ToastPlacements };

package/toast/toast-provider.cjs

@@ -8,6 +8,7 @@ const toast = require('@zag-js/toast');
 const solidJs = require('solid-js');
 const createContext = require('../create-context.cjs');
 const createSplitProps = require('../create-split-props.cjs');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/toast/toast-provider.d.ts

@@ -1,6 +1,5 @@
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import * as toast from '@zag-js/toast';
-import { type JSX } from 'solid-js';
+import { ContextProviderComponent, type JSX } from 'solid-js';
 import { type Optional } from '../types';
 type GroupPublicContext = Parameters<(typeof toast)['group']['machine']>[0];
 type ToastProviderParams = {

package/toast/toast-provider.mjs

@@ -4,6 +4,7 @@ import * as toast from '@zag-js/toast';
 import { mergeProps, createUniqueId, createMemo } from 'solid-js';
 import { createContext } from '../create-context.mjs';
 import { createSplitProps } from '../create-split-props.mjs';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const [ToastContextProvider, useToast] = createContext();

package/toast/toast-title.d.ts

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

package/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UseToastItemProps } from './use-toast-item';

package/toast/toast.stories.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+import { Toast, type ToastProviderProps } from '.';
+type ToastType = typeof Toast;
+declare const meta: Meta<ToastType>;
+export default meta;
+export declare const AppToastProvider: (props: ToastProviderProps) => JSX.Element;
+export declare const App: () => JSX.Element;
+export declare const SimpleToast: () => JSX.Element;
+export declare const ConfigureToast: () => JSX.Element;
+export declare const CustomRenderToast: () => JSX.Element;
+export declare const DefaultOptions: () => JSX.Element;

package/toast/use-toast-item.d.ts

@@ -1,8 +1,8 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { Accessor } from 'solid-js';
+import { type PropTypes } from '@zag-js/solid';
 import * as toast from '@zag-js/toast';
+import { type Accessor } from 'solid-js';
 export type UseToastItemProps = {
     toast: toast.Service;
 };
-export type UseToastItemReturn = ReturnType<typeof useToastItem>;
-export declare const useToastItem: (props: UseToastItemProps) => Accessor<toast.PublicApi<PropTypes>>;
+export type UseToastItemReturn = Accessor<toast.Api<PropTypes>>;
+export declare const useToastItem: (props: UseToastItemProps) => UseToastItemReturn;

package/tooltip/index.cjs

@@ -2,18 +2,24 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const tooltip = require('./tooltip.cjs');
+const tooltip$1 = require('./tooltip.cjs');
 const tooltipArrow = require('./tooltip-arrow.cjs');
 const tooltipArrowTip = require('./tooltip-arrow-tip.cjs');
 const tooltipContent = require('./tooltip-content.cjs');
 const tooltipContext = require('./tooltip-context.cjs');
 const tooltipPositioner = require('./tooltip-positioner.cjs');
 const tooltipTrigger = require('./tooltip-trigger.cjs');
-const pagination = require('@zag-js/pagination');
-
+const tooltip = require('@zag-js/tooltip');
 
+const Tooltip = Object.assign(tooltip$1.Tooltip, {
+  Root: tooltip$1.Tooltip,
+  Arrow: tooltipArrow.TooltipArrow,
+  ArrowTip: tooltipArrowTip.TooltipArrowTip,
+  Content: tooltipContent.TooltipContent,
+  Positioner: tooltipPositioner.TooltipPositioner,
+  Trigger: tooltipTrigger.TooltipTrigger
+});
 
-exports.Tooltip = tooltip.Tooltip;
 exports.TooltipArrow = tooltipArrow.TooltipArrow;
 exports.TooltipArrowTip = tooltipArrowTip.TooltipArrowTip;
 exports.TooltipContent = tooltipContent.TooltipContent;
@@ -21,6 +27,7 @@ exports.useTooltipContext = tooltipContext.useTooltipContext;
 exports.TooltipPositioner = tooltipPositioner.TooltipPositioner;
 exports.TooltipTrigger = tooltipTrigger.TooltipTrigger;
 Object.defineProperty(exports, 'tooltipAnatomy', {
-	enumerable: true,
-	get: () => pagination.anatomy
+  enumerable: true,
+  get: () => tooltip.anatomy
 });
+exports.Tooltip = Tooltip;

package/tooltip/index.d.ts

@@ -1,8 +1,19 @@
-export { Tooltip, type TooltipProps } from './tooltip';
-export { tooltipAnatomy } from './tooltip-anatomy';
-export { TooltipArrow, type TooltipArrowProps } from './tooltip-arrow';
-export { TooltipArrowTip, type TooltipArrowTipProps } from './tooltip-arrow-tip';
-export { TooltipContent, type TooltipContentProps } from './tooltip-content';
-export { useTooltipContext } from './tooltip-context';
-export { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
-export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
+import { JSX } from 'solid-js';
+import { type TooltipProps } from './tooltip';
+import { tooltipAnatomy } from './tooltip-anatomy';
+import { TooltipArrow, type TooltipArrowProps } from './tooltip-arrow';
+import { TooltipArrowTip, type TooltipArrowTipProps } from './tooltip-arrow-tip';
+import { TooltipContent, type TooltipContentProps } from './tooltip-content';
+import { useTooltipContext } from './tooltip-context';
+import { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
+import { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
+declare const Tooltip: ((props: TooltipProps) => JSX.Element) & {
+    Root: (props: TooltipProps) => JSX.Element;
+    Arrow: (props: TooltipArrowProps) => JSX.Element;
+    ArrowTip: (props: TooltipArrowTipProps) => JSX.Element;
+    Content: (props: TooltipContentProps) => JSX.Element;
+    Positioner: (props: TooltipPositionerProps) => JSX.Element;
+    Trigger: (props: TooltipTriggerProps) => JSX.Element;
+};
+export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipTrigger, tooltipAnatomy, useTooltipContext, };
+export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, };

package/tooltip/index.mjs

@@ -1,8 +1,19 @@
-export { Tooltip } from './tooltip.mjs';
-export { TooltipArrow } from './tooltip-arrow.mjs';
-export { TooltipArrowTip } from './tooltip-arrow-tip.mjs';
-export { TooltipContent } from './tooltip-content.mjs';
+import { Tooltip as Tooltip$1 } from './tooltip.mjs';
+import { TooltipArrow } from './tooltip-arrow.mjs';
+import { TooltipArrowTip } from './tooltip-arrow-tip.mjs';
+import { TooltipContent } from './tooltip-content.mjs';
 export { useTooltipContext } from './tooltip-context.mjs';
-export { TooltipPositioner } from './tooltip-positioner.mjs';
-export { TooltipTrigger } from './tooltip-trigger.mjs';
-export { anatomy as tooltipAnatomy } from '@zag-js/pagination';
+import { TooltipPositioner } from './tooltip-positioner.mjs';
+import { TooltipTrigger } from './tooltip-trigger.mjs';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+
+const Tooltip = Object.assign(Tooltip$1, {
+  Root: Tooltip$1,
+  Arrow: TooltipArrow,
+  ArrowTip: TooltipArrowTip,
+  Content: TooltipContent,
+  Positioner: TooltipPositioner,
+  Trigger: TooltipTrigger
+});
+
+export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipTrigger };

package/tooltip/tooltip-anatomy.d.ts

@@ -1 +1 @@
-export { anatomy as tooltipAnatomy } from '@zag-js/pagination';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';

package/tooltip/tooltip-arrow-tip.d.ts

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

package/tooltip/tooltip-arrow.d.ts

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

package/tooltip/tooltip-content.d.ts

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

package/tooltip/tooltip-context.d.ts

@@ -1,7 +1,4 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { PublicApi } from '@zag-js/tooltip';
-import type { Accessor } from 'solid-js';
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { ContextProviderComponent } from 'solid-js';
 import { type UseTooltipReturn } from './use-tooltip';
 export type TooltipContext = UseTooltipReturn;
-export declare const TooltipProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useTooltipContext: () => Accessor<PublicApi<PropTypes>>;
+export declare const TooltipProvider: ContextProviderComponent<UseTooltipReturn>, useTooltipContext: () => UseTooltipReturn;

package/tooltip/tooltip-positioner.d.ts

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

package/tooltip/tooltip-trigger.d.ts

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

package/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+import { Tooltip } from './';
+type TooltipType = typeof Tooltip;
+declare const meta: Meta<TooltipType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Controlled: () => JSX.Element;
+export declare const Arrow: () => JSX.Element;
+export declare const Timings: () => JSX.Element;
+export declare const Positioning: () => JSX.Element;

package/tooltip/tooltip.test.d.ts

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

package/tooltip/use-tooltip.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const solid = require('@zag-js/solid');
 const tooltip = require('@zag-js/tooltip');
 const solidJs = require('solid-js');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/tooltip/use-tooltip.d.ts

@@ -1,7 +1,7 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { Accessor } from 'solid-js';
+import { type PropTypes } from '@zag-js/solid';
 import * as tooltip from '@zag-js/tooltip';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UseTooltipProps = Optional<tooltip.Context, 'id'>;
-export type UseTooltipReturn = ReturnType<typeof useTooltip>;
-export declare const useTooltip: (props: UseTooltipProps) => Accessor<tooltip.PublicApi<PropTypes>>;
+export type UseTooltipReturn = Accessor<tooltip.Api<PropTypes>>;
+export declare const useTooltip: (props: UseTooltipProps) => UseTooltipReturn;

package/tooltip/use-tooltip.mjs

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

package/types.d.ts

@@ -1,7 +1,4 @@
-type Pretty<T> = T extends infer U ? {
-    [K in keyof U]: U[K];
-} : never;
 type DistributiveOmit<T, K extends keyof any> = T extends any ? Omit<T, K> : never;
-export type Assign<T, U> = Pretty<DistributiveOmit<T, keyof U> & U>;
-export type Optional<T, K extends keyof T> = Pretty<Pick<Partial<T>, K> & Omit<T, K>>;
+export type Assign<T, U> = DistributiveOmit<T, keyof U> & U;
+export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
 export {};

package/checkbox/checkbox-input.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 checkboxContext = require('./checkbox-context.cjs');
-
-const CheckboxInput = props => {
-  const checkbox = checkboxContext.useCheckboxContext();
-  const inputProps = solid.mergeProps(() => checkbox().inputProps, props);
-  return web.createComponent(factory.ark.input, inputProps);
-};
-
-exports.CheckboxInput = CheckboxInput;

package/checkbox/checkbox-input.d.ts

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

package/checkbox/checkbox-input.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useCheckboxContext } from './checkbox-context.mjs';
-
-const CheckboxInput = props => {
-  const checkbox = useCheckboxContext();
-  const inputProps = mergeProps(() => checkbox().inputProps, props);
-  return createComponent(ark.input, inputProps);
-};
-
-export { CheckboxInput };

package/radio-group/radio-input.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 factory = require('../factory.cjs');
-const radioContext = require('./radio-context.cjs');
-const radioGroupContext = require('./radio-group-context.cjs');
-
-const RadioInput = props => {
-  const api = radioGroupContext.useRadioGroupContext();
-  const radioParams = radioContext.useRadioContext();
-  const inputProps = solid.mergeProps(() => api().getRadioInputProps(radioParams), props);
-  return web.createComponent(factory.ark.input, inputProps);
-};
-
-exports.RadioInput = RadioInput;

package/radio-group/radio-input.d.ts

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

package/radio-group/radio-input.mjs

@@ -1,14 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useRadioContext } from './radio-context.mjs';
-import { useRadioGroupContext } from './radio-group-context.mjs';
-
-const RadioInput = props => {
-  const api = useRadioGroupContext();
-  const radioParams = useRadioContext();
-  const inputProps = mergeProps(() => api().getRadioInputProps(radioParams), props);
-  return createComponent(ark.input, inputProps);
-};
-
-export { RadioInput };

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

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

package/segment-group/segment-input.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 SegmentInput = props => {
-  const api = segmentGroupContext.useSegmentGroupContext();
-  const segmentParams = segmentContext.useSegmentContext();
-  const inputProps = solid.mergeProps(() => api().getRadioInputProps(segmentParams), props);
-  return web.createComponent(factory.ark.input, web.mergeProps(inputProps, () => segmentGroup_anatomy.parts.radioInput.attrs));
-};
-
-exports.SegmentInput = SegmentInput;

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

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

package/segment-group/segment-input.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 SegmentInput = props => {
-  const api = useSegmentGroupContext();
-  const segmentParams = useSegmentContext();
-  const inputProps = mergeProps(() => api().getRadioInputProps(segmentParams), props);
-  return createComponent(ark.input, mergeProps$1(inputProps, () => parts.radioInput.attrs));
-};
-
-export { SegmentInput };

package/switch/switch-input.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 switchContext = require('./switch-context.cjs');
-
-const SwitchInput = props => {
-  const checkbox = switchContext.useSwitchContext();
-  const inputProps = solid.mergeProps(() => checkbox().inputProps, props);
-  return web.createComponent(factory.ark.input, inputProps);
-};
-
-exports.SwitchInput = SwitchInput;

package/switch/switch-input.d.ts

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

package/switch/switch-input.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useSwitchContext } from './switch-context.mjs';
-
-const SwitchInput = props => {
-  const checkbox = useSwitchContext();
-  const inputProps = mergeProps(() => checkbox().inputProps, props);
-  return createComponent(ark.input, inputProps);
-};
-
-export { SwitchInput };