ui-ingredients 0.0.9 → 0.0.11

package/dist/hover-card/arrow-tip.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
-  export interface HoverCardArrowTipProps extends SvelteHtmlProps<'div'> {}
+  export interface HoverCardArrowTipProps extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/hover-card/arrow-tip.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface HoverCardArrowTipProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface HoverCardArrowTipProps extends HtmlIngredientProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/hover-card/arrow.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
-  export interface HoverCardArrowProps extends SvelteHtmlProps<'div'> {}
+  export interface HoverCardArrowProps extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/hover-card/arrow.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface HoverCardArrowProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface HoverCardArrowProps extends HtmlIngredientProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/hover-card/content.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
-  export interface HoverCardContentProps extends SvelteHtmlProps<'div'> {}
+  export interface HoverCardContentProps extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/hover-card/content.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface HoverCardContentProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface HoverCardContentProps extends HtmlIngredientProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/hover-card/hover-card.d.ts

@@ -0,0 +1,6 @@
+export { default as ArrowTip } from './arrow-tip.svelte';
+export { default as Arrow } from './arrow.svelte';
+export { default as Content } from './content.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/hover-card/hover-card.js

@@ -0,0 +1,6 @@
+export { default as ArrowTip } from './arrow-tip.svelte';
+export { default as Arrow } from './arrow.svelte';
+export { default as Content } from './content.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/hover-card/index.d.ts

@@ -1,6 +1,8 @@
-export { default as ArrowTip, type HoverCardArrowTipProps, } from './arrow-tip.svelte';
-export { default as Arrow, type HoverCardArrowProps } from './arrow.svelte';
-export { default as Content, type HoverCardContentProps } from './content.svelte';
-export { default as Positioner, type HoverCardPositionerProps, } from './positioner.svelte';
-export { default as Root, type HoverCardProps } from './root.svelte';
-export { default as Trigger, type HoverCardTriggerProps } from './trigger.svelte';
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export type { HoverCardArrowTipProps } from './arrow-tip.svelte';
+export type { HoverCardArrowProps } from './arrow.svelte';
+export type { HoverCardContentProps } from './content.svelte';
+export * as HoverCard from './hover-card.js';
+export type { HoverCardPositionerProps } from './positioner.svelte';
+export type { HoverCardProps } from './root.svelte';
+export type { HoverCardTriggerProps } from './trigger.svelte';

package/dist/hover-card/index.js

@@ -1,6 +1,2 @@
-export { default as ArrowTip, } from './arrow-tip.svelte';
-export { default as Arrow } from './arrow.svelte';
-export { default as Content } from './content.svelte';
-export { default as Positioner, } from './positioner.svelte';
-export { default as Root } from './root.svelte';
-export { default as Trigger } from './trigger.svelte';
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export * as HoverCard from './hover-card.js';

package/dist/hover-card/positioner.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
-  export interface HoverCardPositionerProps extends SvelteHtmlProps<'div'> {}
+  export interface HoverCardPositionerProps
+    extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/hover-card/positioner.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface HoverCardPositionerProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface HoverCardPositionerProps extends HtmlIngredientProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/hover-card/trigger.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
-  export interface HoverCardTriggerProps extends SvelteHtmlProps<'a'> {}
+  export interface HoverCardTriggerProps extends HtmlIngredientProps<'a'> {}
 </script>
 
 <script lang="ts">

package/dist/hover-card/trigger.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface HoverCardTriggerProps extends SvelteHtmlProps<'a'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface HoverCardTriggerProps extends HtmlIngredientProps<'a'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/index.d.ts

