ui-ingredients 0.0.9 → 0.0.11

package/README.md

@@ -46,7 +46,7 @@ npm install ui-ingredients
 - 🟡 DatePicker
 - 🟢 Dialog
 - 🟢 Editable
-- ⚪ FileUpload
+- 🟡 FileUpload
 - 🟢 HoverCard
 - 🟡 Menu
 - 🟢 NumberInput
@@ -60,6 +60,7 @@ npm install ui-ingredients
 - 🟢 RadioGroup
 - 🟢 RatingGroup
 - 🟢 Select
+- 🟢 SegmentGroup
 - ⚪ SignaturePad
 - 🟢 Slider
 - ⚪ Splitter
@@ -71,5 +72,6 @@ npm install ui-ingredients
 - 🟢 Toast
 - 🟢 ToggleGroup
 - 🟢 Tooltip
+- ⚪ TreeView
 
 View components demo [here](https://ui-ingredients.vercel.app/)

package/dist/accordion/accordion.d.ts

@@ -0,0 +1,5 @@
+export { default as ItemContent } from './item-content.svelte';
+export { default as ItemIndicator } from './item-indicator.svelte';
+export { default as ItemTrigger } from './item-trigger.svelte';
+export { default as Item } from './item.svelte';
+export { default as Root } from './root.svelte';

package/dist/accordion/accordion.js

@@ -0,0 +1,5 @@
+export { default as ItemContent } from './item-content.svelte';
+export { default as ItemIndicator } from './item-indicator.svelte';
+export { default as ItemTrigger } from './item-trigger.svelte';
+export { default as Item } from './item.svelte';
+export { default as Root } from './root.svelte';

package/dist/accordion/context.svelte.d.ts

@@ -4,7 +4,7 @@ export interface CreateAccordionContextProps extends accordion.Context {
 export interface CreateAccordionContextReturn extends ReturnType<typeof createAccordionContext> {
 }
 export declare function createAccordionContext(props: CreateAccordionContextProps): accordion.Api;
-export declare function setAccordionContext(value: CreateAccordionContextReturn): any;
+export declare function setAccordionContext(value: CreateAccordionContextReturn): CreateAccordionContextReturn;
 export declare function useAccordionContext(): CreateAccordionContextReturn;
 export declare function setAccordionItemContext(value: accordion.ItemProps): void;
 export declare function useAccordionItemContext(): accordion.ItemProps;

package/dist/accordion/context.svelte.js

@@ -7,7 +7,7 @@ export function createAccordionContext(props) {
     return api;
 }
 export function setAccordionContext(value) {
-    return setContext('Accordion', reflect(() => value));
+    return setContext('Accordion', value);
 }
 export function useAccordionContext() {
     return getContext('Accordion');

package/dist/accordion/index.d.ts

@@ -1,5 +1,7 @@
-export { default as ItemContent, type AccordionItemContentProps, } from './item-content.svelte';
-export { default as ItemIndicator, type AccordionIndicatorProps, } from './item-indicator.svelte';
-export { default as ItemTrigger, type AccordionItemTriggerProps, } from './item-trigger.svelte';
-export { default as Item, type AccordionItemProps } from './item.svelte';
-export { default as Root, type AccordionProps } from './root.svelte';
+export { anatomy as accordionAnatomy } from '@zag-js/accordion';
+export * as Accordion from './accordion.js';
+export type { AccordionItemContentProps } from './item-content.svelte';
+export type { AccordionIndicatorProps } from './item-indicator.svelte';
+export type { AccordionItemTriggerProps } from './item-trigger.svelte';
+export type { AccordionItemProps } from './item.svelte';
+export type { AccordionProps } from './root.svelte';

package/dist/accordion/index.js

@@ -1,5 +1,2 @@
-export { default as ItemContent, } from './item-content.svelte';
-export { default as ItemIndicator, } from './item-indicator.svelte';
-export { default as ItemTrigger, } from './item-trigger.svelte';
-export { default as Item } from './item.svelte';
-export { default as Root } from './root.svelte';
+export { anatomy as accordionAnatomy } from '@zag-js/accordion';
+export * as Accordion from './accordion.js';

package/dist/accordion/item-content.svelte

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

package/dist/accordion/item-content.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface AccordionItemContentProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface AccordionItemContentProps 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/accordion/item-indicator.svelte

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

package/dist/accordion/item-indicator.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface AccordionIndicatorProps extends SvelteHtmlProps<'span'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface AccordionIndicatorProps extends HtmlIngredientProps<'span'> {
 }
 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/accordion/item-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 AccordionItemTriggerProps
-    extends SvelteHtmlProps<'button'> {}
+    extends HtmlIngredientProps<'button'> {}
 </script>
 
 <script lang="ts">

package/dist/accordion/item-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface AccordionItemTriggerProps extends SvelteHtmlProps<'button'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface AccordionItemTriggerProps 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/accordion/item.svelte

@@ -1,10 +1,10 @@
 <script lang="ts" context="module">
-  import type {Assign, SvelteHtmlProps} from '../types.js';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ItemProps, ItemState} from '@zag-js/accordion';
   import type {Snippet} from 'svelte';
 
   export interface AccordionItemProps
-    extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, ItemProps> {
+    extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, ItemProps> {
     children?: Snippet<[state: ItemState]>;
   }
 </script>

package/dist/accordion/item.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { Assign, SvelteHtmlProps } from '../types.js';
+import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ItemProps, ItemState } from '@zag-js/accordion';
 import type { Snippet } from 'svelte';
-export interface AccordionItemProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, ItemProps> {
+export interface AccordionItemProps extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, ItemProps> {
     children?: Snippet<[state: ItemState]>;
 }
 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/accordion/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 {
     CreateAccordionContextProps,
@@ -8,7 +8,7 @@
 
   export interface AccordionProps
     extends Assign<
-      Omit<SvelteHtmlProps<'div'>, 'children'>,
+      Omit<HtmlIngredientProps<'div'>, 'children'>,
       Omit<CreateAccordionContextProps, 'id'>
     > {
     children?: Snippet<[context: CreateAccordionContextReturn]>;

package/dist/accordion/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 { CreateAccordionContextProps, CreateAccordionContextReturn } from './context.svelte.js';
-export interface AccordionProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, Omit<CreateAccordionContextProps, 'id'>> {
+export interface AccordionProps extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, Omit<CreateAccordionContextProps, 'id'>> {
     children?: Snippet<[context: CreateAccordionContextReturn]>;
 }
 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/avatar/avatar.d.ts

@@ -0,0 +1,3 @@
+export { default as Fallback } from './fallback.svelte';
+export { default as Image } from './image.svelte';
+export { default as Root } from './root.svelte';

package/dist/avatar/avatar.js

@@ -0,0 +1,3 @@
+export { default as Fallback } from './fallback.svelte';
+export { default as Image } from './image.svelte';
+export { default as Root } from './root.svelte';

package/dist/avatar/fallback.svelte

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

package/dist/avatar/fallback.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface AvatarFallbackProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface AvatarFallbackProps 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/avatar/image.svelte

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

package/dist/avatar/image.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface AvatarImageProps extends SvelteHtmlProps<'img'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface AvatarImageProps extends HtmlIngredientProps<'img'> {
 }
 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/avatar/index.d.ts

@@ -1,3 +1,5 @@
-export { default as Fallback, type AvatarFallbackProps } from './fallback.svelte';
-export { default as Image, type AvatarImageProps } from './image.svelte';
-export { default as Root, type AvatarProps } from './root.svelte';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export * as Avatar from './avatar.js';
+export type { AvatarFallbackProps } from './fallback.svelte';
+export type { AvatarImageProps } from './image.svelte';
+export type { AvatarProps } from './root.svelte';

package/dist/avatar/index.js

@@ -1,3 +1,2 @@
-export { default as Fallback } from './fallback.svelte';
-export { default as Image } from './image.svelte';
-export { default as Root } from './root.svelte';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export * as Avatar from './avatar.js';

package/dist/avatar/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 CreateAvatarContextProps,
@@ -8,7 +8,7 @@
 
   export interface AvatarProps
     extends Assign<
-      Omit<SvelteHtmlProps<'div'>, 'children'>,
+      Omit<HtmlIngredientProps<'div'>, 'children'>,
       Omit<CreateAvatarContextProps, 'id'>
     > {
     children?: Snippet<[context: CreateAvatarContextReturn]>;

package/dist/avatar/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 CreateAvatarContextProps, type CreateAvatarContextReturn } from './context.svelte.js';
-export interface AvatarProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, Omit<CreateAvatarContextProps, 'id'>> {
+export interface AvatarProps extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, Omit<CreateAvatarContextProps, 'id'>> {
     children?: Snippet<[context: CreateAvatarContextReturn]>;
 }
 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/carousel/carousel.d.ts

@@ -0,0 +1,8 @@
+export { default as IndicatorGroup } from './indicator-group.svelte';
+export { default as Indicator } from './indicator.svelte';
+export { default as ItemGroup } from './item-group.svelte';
+export { default as Item } from './item.svelte';
+export { default as NextTrigger } from './next-trigger.svelte';
+export { default as PrevTrigger } from './prev-trigger.svelte';
+export { default as Root } from './root.svelte';
+export { default as Viewport } from './viewport.svelte';

package/dist/carousel/carousel.js

@@ -0,0 +1,8 @@
+export { default as IndicatorGroup } from './indicator-group.svelte';
+export { default as Indicator } from './indicator.svelte';
+export { default as ItemGroup } from './item-group.svelte';
+export { default as Item } from './item.svelte';
+export { default as NextTrigger } from './next-trigger.svelte';
+export { default as PrevTrigger } from './prev-trigger.svelte';
+export { default as Root } from './root.svelte';
+export { default as Viewport } from './viewport.svelte';

package/dist/carousel/index.d.ts

@@ -1,8 +1,10 @@
-export { default as IndicatorGroup, type CarouselIndicatorGroupProps, } from './indicator-group.svelte';
-export { default as Indicator, type CarouselIndicatorProps, } from './indicator.svelte';
-export { default as ItemGroup, type CarouselItemGroupProps, } from './item-group.svelte';
-export { default as Item, type CarouselItemProps } from './item.svelte';
-export { default as NextTrigger, type CarouselNextTriggerProps, } from './next-trigger.svelte';
-export { default as PrevTrigger, type CarouselPrevTriggerProps, } from './prev-trigger.svelte';
-export { default as Root, type CarouselProps } from './root.svelte';
-export { default as Viewport, type CarouselViewportProps, } from './viewport.svelte';
+export { anatomy as carouselAnatomy } from '@zag-js/carousel';
+export * as Carousel from './carousel.js';
+export type { CarouselIndicatorGroupProps } from './indicator-group.svelte';
+export type { CarouselIndicatorProps } from './indicator.svelte';
+export type { CarouselItemGroupProps } from './item-group.svelte';
+export type { CarouselItemProps } from './item.svelte';
+export type { CarouselNextTriggerProps } from './next-trigger.svelte';
+export type { CarouselPrevTriggerProps } from './prev-trigger.svelte';
+export type { CarouselProps } from './root.svelte';
+export type { CarouselViewportProps } from './viewport.svelte';

package/dist/carousel/index.js

@@ -1,8 +1,2 @@
-export { default as IndicatorGroup, } from './indicator-group.svelte';
-export { default as Indicator, } from './indicator.svelte';
-export { default as ItemGroup, } from './item-group.svelte';
-export { default as Item } from './item.svelte';
-export { default as NextTrigger, } from './next-trigger.svelte';
-export { default as PrevTrigger, } from './prev-trigger.svelte';
-export { default as Root } from './root.svelte';
-export { default as Viewport, } from './viewport.svelte';
+export { anatomy as carouselAnatomy } from '@zag-js/carousel';
+export * as Carousel from './carousel.js';

package/dist/carousel/indicator-group.svelte

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

package/dist/carousel/indicator-group.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface CarouselIndicatorGroupProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface CarouselIndicatorGroupProps 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/carousel/indicator.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 {IndicatorProps} from '@zag-js/carousel';
 
   export interface CarouselIndicatorProps
-    extends Assign<SvelteHtmlProps<'button'>, IndicatorProps> {}
+    extends Assign<HtmlIngredientProps<'button'>, IndicatorProps> {}
 </script>
 
 <script lang="ts">

package/dist/carousel/indicator.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { Assign, SvelteHtmlProps } from '../types.js';
+import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { IndicatorProps } from '@zag-js/carousel';
-export interface CarouselIndicatorProps extends Assign<SvelteHtmlProps<'button'>, IndicatorProps> {
+export interface CarouselIndicatorProps extends Assign<HtmlIngredientProps<'button'>, IndicatorProps> {
 }
 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/carousel/item-group.svelte

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

package/dist/carousel/item-group.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface CarouselItemGroupProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface CarouselItemGroupProps 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/carousel/item.svelte

@@ -1,10 +1,10 @@
 <script lang="ts" context="module">
-  import type {Assign, SvelteHtmlProps} from '../types.js';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ItemProps, ItemState} from '@zag-js/carousel';
   import type {Snippet} from 'svelte';
 
   export interface CarouselItemProps
-    extends Assign<Omit<SvelteHtmlProps<'button'>, 'children'>, ItemProps> {
+    extends Assign<Omit<HtmlIngredientProps<'button'>, 'children'>, ItemProps> {
     children?: Snippet<[state: ItemState]>;
   }
 </script>

package/dist/carousel/item.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { Assign, SvelteHtmlProps } from '../types.js';
+import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ItemProps, ItemState } from '@zag-js/carousel';
 import type { Snippet } from 'svelte';
-export interface CarouselItemProps extends Assign<Omit<SvelteHtmlProps<'button'>, 'children'>, ItemProps> {
+export interface CarouselItemProps extends Assign<Omit<HtmlIngredientProps<'button'>, 'children'>, ItemProps> {
     children?: Snippet<[state: ItemState]>;
 }
 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/carousel/next-trigger.svelte

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

package/dist/carousel/next-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface CarouselNextTriggerProps extends SvelteHtmlProps<'button'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface CarouselNextTriggerProps 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/carousel/prev-trigger.svelte

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

package/dist/carousel/prev-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface CarouselPrevTriggerProps extends SvelteHtmlProps<'button'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface CarouselPrevTriggerProps 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/carousel/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 {
     CreateCarouselContextProps,
@@ -8,7 +8,7 @@
 
   export interface CarouselProps
     extends Assign<
-      Omit<SvelteHtmlProps<'div'>, 'children'>,
+      Omit<HtmlIngredientProps<'div'>, 'children'>,
       Omit<CreateCarouselContextProps, 'id'>
     > {
     children?: Snippet<[context: CreateCarouselContextReturn]>;

package/dist/carousel/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 { CreateCarouselContextProps, CreateCarouselContextReturn } from './context.svelte.js';
-export interface CarouselProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, Omit<CreateCarouselContextProps, 'id'>> {
+export interface CarouselProps extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, Omit<CreateCarouselContextProps, 'id'>> {
     children?: Snippet<[context: CreateCarouselContextReturn]>;
 }
 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/carousel/viewport.svelte

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

package/dist/carousel/viewport.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface CarouselViewportProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface CarouselViewportProps 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/checkbox/checkbox.d.ts

@@ -0,0 +1,5 @@
+export { default as Control } from './control.svelte';
+export { default as HiddenInput } from './hidden-input.svelte';
+export { default as Indicator } from './indicator.svelte';
+export { default as Label } from './label.svelte';
+export { default as Root } from './root.svelte';

package/dist/checkbox/checkbox.js

@@ -0,0 +1,5 @@
+export { default as Control } from './control.svelte';
+export { default as HiddenInput } from './hidden-input.svelte';
+export { default as Indicator } from './indicator.svelte';
+export { default as Label } from './label.svelte';
+export { default as Root } from './root.svelte';

package/dist/checkbox/control.svelte

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

package/dist/checkbox/control.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface CheckboxControlProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface CheckboxControlProps 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/checkbox/hidden-input.svelte

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

package/dist/checkbox/hidden-input.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface CheckboxHiddenInputProps extends SvelteHtmlProps<'input'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface CheckboxHiddenInputProps 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> & {