@ark-ui/solid 0.7.2-beta.5 → 0.8.1

package/rating-group/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const rating = require('./rating.cjs');
+const ratingGroup = require('./rating-group.cjs');
+const ratingGroupControl = require('./rating-group-control.cjs');
+const ratingGroupLabel = require('./rating-group-label.cjs');
+const rating$1 = require('@zag-js/rating-group');
+
+
+
+exports.Rating = rating.Rating;
+exports.RatingGroup = ratingGroup.RatingGroup;
+exports.RatingGroupControl = ratingGroupControl.RatingGroupControl;
+exports.RatingGroupLabel = ratingGroupLabel.RatingGroupLabel;
+Object.defineProperty(exports, 'ratingGroupAnatomy', {
+	enumerable: true,
+	get: () => rating$1.anatomy
+});

package/rating-group/index.mjs

@@ -0,0 +1,5 @@
+export { Rating } from './rating.mjs';
+export { RatingGroup } from './rating-group.mjs';
+export { RatingGroupControl } from './rating-group-control.mjs';
+export { RatingGroupLabel } from './rating-group-label.mjs';
+export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';

package/rating-group/rating-context.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+require('@zag-js/rating-group');
 const createContext = require('../create-context.cjs');
 
 const [RatingProvider, useRatingContext] = createContext.createContext({

package/rating-group/rating-context.mjs

@@ -1,3 +1,4 @@
+import '@zag-js/rating-group';
 import { createContext } from '../create-context.mjs';
 
 const [RatingProvider, useRatingContext] = createContext({

package/segment-group/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const segment = require('./segment.cjs');
+const segmentControl = require('./segment-control.cjs');
+const segmentGroup = require('./segment-group.cjs');
+const segmentGroupLabel = require('./segment-group-label.cjs');
+const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
+const segmentIndicator = require('./segment-indicator.cjs');
+const segmentInput = require('./segment-input.cjs');
+const segmentLabel = require('./segment-label.cjs');
+
+
+
+exports.Segment = segment.Segment;
+exports.SegmentControl = segmentControl.SegmentControl;
+exports.SegmentGroup = segmentGroup.SegmentGroup;
+exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
+exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
+exports.SegmentIndicator = segmentIndicator.SegmentIndicator;
+exports.SegmentInput = segmentInput.SegmentInput;
+exports.SegmentLabel = segmentLabel.SegmentLabel;

package/segment-group/index.mjs

@@ -0,0 +1,8 @@
+export { Segment } from './segment.mjs';
+export { SegmentControl } from './segment-control.mjs';
+export { SegmentGroup } from './segment-group.mjs';
+export { SegmentGroupLabel } from './segment-group-label.mjs';
+export { segmentGroupAnatomy } from './segment-group.anatomy.mjs';
+export { SegmentIndicator } from './segment-indicator.mjs';
+export { SegmentInput } from './segment-input.mjs';
+export { SegmentLabel } from './segment-label.mjs';

package/segment-group/segment-context.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+require('@zag-js/radio-group');
 const createContext = require('../create-context.cjs');
 
 const [SegmentProvider, useSegmentContext] = createContext.createContext({

package/segment-group/segment-context.mjs

@@ -1,3 +1,4 @@
+import '@zag-js/radio-group';
 import { createContext } from '../create-context.mjs';
 
 const [SegmentProvider, useSegmentContext] = createContext({

package/select/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const select = require('./select.cjs');
+const selectContent = require('./select-content.cjs');
+const selectLabel = require('./select-label.cjs');
+const selectOption = require('./select-option.cjs');
+const selectOptionGroup = require('./select-option-group.cjs');
+const selectOptionGroupLabel = require('./select-option-group-label.cjs');
+const selectPositioner = require('./select-positioner.cjs');
+const selectTrigger = require('./select-trigger.cjs');
+const select$1 = require('@zag-js/select');
+
+
+
+exports.Select = select.Select;
+exports.SelectContent = selectContent.SelectContent;
+exports.SelectLabel = selectLabel.SelectLabel;
+exports.SelectOption = selectOption.SelectOption;
+exports.SelectOptionGroup = selectOptionGroup.SelectOptionGroup;
+exports.SelectOptionGroupLabel = selectOptionGroupLabel.SelectOptionGroupLabel;
+exports.SelectPositioner = selectPositioner.SelectPositioner;
+exports.SelectTrigger = selectTrigger.SelectTrigger;
+Object.defineProperty(exports, 'selectAnatomy', {
+  enumerable: true,
+  get: () => select$1.anatomy
+});

package/select/index.mjs

@@ -0,0 +1,9 @@
+export { Select } from './select.mjs';
+export { SelectContent } from './select-content.mjs';
+export { SelectLabel } from './select-label.mjs';
+export { SelectOption } from './select-option.mjs';
+export { SelectOptionGroup } from './select-option-group.mjs';
+export { SelectOptionGroupLabel } from './select-option-group-label.mjs';
+export { SelectPositioner } from './select-positioner.mjs';
+export { SelectTrigger } from './select-trigger.mjs';
+export { anatomy as selectAnatomy } from '@zag-js/select';

package/slider/index.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const slider = require('./slider.cjs');
+const sliderControl = require('./slider-control.cjs');
+const sliderLabel = require('./slider-label.cjs');
+const sliderMarker = require('./slider-marker.cjs');
+const sliderMarkerGroup = require('./slider-marker-group.cjs');
+const sliderOutput = require('./slider-output.cjs');
+const sliderRange = require('./slider-range.cjs');
+const sliderThumb = require('./slider-thumb.cjs');
+const sliderTrack = require('./slider-track.cjs');
+const slider$1 = require('@zag-js/slider');
+
+
+
+exports.Slider = slider.Slider;
+exports.SliderControl = sliderControl.SliderControl;
+exports.SliderLabel = sliderLabel.SliderLabel;
+exports.SliderMarker = sliderMarker.SliderMarker;
+exports.SliderMarkerGroup = sliderMarkerGroup.SliderMarkerGroup;
+exports.SliderOutput = sliderOutput.SliderOutput;
+exports.SliderRange = sliderRange.SliderRange;
+exports.SliderThumb = sliderThumb.SliderThumb;
+exports.SliderTrack = sliderTrack.SliderTrack;
+Object.defineProperty(exports, 'sliderAnatomy', {
+	enumerable: true,
+	get: () => slider$1.anatomy
+});

package/slider/index.mjs

@@ -0,0 +1,10 @@
+export { Slider } from './slider.mjs';
+export { SliderControl } from './slider-control.mjs';
+export { SliderLabel } from './slider-label.mjs';
+export { SliderMarker } from './slider-marker.mjs';
+export { SliderMarkerGroup } from './slider-marker-group.mjs';
+export { SliderOutput } from './slider-output.mjs';
+export { SliderRange } from './slider-range.mjs';
+export { SliderThumb } from './slider-thumb.mjs';
+export { SliderTrack } from './slider-track.mjs';
+export { anatomy as sliderAnatomy } from '@zag-js/slider';

package/splitter/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const splitter = require('./splitter.cjs');
+const splitterPanel = require('./splitter-panel.cjs');
+const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
+const splitter$1 = require('@zag-js/splitter');
+
+
+
+exports.Splitter = splitter.Splitter;
+exports.SplitterPanel = splitterPanel.SplitterPanel;
+exports.SplitterResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
+Object.defineProperty(exports, 'splitterAnatomy', {
+	enumerable: true,
+	get: () => splitter$1.anatomy
+});

package/splitter/index.mjs

@@ -0,0 +1,4 @@
+export { Splitter } from './splitter.mjs';
+export { SplitterPanel } from './splitter-panel.mjs';
+export { SplitterResizeTrigger } from './splitter-resize-trigger.mjs';
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';

package/ssr-spread.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+require('solid-js');
 const filterObject = require('./filter-object.cjs');
 const mergeStyle = require('./merge-style.cjs');
 const parseTemplate = require('./parse-template.cjs');

package/ssr-spread.mjs

@@ -1,3 +1,4 @@
+import 'solid-js';
 import { filterBooleanAttributeValues, filterFunctionValues, filterEmptyValues } from './filter-object.mjs';
 import { mergeStyle } from './merge-style.mjs';
 import { parse, render } from './parse-template.mjs';

package/switch/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const _switch = require('./switch.cjs');
+const switchControl = require('./switch-control.cjs');
+const switchInput = require('./switch-input.cjs');
+const switchLabel = require('./switch-label.cjs');
+const switchThumb = require('./switch-thumb.cjs');
+const zagSwitch = require('@zag-js/switch');
+
+
+
+exports.Switch = _switch.Switch;
+exports.SwitchControl = switchControl.SwitchControl;
+exports.SwitchInput = switchInput.SwitchInput;
+exports.SwitchLabel = switchLabel.SwitchLabel;
+exports.SwitchThumb = switchThumb.SwitchThumb;
+Object.defineProperty(exports, 'switchAnatomy', {
+	enumerable: true,
+	get: () => zagSwitch.anatomy
+});

package/switch/index.mjs

@@ -0,0 +1,6 @@
+export { Switch } from './switch.mjs';
+export { SwitchControl } from './switch-control.mjs';
+export { SwitchInput } from './switch-input.mjs';
+export { SwitchLabel } from './switch-label.mjs';
+export { SwitchThumb } from './switch-thumb.mjs';
+export { anatomy as switchAnatomy } from '@zag-js/switch';

package/tabs/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const tabContent = require('./tab-content.cjs');
+const tabIndicator = require('./tab-indicator.cjs');
+const tabList = require('./tab-list.cjs');
+const tabTrigger = require('./tab-trigger.cjs');
+const tabs = require('./tabs.cjs');
+const tabs$1 = require('@zag-js/tabs');
+
+
+
+exports.TabContent = tabContent.TabContent;
+exports.TabIndicator = tabIndicator.TabIndicator;
+exports.TabList = tabList.TabList;
+exports.TabTrigger = tabTrigger.TabTrigger;
+exports.Tabs = tabs.Tabs;
+Object.defineProperty(exports, 'tabsAnatomy', {
+	enumerable: true,
+	get: () => tabs$1.anatomy
+});

package/tabs/index.mjs

@@ -0,0 +1,6 @@
+export { TabContent } from './tab-content.mjs';
+export { TabIndicator } from './tab-indicator.mjs';
+export { TabList } from './tab-list.mjs';
+export { TabTrigger } from './tab-trigger.mjs';
+export { Tabs } from './tabs.mjs';
+export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/tags-input/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const tag = require('./tag.cjs');
+const tagDeleteTrigger = require('./tag-delete-trigger.cjs');
+const tagInput = require('./tag-input.cjs');
+const tagsInput = require('./tags-input.cjs');
+const tagsInputClearTrigger = require('./tags-input-clear-trigger.cjs');
+const tagsInputControl = require('./tags-input-control.cjs');
+const tagsInputField = require('./tags-input-field.cjs');
+const tagsInputLabel = require('./tags-input-label.cjs');
+const tagsInput$1 = require('@zag-js/tags-input');
+
+
+
+exports.Tag = tag.Tag;
+exports.TagDeleteTrigger = tagDeleteTrigger.TagDeleteTrigger;
+exports.TagInput = tagInput.TagInput;
+exports.TagsInput = tagsInput.TagsInput;
+exports.TagsInputClearTrigger = tagsInputClearTrigger.TagsInputClearTrigger;
+exports.TagsInputControl = tagsInputControl.TagsInputControl;
+exports.TagsInputField = tagsInputField.TagsInputField;
+exports.TagsInputLabel = tagsInputLabel.TagsInputLabel;
+Object.defineProperty(exports, 'tagsInputAnatomy', {
+	enumerable: true,
+	get: () => tagsInput$1.anatomy
+});

package/tags-input/index.mjs

@@ -0,0 +1,9 @@
+export { Tag } from './tag.mjs';
+export { TagDeleteTrigger } from './tag-delete-trigger.mjs';
+export { TagInput } from './tag-input.mjs';
+export { TagsInput } from './tags-input.mjs';
+export { TagsInputClearTrigger } from './tags-input-clear-trigger.mjs';
+export { TagsInputControl } from './tags-input-control.mjs';
+export { TagsInputField } from './tags-input-field.mjs';
+export { TagsInputLabel } from './tags-input-label.mjs';
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';

package/toast/index.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const toast = require('./toast.cjs');
+const toastCloseTrigger = require('./toast-close-trigger.cjs');
+const toastDescription = require('./toast-description.cjs');
+const toastGroup = require('./toast-group.cjs');
+const toastPlacements = require('./toast-placements.cjs');
+const toastProvider = require('./toast-provider.cjs');
+const toastTitle = require('./toast-title.cjs');
+const toast$1 = require('@zag-js/toast');
+
+
+
+exports.Toast = toast.Toast;
+exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;
+exports.ToastDescription = toastDescription.ToastDescription;
+exports.ToastGroup = toastGroup.ToastGroup;
+exports.ToastPlacements = toastPlacements.ToastPlacements;
+exports.ToastProvider = toastProvider.ToastProvider;
+exports.useToast = toastProvider.useToast;
+exports.ToastTitle = toastTitle.ToastTitle;
+Object.defineProperty(exports, 'toastAnatomy', {
+	enumerable: true,
+	get: () => toast$1.anatomy
+});

package/toast/index.mjs

@@ -0,0 +1,8 @@
+export { Toast } from './toast.mjs';
+export { ToastCloseTrigger } from './toast-close-trigger.mjs';
+export { ToastDescription } from './toast-description.mjs';
+export { ToastGroup } from './toast-group.mjs';
+export { ToastPlacements } from './toast-placements.mjs';
+export { ToastProvider, useToast } from './toast-provider.mjs';
+export { ToastTitle } from './toast-title.mjs';
+export { anatomy as toastAnatomy } from '@zag-js/toast';

package/toast/toast.cjs

@@ -13,10 +13,15 @@ const Toast = props => {
   const [toastParams, localProps] = createSplitProps.createSplitProps()(props, ['toast']);
   const api = useToastItem.useToastItem(toastParams);
   const rootProps = solid.mergeProps(() => api().rootProps, localProps);
+  const customToast = api().render();
   return web.createComponent(toastItemContext.ToastItemProvider, {
     value: api,
     get children() {
-      return web.createComponent(factory.ark.div, rootProps);
+      return web.createComponent(factory.ark.div, web.mergeProps(rootProps, {
+        get children() {
+          return customToast || props.children;
+        }
+      }));
     }
   });
 };

package/toast/toast.mjs

@@ -1,4 +1,4 @@
-import { createComponent } from 'solid-js/web';
+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';
@@ -9,10 +9,15 @@ const Toast = props => {
   const [toastParams, localProps] = createSplitProps()(props, ['toast']);
   const api = useToastItem(toastParams);
   const rootProps = mergeProps(() => api().rootProps, localProps);
+  const customToast = api().render();
   return createComponent(ToastItemProvider, {
     value: api,
     get children() {
-      return createComponent(ark.div, rootProps);
+      return createComponent(ark.div, mergeProps$1(rootProps, {
+        get children() {
+          return customToast || props.children;
+        }
+      }));
     }
   });
 };

package/tooltip/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const tooltip = require('./tooltip.cjs');
+const tooltipArrow = require('./tooltip-arrow.cjs');
+const tooltipArrowTip = require('./tooltip-arrow-tip.cjs');
+const tooltipContent = require('./tooltip-content.cjs');
+const tooltipPositioner = require('./tooltip-positioner.cjs');
+const tooltipTrigger = require('./tooltip-trigger.cjs');
+const pagination = require('@zag-js/pagination');
+
+
+
+exports.Tooltip = tooltip.Tooltip;
+exports.TooltipArrow = tooltipArrow.TooltipArrow;
+exports.TooltipArrowTip = tooltipArrowTip.TooltipArrowTip;
+exports.TooltipContent = tooltipContent.TooltipContent;
+exports.TooltipPositioner = tooltipPositioner.TooltipPositioner;
+exports.TooltipTrigger = tooltipTrigger.TooltipTrigger;
+Object.defineProperty(exports, 'tooltipAnatomy', {
+	enumerable: true,
+	get: () => pagination.anatomy
+});

package/tooltip/index.mjs

@@ -0,0 +1,7 @@
+export { Tooltip } from './tooltip.mjs';
+export { TooltipArrow } from './tooltip-arrow.mjs';
+export { TooltipArrowTip } from './tooltip-arrow-tip.mjs';
+export { TooltipContent } from './tooltip-content.mjs';
+export { TooltipPositioner } from './tooltip-positioner.mjs';
+export { TooltipTrigger } from './tooltip-trigger.mjs';
+export { anatomy as tooltipAnatomy } from '@zag-js/pagination';