@@ -1,90 +1,32 @@
-export * as Accordion from './accordion/index.js';
-export type { AccordionIndicatorProps, AccordionItemContentProps, AccordionItemProps, AccordionItemTriggerProps, AccordionProps, } from './accordion/index.js';
-export * as Avatar from './avatar/index.js';
-export type { AvatarFallbackProps, AvatarImageProps, AvatarProps, } from './avatar/index.js';
-export * as Carousel from './carousel/index.js';
-export type { CarouselIndicatorGroupProps, CarouselIndicatorProps, CarouselItemGroupProps, CarouselItemProps, CarouselNextTriggerProps, CarouselPrevTriggerProps, CarouselProps, CarouselViewportProps, } from './carousel/index.js';
-export * as Checkbox from './checkbox/index.js';
-export type { CheckboxControlProps, CheckboxHiddenInputProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxProps, } from './checkbox/index.js';
-export * as Clipboard from './clipboard/index.js';
-export type { ClipboardControlProps, ClipboardIndicatorProps, ClipboardInputProps, ClipboardLabelProps, ClipboardProps, ClipboardTriggerProps, } from './clipboard/index.js';
-export * as Collapsible from './collapsible/index.js';
-export type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps, } from './collapsible/index.js';
-export * as Combobox from './combobox/index.js';
-export type { ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxInputProps, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxListProps, ComboboxPositionerProps, ComboboxProps, ComboboxTriggerProps, } from './combobox/index.js';
-export * as Dialog from './dialog/index.js';
-export type { DialogBackdropProps, DialogCloseTriggerProps, DialogContentProps, DialogDescriptionProps, DialogPositionerProps, DialogProps, DialogTitleProps, DialogTriggerProps, } from './dialog/index.js';
-export * as Editable from './editable/index.js';
-export type { EditableAreaProps, EditableCancelTriggerProps, EditableControlProps, EditableEditTriggerProps, EditableInputProps, EditableLabelProps, EditablePreviewProps, EditableProps, EditableSubmitTriggerProps, } from './editable/index.js';
-export * as HoverCard from './hover-card/index.js';
-export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardPositionerProps, HoverCardProps, HoverCardTriggerProps, } from './hover-card/index.js';
-export * as NumberInput from './number-input/index.js';
-export type { NumberInputControlTriggerProps, NumberInputDecrementTriggerProps, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputProps, NumberInputScrubberProps, } from './number-input/index.js';
-export * as Pagination from './pagination/index.js';
-export type { PaginationEllipsisProps, PaginationItemProps, PaginationNextTriggerProps, PaginationPrevTriggerProps, PaginationProps, } from './pagination/index.js';
-export * as PinInput from './pin-input/index.js';
-export type { PinInputClearTriggerProps, PinInputHiddenInputProps, PinInputInputProps, PinInputLabelProps, PinInputProps, } from './pin-input/index.js';
-export * as Popover from './popover/index.js';
-export type { PopoverArrowProps, PopoverArrowTipProps, PopoverCloseTriggerProps, PopoverContentProps, PopoverDescriptionProps, PopoverPositionerProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, } from './popover/index.js';
-export * as Progress from './progress/index.js';
-export type { ProgressCircleProps, ProgressCircleRangeProps, ProgressCircleTrackProps, ProgressLabelProps, ProgressProps, ProgressRangeProps, ProgressTrackProps, ProgressValueTextProps, } from './progress/index.js';
-export * as QRCode from './qr-code/index.js';
-export type { QRCodeFrameProps, QRCodeOverlayProps, QRCodePatternProps, QRCodeProps, } from './qr-code/index.js';
-export * as RadioGroup from './radio-group/index.js';
-export type { RadioGroupIndicatorProps, RadioGroupItemControlProps, RadioGroupItemHiddenInputProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, } from './radio-group/index.js';
-export * as RatingGroup from './rating-group/index.js';
-export type { RatingGroupControlProps, RatingGroupHiddenInputProps, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupProps, } from './rating-group/index.js';
-export * as Select from './select/index.js';
-export type { SelectClearTriggerProps, SelectContentProps, SelectControlProps, SelectHiddenSelectProps, SelectIndicatorProps, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectListProps, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueTextProps, } from './select/index.js';
-export * as Slider from './slider/index.js';
-export type { SliderControlProps, SliderHiddenInputProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueTextProps, } from './slider/index.js';
-export * as Steps from './steps/index.js';
-export type { StepsContentProps, StepsIndicatorProps, StepsItemProps, StepsListProps, StepsNextTriggerProps, StepsPrevTriggerProps, StepsProgressProps, StepsProps, StepsSeparatorProps, StepsTriggerProps, } from './steps/index.js';
-export * as Switch from './switch/index.js';
-export type { SwitchControlProps, SwitchHiddenInputProps, SwitchLabelProps, SwitchProps, SwitchThumbProps, } from './switch/index.js';
-export * as Tabs from './tabs/index.js';
-export type { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, } from './tabs/index.js';
-export * as TagsInput from './tags-input/index.js';
-export type { TagsInputClearTriggerProps, TagsInputControlProps, TagsInputHiddenInputProps, TagsInputInputProps, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemPreviewProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputProps, } from './tags-input/index.js';
-export * as Timer from './timer/index.js';
-export type { TimerActionTriggerProps, TimerItemLabelProps, TimerItemProps, TimerItemValueProps, TimerProps, TimerSeparatorProps, } from './timer/index.js';
-export * as ToggleGroup from './toggle-group/index.js';
-export type { ToggleGroupItemProps, ToggleGroupProps, } from './toggle-group/index.js';
-export * as Tooltip from './tooltip/index.js';
-export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, } from './tooltip/index.js';
+export * from './accordion/index.js';
+export * from './avatar/index.js';
+export * from './carousel/index.js';
+export * from './checkbox/index.js';
+export * from './clipboard/index.js';
+export * from './collapsible/index.js';
+export * from './combobox/index.js';
+export * from './dialog/index.js';
+export * from './editable/index.js';
+export * from './hover-card/index.js';
+export * from './number-input/index.js';
+export * from './pagination/index.js';
+export * from './pin-input/index.js';
+export * from './popover/index.js';
 export * from './portal/index.js';
 export * from './presence/index.js';
