ui-ingredients 0.0.51 → 0.0.53

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

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface CarouselIndicatorGroupProps extends HtmlIngredientProps<'div', HTMLDivElement> {
+}
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CarouselIndicatorGroup: $$__sveltets_2_IsomorphicComponent<CarouselIndicatorGroupProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CarouselIndicatorGroup = InstanceType<typeof CarouselIndicatorGroup>;
+export default CarouselIndicatorGroup;

package/dist/carousel/carousel-indicator.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {IndicatorProps} from '@zag-js/carousel';
+
+  export interface CarouselIndicatorProps
+    extends Assign<
+      HtmlIngredientProps<'button', HTMLButtonElement>,
+      IndicatorProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {createSplitProps} from '@zag-js/utils';
+  import {getCarouselContext} from './carousel-context.svelte.js';
+
+  let {this: e, asChild, children, ...props}: CarouselIndicatorProps = $props();
+
+  let carousel = getCarouselContext();
+
+  let [indicatorProps, localProps] = $derived(
+    createSplitProps<IndicatorProps>(['index', 'readOnly'])(props),
+  );
+
+  let mergedProps = $derived(
+    mergeProps(localProps, carousel.getIndicatorProps(indicatorProps)),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={e} type="button" {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

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

@@ -0,0 +1,22 @@
+import type { Assign, HtmlIngredientProps } from '../types.js';
+import type { IndicatorProps } from '@zag-js/carousel';
+export interface CarouselIndicatorProps extends Assign<HtmlIngredientProps<'button', HTMLButtonElement>, 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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CarouselIndicator: $$__sveltets_2_IsomorphicComponent<CarouselIndicatorProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CarouselIndicator = InstanceType<typeof CarouselIndicator>;
+export default CarouselIndicator;

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

@@ -0,0 +1,25 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface CarouselItemGroupProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getCarouselContext} from './carousel-context.svelte.js';
+
+  let {this: e, asChild, children, ...props}: CarouselItemGroupProps = $props();
+
+  let carousel = getCarouselContext();
+
+  let mergedProps = $derived(mergeProps(props, carousel.getItemGroupProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div bind:this={e} {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}

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

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface CarouselItemGroupProps extends HtmlIngredientProps<'div', HTMLDivElement> {
+}
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CarouselItemGroup: $$__sveltets_2_IsomorphicComponent<CarouselItemGroupProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CarouselItemGroup = InstanceType<typeof CarouselItemGroup>;
+export default CarouselItemGroup;

package/dist/carousel/carousel-item.svelte

@@ -0,0 +1,37 @@
+<script lang="ts" module>
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {ItemProps, ItemState} from '@zag-js/carousel';
+
+  export interface CarouselItemProps
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, ItemState>,
+      ItemProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {createSplitProps} from '@zag-js/utils';
+  import {getCarouselContext} from './carousel-context.svelte.js';
+
+  let {this: e, asChild, children, ...props}: CarouselItemProps = $props();
+
+  let carousel = getCarouselContext();
+
+  let [itemProps, localProps] = $derived(
+    createSplitProps<ItemProps>(['index'])(props),
+  );
+
+  let itemState = $derived(carousel.getItemState(itemProps));
+  let mergedProps = $derived(
+    mergeProps(localProps, carousel.getItemProps(itemProps)),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, itemState)}
+{:else}
+  <div bind:this={e} {...mergedProps}>
+    {@render children?.(itemState)}
+  </div>
+{/if}

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

@@ -0,0 +1,22 @@
+import type { Assign, HtmlIngredientProps } from '../types.js';
+import type { ItemProps, ItemState } from '@zag-js/carousel';
+export interface CarouselItemProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, ItemState>, ItemProps> {
+}
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CarouselItem: $$__sveltets_2_IsomorphicComponent<CarouselItemProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CarouselItem = InstanceType<typeof CarouselItem>;
+export default CarouselItem;

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

@@ -0,0 +1,30 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface CarouselNextTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getCarouselContext} from './carousel-context.svelte.js';
+
+  let {
+    this: e,
+    asChild,
+    children,
+    ...props
+  }: CarouselNextTriggerProps = $props();
+
+  let carousel = getCarouselContext();
+
+  let mergedProps = $derived(mergeProps(props, carousel.getNextTriggerProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={e} type="button" {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

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

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface CarouselNextTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
+}
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CarouselNextTrigger: $$__sveltets_2_IsomorphicComponent<CarouselNextTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CarouselNextTrigger = InstanceType<typeof CarouselNextTrigger>;
+export default CarouselNextTrigger;

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

@@ -0,0 +1,30 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface CarouselPrevTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getCarouselContext} from './carousel-context.svelte.js';
+
+  let {
+    this: e,
+    asChild,
+    children,
+    ...props
+  }: CarouselPrevTriggerProps = $props();
+
+  let carousel = getCarouselContext();
+
+  let mergedProps = $derived(mergeProps(props, carousel.getPrevTriggerProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={e} type="button" {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

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

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface CarouselPrevTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
+}
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CarouselPrevTrigger: $$__sveltets_2_IsomorphicComponent<CarouselPrevTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CarouselPrevTrigger = InstanceType<typeof CarouselPrevTrigger>;
+export default CarouselPrevTrigger;

package/dist/carousel/carousel-root.svelte

@@ -0,0 +1,51 @@
+<script lang="ts" module>
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {
+    CreateCarouselProps,
+    CreateCarouselReturn,
+  } from './create-carousel.svelte.js';
+
+  export interface CarouselProps
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, CreateCarouselReturn>,
+      CreateCarouselProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {setCarouselContext} from './carousel-context.svelte.js';
+  import {createCarousel} from './create-carousel.svelte.js';
+
+  let {this: e, asChild, children, ...props}: CarouselProps = $props();
+
+  let [carouselProps, localProps] = $derived(
+    createSplitProps<CreateCarouselProps>([
+      'id',
+      'ids',
+      'loop',
+      'align',
+      'index',
+      'spacing',
+      'orientation',
+      'slidesPerView',
+      'onIndexChange',
+    ])(props),
+  );
+
+  let carousel = createCarousel(reflect(() => carouselProps));
+
+  let mergedProps = $derived(mergeProps(localProps, carousel.getRootProps()));
+
+  setCarouselContext(carousel);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, carousel)}
+{:else}
+  <div bind:this={e} {...mergedProps}>
+    {@render children?.(carousel)}
+  </div>
+{/if}

package/dist/carousel/carousel-root.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign, HtmlIngredientProps } from '../types.js';
+import type { CreateCarouselProps, CreateCarouselReturn } from './create-carousel.svelte.js';
+export interface CarouselProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateCarouselReturn>, CreateCarouselProps> {
+}
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CarouselRoot: $$__sveltets_2_IsomorphicComponent<CarouselProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CarouselRoot = InstanceType<typeof CarouselRoot>;
+export default CarouselRoot;

package/dist/carousel/carousel-viewport.svelte

@@ -0,0 +1,25 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface CarouselViewportProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getCarouselContext} from './carousel-context.svelte.js';
+
+  let {this: e, asChild, children, ...props}: CarouselViewportProps = $props();
+
+  let carousel = getCarouselContext();
+
+  let mergedProps = $derived(mergeProps(props, carousel.getViewportProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div bind:this={e} {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}

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

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface CarouselViewportProps extends HtmlIngredientProps<'div', HTMLDivElement> {
+}
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CarouselViewport: $$__sveltets_2_IsomorphicComponent<CarouselViewportProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CarouselViewport = InstanceType<typeof CarouselViewport>;
+export default CarouselViewport;

package/dist/carousel/carousel.d.ts

@@ -1,8 +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';
+export { default as IndicatorGroup } from './carousel-indicator-group.svelte';
+export { default as Indicator } from './carousel-indicator.svelte';
+export { default as ItemGroup } from './carousel-item-group.svelte';
+export { default as Item } from './carousel-item.svelte';
+export { default as NextTrigger } from './carousel-next-trigger.svelte';
+export { default as PrevTrigger } from './carousel-prev-trigger.svelte';
+export { default as Root } from './carousel-root.svelte';
+export { default as Viewport } from './carousel-viewport.svelte';

package/dist/carousel/carousel.js

@@ -1,8 +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';
+export { default as IndicatorGroup } from './carousel-indicator-group.svelte';
+export { default as Indicator } from './carousel-indicator.svelte';
+export { default as ItemGroup } from './carousel-item-group.svelte';
+export { default as Item } from './carousel-item.svelte';
+export { default as NextTrigger } from './carousel-next-trigger.svelte';
+export { default as PrevTrigger } from './carousel-prev-trigger.svelte';
+export { default as Root } from './carousel-root.svelte';
+export { default as Viewport } from './carousel-viewport.svelte';

package/dist/carousel/create-carousel.svelte.js

@@ -1,5 +1,5 @@
-import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
-import { getLocaleContext } from '../locale-provider/context.svelte.js';
+import { getEnvironmentContext } from '../environment-provider/enviroment-provider-context.svelte.js';
+import { getLocaleContext } from '../locale-provider/local-provider-context.svelte.js';
 import * as carousel from '@zag-js/carousel';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import { uid } from 'uid';

package/dist/carousel/index.d.ts

@@ -1,11 +1,11 @@
 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';
+export type { CarouselIndicatorGroupProps } from './carousel-indicator-group.svelte';
+export type { CarouselIndicatorProps } from './carousel-indicator.svelte';
+export type { CarouselItemGroupProps } from './carousel-item-group.svelte';
+export type { CarouselItemProps } from './carousel-item.svelte';
+export type { CarouselNextTriggerProps } from './carousel-next-trigger.svelte';
+export type { CarouselPrevTriggerProps } from './carousel-prev-trigger.svelte';
+export type { CarouselProps } from './carousel-root.svelte';
+export type { CarouselViewportProps } from './carousel-viewport.svelte';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';
-export { getCarouselContext } from './context.svelte.js';
+export { getCarouselContext } from './carousel-context.svelte.js';

package/dist/carousel/index.js

@@ -1,3 +1,3 @@
 export * as Carousel from './carousel.js';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';
-export { getCarouselContext } from './context.svelte.js';
+export { getCarouselContext } from './carousel-context.svelte.js';

package/dist/checkbox/checkbox-control.svelte

@@ -0,0 +1,25 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface CheckboxControlProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getCheckboxContext} from './checkbox-context.svelte.js';
+
+  let {this: e, asChild, children, ...props}: CheckboxControlProps = $props();
+
+  let checkbox = getCheckboxContext();
+
+  let mergedProps = $derived(mergeProps(props, checkbox.getControlProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div bind:this={e} {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}

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

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface CheckboxControlProps extends HtmlIngredientProps<'div', HTMLDivElement> {
+}
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CheckboxControl: $$__sveltets_2_IsomorphicComponent<CheckboxControlProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CheckboxControl = InstanceType<typeof CheckboxControl>;
+export default CheckboxControl;

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

@@ -0,0 +1,23 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface CheckboxHiddenInputProps
+    extends HtmlIngredientProps<'input', HTMLInputElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getCheckboxContext} from './checkbox-context.svelte.js';
+
+  let {this: e, asChild, ...props}: CheckboxHiddenInputProps = $props();
+
+  let checkbox = getCheckboxContext();
+
+  let mergedProps = $derived(mergeProps(props, checkbox.getHiddenInputProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <input bind:this={e} {...mergedProps} />
+{/if}

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

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface CheckboxHiddenInputProps extends HtmlIngredientProps<'input', HTMLInputElement> {
+}
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CheckboxHiddenInput: $$__sveltets_2_IsomorphicComponent<CheckboxHiddenInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CheckboxHiddenInput = InstanceType<typeof CheckboxHiddenInput>;
+export default CheckboxHiddenInput;

package/dist/checkbox/checkbox-indicator.svelte

@@ -0,0 +1,25 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface CheckboxIndicatorProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getCheckboxContext} from './checkbox-context.svelte.js';
+
+  let {this: e, asChild, children, ...props}: CheckboxIndicatorProps = $props();
+
+  let checkbox = getCheckboxContext();
+
+  let mergedProps = $derived(mergeProps(props, checkbox.getIndicatorProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div bind:this={e} {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/checkbox/checkbox-indicator.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface CheckboxIndicatorProps extends HtmlIngredientProps<'div', HTMLDivElement> {
+}
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CheckboxIndicator: $$__sveltets_2_IsomorphicComponent<CheckboxIndicatorProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CheckboxIndicator = InstanceType<typeof CheckboxIndicator>;
+export default CheckboxIndicator;