+export * from './progress/index.js';
+export * from './qr-code/index.js';
+export * from './radio-group/index.js';
+export * from './rating-group/index.js';
+export * from './segment-group/index.js';
+export * from './select/index.js';
+export * from './slider/index.js';
+export * from './steps/index.js';
+export * from './switch/index.js';
+export * from './tabs/index.js';
+export * from './tags-input/index.js';
+export * from './timer/index.js';
 export * from './toast/index.js';
-export { anatomy as accordionAnatomy } from '@zag-js/accordion';
-export { anatomy as avatarAnatomy } from '@zag-js/avatar';
-export { anatomy as carouselAnatomy } from '@zag-js/carousel';
-export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
-export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
-export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
-export { anatomy as colorPickerAnatomy } from '@zag-js/color-picker';
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
-export { anatomy as datePickerAnatomy } from '@zag-js/date-picker';
-export { anatomy as dialogAnatomy } from '@zag-js/dialog';
-export { anatomy as editableAnatomy } from '@zag-js/editable';
-export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
-export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
-export { anatomy as menuAnatomy } from '@zag-js/menu';
-export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
-export { anatomy as paginationAnatomy } from '@zag-js/pagination';
-export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
-export { anatomy as popoverAnatomy } from '@zag-js/popover';
-export { anatomy as progressAnatomy } from '@zag-js/progress';
-export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';
-export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
-export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
-export { anatomy as selectAnatomy } from '@zag-js/select';
-export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
-export { anatomy as sliderAnatomy } from '@zag-js/slider';
-export { anatomy as stepsAnatomy } from '@zag-js/steps';
-export { anatomy as switchAnatomy } from '@zag-js/switch';
-export { anatomy as tabsAnatomy } from '@zag-js/tabs';
-export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
-export { anatomy as timerAnatomy } from '@zag-js/timer';
-export { anatomy as toastAnatomy } from '@zag-js/toast';
-export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
-export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+export * from './toggle-group/index.js';
+export * from './tooltip/index.js';
+export type { HtmlIngredientProps } from './types.js';

package/dist/index.js

@@ -1,63 +1,31 @@
-export * as Accordion from './accordion/index.js';
-export * as Avatar from './avatar/index.js';
-export * as Carousel from './carousel/index.js';
-export * as Checkbox from './checkbox/index.js';
-export * as Clipboard from './clipboard/index.js';
-export * as Collapsible from './collapsible/index.js';
-export * as Combobox from './combobox/index.js';
-export * as Dialog from './dialog/index.js';
-export * as Editable from './editable/index.js';
-export * as HoverCard from './hover-card/index.js';
-export * as NumberInput from './number-input/index.js';
-export * as Pagination from './pagination/index.js';
-export * as PinInput from './pin-input/index.js';
-export * as Popover from './popover/index.js';
-export * as Progress from './progress/index.js';
-export * as QRCode from './qr-code/index.js';
-export * as RadioGroup from './radio-group/index.js';
-export * as RatingGroup from './rating-group/index.js';
-export * as Select from './select/index.js';
-export * as Slider from './slider/index.js';
-export * as Steps from './steps/index.js';
-export * as Switch from './switch/index.js';
-export * as Tabs from './tabs/index.js';
-export * as TagsInput from './tags-input/index.js';
-export * as Timer from './timer/index.js';
-export * as ToggleGroup from './toggle-group/index.js';
-export * as Tooltip from './tooltip/index.js';
+export * from './accordion/index.js';
+export * from './avatar/index.js';
+export * from './carousel/index.js';
+export * from './checkbox/index.js';
+export * from './clipboard/index.js';
+export * from './collapsible/index.js';
+export * from './combobox/index.js';
+export * from './dialog/index.js';
+export * from './editable/index.js';
+export * from './hover-card/index.js';
+export * from './number-input/index.js';
+export * from './pagination/index.js';
+export * from './pin-input/index.js';
+export * from './popover/index.js';
 export * from './portal/index.js';
 export * from './presence/index.js';
+export * from './progress/index.js';
+export * from './qr-code/index.js';
+export * from './radio-group/index.js';
+export * from './rating-group/index.js';
+export * from './segment-group/index.js';
+export * from './select/index.js';
+export * from './slider/index.js';
+export * from './steps/index.js';
+export * from './switch/index.js';
+export * from './tabs/index.js';
+export * from './tags-input/index.js';
+export * from './timer/index.js';
 export * from './toast/index.js';
-export { anatomy as accordionAnatomy } from '@zag-js/accordion';
-export { anatomy as avatarAnatomy } from '@zag-js/avatar';
-export { anatomy as carouselAnatomy } from '@zag-js/carousel';
-export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
-export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
-export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
-export { anatomy as colorPickerAnatomy } from '@zag-js/color-picker';
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
-export { anatomy as datePickerAnatomy } from '@zag-js/date-picker';
-export { anatomy as dialogAnatomy } from '@zag-js/dialog';
-export { anatomy as editableAnatomy } from '@zag-js/editable';
-export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
-export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
-export { anatomy as menuAnatomy } from '@zag-js/menu';
-export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
-export { anatomy as paginationAnatomy } from '@zag-js/pagination';
-export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
-export { anatomy as popoverAnatomy } from '@zag-js/popover';
-export { anatomy as progressAnatomy } from '@zag-js/progress';
-export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';
-export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
-export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
-export { anatomy as selectAnatomy } from '@zag-js/select';
-export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
-export { anatomy as sliderAnatomy } from '@zag-js/slider';
-export { anatomy as stepsAnatomy } from '@zag-js/steps';
-export { anatomy as switchAnatomy } from '@zag-js/switch';
-export { anatomy as tabsAnatomy } from '@zag-js/tabs';
-export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
-export { anatomy as timerAnatomy } from '@zag-js/timer';
-export { anatomy as toastAnatomy } from '@zag-js/toast';
-export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
-export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+export * from './toggle-group/index.js';
+export * from './tooltip/index.js';

package/dist/number-input/control.svelte

@@ -1,8 +1,8 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
   export interface NumberInputControlTriggerProps
-    extends SvelteHtmlProps<'div'> {}
+    extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/number-input/control.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface NumberInputControlTriggerProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface NumberInputControlTriggerProps extends HtmlIngredientProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/number-input/decrement-trigger.svelte

@@ -1,8 +1,8 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
   export interface NumberInputDecrementTriggerProps
-    extends SvelteHtmlProps<'button'> {}
+    extends HtmlIngredientProps<'button'> {}
 </script>
 
 <script lang="ts">

package/dist/number-input/decrement-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface NumberInputDecrementTriggerProps extends SvelteHtmlProps<'button'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface NumberInputDecrementTriggerProps extends HtmlIngredientProps<'button'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/number-input/increment-trigger.svelte

@@ -1,8 +1,8 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
   export interface NumberInputIncrementTriggerProps
-    extends SvelteHtmlProps<'button'> {}
+    extends HtmlIngredientProps<'button'> {}
 </script>
 
 <script lang="ts">

package/dist/number-input/increment-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface NumberInputIncrementTriggerProps extends SvelteHtmlProps<'button'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface NumberInputIncrementTriggerProps extends HtmlIngredientProps<'button'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/number-input/index.d.ts

@@ -1,7 +1,9 @@
-export { default as Control, type NumberInputControlTriggerProps, } from './control.svelte';
-export { default as DecrementTrigger, type NumberInputDecrementTriggerProps, } from './decrement-trigger.svelte';
-export { default as IncrementTrigger, type NumberInputIncrementTriggerProps, } from './increment-trigger.svelte';
-export { default as Input, type NumberInputInputProps } from './input.svelte';
-export { default as Label, type NumberInputLabelProps } from './label.svelte';
-export { default as Root, type NumberInputProps } from './root.svelte';
-export { default as Scrubber, type NumberInputScrubberProps, } from './scrubber.svelte';
+export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
+export type { NumberInputControlTriggerProps } from './control.svelte';
+export type { NumberInputDecrementTriggerProps } from './decrement-trigger.svelte';
+export type { NumberInputIncrementTriggerProps } from './increment-trigger.svelte';
+export type { NumberInputInputProps } from './input.svelte';
+export type { NumberInputLabelProps } from './label.svelte';
+export * as NumberInput from './number-input.js';
+export type { NumberInputProps } from './root.svelte';
+export type { NumberInputScrubberProps } from './scrubber.svelte';

package/dist/number-input/index.js

@@ -1,7 +1,2 @@
-export { default as Control, } from './control.svelte';
-export { default as DecrementTrigger, } from './decrement-trigger.svelte';
-export { default as IncrementTrigger, } from './increment-trigger.svelte';
-export { default as Input } from './input.svelte';
-export { default as Label } from './label.svelte';
-export { default as Root } from './root.svelte';
-export { default as Scrubber, } from './scrubber.svelte';
+export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
+export * as NumberInput from './number-input.js';

package/dist/number-input/input.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
-  export interface NumberInputInputProps extends SvelteHtmlProps<'input'> {}
+  export interface NumberInputInputProps extends HtmlIngredientProps<'input'> {}
 </script>
 
 <script lang="ts">

package/dist/number-input/input.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface NumberInputInputProps extends SvelteHtmlProps<'input'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface NumberInputInputProps extends HtmlIngredientProps<'input'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/number-input/label.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
-  export interface NumberInputLabelProps extends SvelteHtmlProps<'label'> {}
+  export interface NumberInputLabelProps extends HtmlIngredientProps<'label'> {}
 </script>
 
 <script lang="ts">

package/dist/number-input/label.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface NumberInputLabelProps extends SvelteHtmlProps<'label'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface NumberInputLabelProps extends HtmlIngredientProps<'label'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/number-input/number-input.d.ts

@@ -0,0 +1,7 @@
+export { default as Control } from './control.svelte';
+export { default as DecrementTrigger } from './decrement-trigger.svelte';
+export { default as IncrementTrigger } from './increment-trigger.svelte';
+export { default as Input } from './input.svelte';
+export { default as Label } from './label.svelte';
+export { default as Root } from './root.svelte';
+export { default as Scrubber } from './scrubber.svelte';

package/dist/number-input/number-input.js

@@ -0,0 +1,7 @@
+export { default as Control } from './control.svelte';
+export { default as DecrementTrigger } from './decrement-trigger.svelte';
+export { default as IncrementTrigger } from './increment-trigger.svelte';
+export { default as Input } from './input.svelte';
+export { default as Label } from './label.svelte';
+export { default as Root } from './root.svelte';
+export { default as Scrubber } from './scrubber.svelte';

package/dist/number-input/root.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-  import type {Assign, SvelteHtmlProps} from '../types.js';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {Snippet} from 'svelte';
   import type {
     CreateNumberInputContextProps,
@@ -8,7 +8,7 @@
 
   export interface NumberInputProps
     extends Assign<
-      Omit<SvelteHtmlProps<'div'>, 'children'>,
+      Omit<HtmlIngredientProps<'div'>, 'children'>,
       Omit<CreateNumberInputContextProps, 'id'>
     > {
     children?: Snippet<[context: CreateNumberInputContextReturn]>;

package/dist/number-input/root.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { Assign, SvelteHtmlProps } from '../types.js';
+import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { Snippet } from 'svelte';
 import type { CreateNumberInputContextProps, CreateNumberInputContextReturn } from './context.svelte.js';
-export interface NumberInputProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, Omit<CreateNumberInputContextProps, 'id'>> {
+export interface NumberInputProps extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, Omit<CreateNumberInputContextProps, 'id'>> {
     children?: Snippet<[context: CreateNumberInputContextReturn]>;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {

package/dist/number-input/scrubber.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
 
-  export interface NumberInputScrubberProps extends SvelteHtmlProps<'div'> {}
+  export interface NumberInputScrubberProps
+    extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/number-input/scrubber.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface NumberInputScrubberProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface NumberInputScrubberProps extends HtmlIngredientProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/pagination/ellipsis.svelte

@@ -1,9 +1,9 @@
 <script lang="ts" context="module">
-  import type {Assign, SvelteHtmlProps} from '../types.js';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {EllipsisProps} from '@zag-js/pagination';
 
   export interface PaginationEllipsisProps
-    extends Assign<SvelteHtmlProps<'span'>, EllipsisProps> {}
+    extends Assign<HtmlIngredientProps<'span'>, EllipsisProps> {}
 </script>
 
 <script lang="ts">

package/dist/pagination/ellipsis.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { Assign, SvelteHtmlProps } from '../types.js';
+import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { EllipsisProps } from '@zag-js/pagination';
-export interface PaginationEllipsisProps extends Assign<SvelteHtmlProps<'span'>, EllipsisProps> {
+export interface PaginationEllipsisProps extends Assign<HtmlIngredientProps<'span'>, EllipsisProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {