@wirekyt/svelte 0.0.1 → 0.0.3

package/dist/components/avatar/root.svelte

@@ -0,0 +1,37 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UseAvatarProps } from "./use.svelte";
+
+  export interface AvatarRootBaseProps
+    extends Optional<UseAvatarProps, "id">, PolymorphicProps<"div">, RefAttribute {}
+  export interface AvatarRootProps extends Assign<HTMLProps<"div">, AvatarRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { AvatarProvider } from "./use-context";
+  import { useAvatar } from "./use.svelte";
+
+  let { ref = $bindable(null), ...props }: AvatarRootProps = $props();
+  const providedId = $props.id();
+
+  const [useAvatarProps, localProps] = $derived(
+    createSplitProps<Optional<UseAvatarProps, "id">>()(props, ["id", "ids", "onStatusChange"]),
+  );
+
+  const resolvedProps = $derived({
+    ...useAvatarProps,
+    id: providedId,
+  });
+
+  const avatar = useAvatar(() => resolvedProps);
+  const mergedProps = $derived(mergeProps(avatar().getRootProps(), localProps));
+
+  AvatarProvider(avatar);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/avatar/root.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from "../../core";
+import type { UseAvatarProps } from "./use.svelte";
+export interface AvatarRootBaseProps extends Optional<UseAvatarProps, "id">, PolymorphicProps<"div">, RefAttribute {
+}
+export interface AvatarRootProps extends Assign<HTMLProps<"div">, AvatarRootBaseProps> {
+}
+declare const Root: import("svelte").Component<AvatarRootProps, {}, "ref">;
+type Root = ReturnType<typeof Root>;
+export default Root;

package/dist/components/avatar/use-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseAvatarReturn } from "./use.svelte";
+export interface UseAvatarContext extends UseAvatarReturn {
+}
+export declare const AvatarProvider: (opts: UseAvatarContext) => void, useAvatarContext: (fallback?: UseAvatarContext | undefined) => UseAvatarContext;

package/dist/components/avatar/use-context.js

@@ -0,0 +1,4 @@
+import { createContext } from "../../utils";
+export const [AvatarProvider, useAvatarContext] = createContext({
+    name: "AvatarContext",
+});

package/dist/components/avatar/use.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor } from "../../core";
+import { type PropTypes } from "../../core";
+import * as avatar from "@wirekyt/dom/machines/avatar";
+import { type MaybeFunction } from "@wirekyt/dom/utils";
+export interface UseAvatarProps extends Omit<avatar.Props, "dir" | "getRootNode"> {
+}
+export interface UseAvatarReturn extends Accessor<avatar.Api<PropTypes>> {
+}
+export declare const useAvatar: (props: MaybeFunction<UseAvatarProps>) => () => avatar.Api<PropTypes>;

package/dist/components/avatar/use.svelte.js

@@ -0,0 +1,20 @@
+import { normalizeProps, useMachine } from "../../core";
+import { useEnvironmentContext } from "../../providers";
+import { useLocaleContext } from "../../providers";
+import * as avatar from "@wirekyt/dom/machines/avatar";
+import { runIfFn } from "@wirekyt/dom/utils";
+export const useAvatar = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(avatar.machine, () => machineProps);
+    const api = $derived(avatar.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/carousel/anatomy.d.ts

@@ -0,0 +1 @@
+export declare const carouselAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"root" | "item" | "control" | "indicator" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;

package/dist/components/carousel/anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from "@wirekyt/dom/machines/carousel";
+export const carouselAnatomy = anatomy.extendWith("progressText", "autoplayIndicator");

package/dist/components/carousel/autoplay-indicator.svelte

@@ -0,0 +1,40 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { Snippet } from "svelte";
+
+  export interface CarouselAutoplayIndicatorBaseProps
+    extends PolymorphicProps<"span">, RefAttribute {
+    fallback?: Snippet;
+  }
+  export interface CarouselAutoplayIndicatorProps extends Assign<
+    HTMLProps<"span">,
+    CarouselAutoplayIndicatorBaseProps
+  > {
+    children?: Snippet;
+  }
+</script>
+
+<script lang="ts">
+  import { Wire } from "../factory";
+  import { carouselAnatomy } from "./anatomy";
+  import { useCarouselContext } from "./use-context";
+
+  const parts = carouselAnatomy.build();
+
+  let {
+    ref = $bindable(null),
+    children,
+    fallback,
+    ...props
+  }: CarouselAutoplayIndicatorProps = $props();
+
+  const carousel = useCarouselContext();
+</script>
+
+<Wire as="span" bind:ref {...parts.autoplayIndicator.attrs} {...props}>
+  {#if carousel().isPlaying}
+    {@render children?.()}
+  {:else}
+    {@render fallback?.()}
+  {/if}
+</Wire>

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

@@ -0,0 +1,11 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { Snippet } from "svelte";
+export interface CarouselAutoplayIndicatorBaseProps extends PolymorphicProps<"span">, RefAttribute {
+    fallback?: Snippet;
+}
+export interface CarouselAutoplayIndicatorProps extends Assign<HTMLProps<"span">, CarouselAutoplayIndicatorBaseProps> {
+    children?: Snippet;
+}
+declare const AutoplayIndicator: import("svelte").Component<CarouselAutoplayIndicatorProps, {}, "ref">;
+type AutoplayIndicator = ReturnType<typeof AutoplayIndicator>;
+export default AutoplayIndicator;

package/dist/components/carousel/autoplay-trigger.svelte

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface CarouselAutoplayTriggerBaseProps
+    extends PolymorphicProps<"button">, RefAttribute {}
+  export interface CarouselAutoplayTriggerProps extends Assign<
+    HTMLProps<"button">,
+    CarouselAutoplayTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useCarouselContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: CarouselAutoplayTriggerProps = $props();
+
+  const carousel = useCarouselContext();
+  const mergedProps = $derived(mergeProps(carousel().getAutoplayTriggerProps(), props));
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

package/dist/components/carousel/autoplay-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface CarouselAutoplayTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {
+}
+export interface CarouselAutoplayTriggerProps extends Assign<HTMLProps<"button">, CarouselAutoplayTriggerBaseProps> {
+}
+declare const AutoplayTrigger: import("svelte").Component<CarouselAutoplayTriggerProps, {}, "ref">;
+type AutoplayTrigger = ReturnType<typeof AutoplayTrigger>;
+export default AutoplayTrigger;

package/dist/components/carousel/carousel.d.ts

@@ -0,0 +1,14 @@
+export type { AutoplayStatusDetails, DragStatusDetails, PageChangeDetails, } from "@wirekyt/dom/machines/carousel";
+export { default as AutoplayIndicator, type CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, } from "./autoplay-indicator.svelte";
+export { default as ProgressText, type CarouselProgressTextBaseProps as ProgressTextBaseProps, type CarouselProgressTextProps as ProgressTextProps, } from "./progress-text.svelte";
+export { default as AutoplayTrigger, type CarouselAutoplayTriggerBaseProps as AutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps as AutoplayTriggerProps, } from "./autoplay-trigger.svelte";
+export { default as Context, type CarouselContextProps as ContextProps } from "./context.svelte";
+export { default as Control, type CarouselControlBaseProps as ControlBaseProps, type CarouselControlProps as ControlProps, } from "./control.svelte";
+export { default as Indicator, type CarouselIndicatorBaseProps as IndicatorBaseProps, type CarouselIndicatorProps as IndicatorProps, } from "./indicator.svelte";
+export { default as IndicatorGroup, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, type CarouselIndicatorGroupProps as IndicatorGroupProps, } from "./indicator-group.svelte";
+export { default as Item, type CarouselItemBaseProps as ItemBaseProps, type CarouselItemProps as ItemProps, } from "./item.svelte";
+export { default as ItemGroup, type CarouselItemGroupBaseProps as ItemGroupBaseProps, type CarouselItemGroupProps as ItemGroupProps, } from "./item-group.svelte";
+export { default as NextTrigger, type CarouselNextTriggerBaseProps as NextTriggerBaseProps, type CarouselNextTriggerProps as NextTriggerProps, } from "./next-trigger.svelte";
+export { default as PrevTrigger, type CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, type CarouselPrevTriggerProps as PrevTriggerProps, } from "./prev-trigger.svelte";
+export { default as Root, type CarouselRootBaseProps as RootBaseProps, type CarouselRootProps as RootProps, } from "./root.svelte";
+export { default as RootProvider, type CarouselRootProviderBaseProps as RootProviderBaseProps, type CarouselRootProviderProps as RootProviderProps, } from "./root-provider.svelte";

package/dist/components/carousel/carousel.js

@@ -0,0 +1,13 @@
+export { default as AutoplayIndicator, } from "./autoplay-indicator.svelte";
+export { default as ProgressText, } from "./progress-text.svelte";
+export { default as AutoplayTrigger, } from "./autoplay-trigger.svelte";
+export { default as Context } from "./context.svelte";
+export { default as Control, } from "./control.svelte";
+export { default as Indicator, } from "./indicator.svelte";
+export { default as IndicatorGroup, } from "./indicator-group.svelte";
+export { default as Item, } from "./item.svelte";
+export { default as ItemGroup, } from "./item-group.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 RootProvider, } from "./root-provider.svelte";

package/dist/components/carousel/context.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from "svelte";
+
+  export interface CarouselContextProps {
+    render: Snippet<[UseCarouselContext]>;
+  }
+</script>
+
+<script lang="ts">
+  import { useCarouselContext, type UseCarouselContext } from "./use-context";
+
+  let { render }: CarouselContextProps = $props();
+
+  const carousel = useCarouselContext();
+</script>
+
+{@render render(carousel)}

package/dist/components/carousel/context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from "svelte";
+export interface CarouselContextProps {
+    render: Snippet<[UseCarouselContext]>;
+}
+import { type UseCarouselContext } from "./use-context";
+declare const Context: import("svelte").Component<CarouselContextProps, {}, "">;
+type Context = ReturnType<typeof Context>;
+export default Context;

package/dist/components/carousel/control.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface CarouselControlBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface CarouselControlProps extends Assign<
+    HTMLProps<"div">,
+    CarouselControlBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useCarouselContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: CarouselControlProps = $props();
+
+  const carousel = useCarouselContext();
+  const mergedProps = $derived(mergeProps(carousel().getControlProps(), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/carousel/control.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface CarouselControlBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface CarouselControlProps extends Assign<HTMLProps<"div">, CarouselControlBaseProps> {
+}
+declare const Control: import("svelte").Component<CarouselControlProps, {}, "ref">;
+type Control = ReturnType<typeof Control>;
+export default Control;

package/dist/components/carousel/index.d.ts

@@ -0,0 +1,18 @@
+export type { AutoplayStatusDetails as CarouselAutoplayStatusDetails, DragStatusDetails as CarouselDragStatusDetails, PageChangeDetails as CarouselPageChangeDetails, } from "@wirekyt/dom/machines/carousel";
+export { default as CarouselAutoplayIndicator, type CarouselAutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps, } from "./autoplay-indicator.svelte";
+export { default as CarouselProgressText, type CarouselProgressTextBaseProps, type CarouselProgressTextProps, } from "./progress-text.svelte";
+export { default as CarouselAutoplayTrigger, type CarouselAutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps, } from "./autoplay-trigger.svelte";
+export { default as CarouselContext, type CarouselContextProps } from "./context.svelte";
+export { default as CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, } from "./control.svelte";
+export { default as CarouselIndicator, type CarouselIndicatorBaseProps, type CarouselIndicatorProps, } from "./indicator.svelte";
+export { default as CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, } from "./indicator-group.svelte";
+export { default as CarouselItem, type CarouselItemBaseProps, type CarouselItemProps, } from "./item.svelte";
+export { default as CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps, } from "./item-group.svelte";
+export { default as CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, } from "./next-trigger.svelte";
+export { default as CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, } from "./prev-trigger.svelte";
+export { default as CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps, } from "./root.svelte";
+export { default as CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, } from "./root-provider.svelte";
+export { carouselAnatomy } from "./anatomy";
+export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from "./use.svelte";
+export { useCarouselContext, type UseCarouselContext } from "./use-context";
+export * as Carousel from "./carousel";

package/dist/components/carousel/index.js

@@ -0,0 +1,17 @@
+export { default as CarouselAutoplayIndicator, } from "./autoplay-indicator.svelte";
+export { default as CarouselProgressText, } from "./progress-text.svelte";
+export { default as CarouselAutoplayTrigger, } from "./autoplay-trigger.svelte";
+export { default as CarouselContext } from "./context.svelte";
+export { default as CarouselControl, } from "./control.svelte";
+export { default as CarouselIndicator, } from "./indicator.svelte";
+export { default as CarouselIndicatorGroup, } from "./indicator-group.svelte";
+export { default as CarouselItem, } from "./item.svelte";
+export { default as CarouselItemGroup, } from "./item-group.svelte";
+export { default as CarouselNextTrigger, } from "./next-trigger.svelte";
+export { default as CarouselPrevTrigger, } from "./prev-trigger.svelte";
+export { default as CarouselRoot, } from "./root.svelte";
+export { default as CarouselRootProvider, } from "./root-provider.svelte";
+export { carouselAnatomy } from "./anatomy";
+export { useCarousel } from "./use.svelte";
+export { useCarouselContext } from "./use-context";
+export * as Carousel from "./carousel";

package/dist/components/carousel/indicator-group.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface CarouselIndicatorGroupBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface CarouselIndicatorGroupProps extends Assign<
+    HTMLProps<"div">,
+    CarouselIndicatorGroupBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useCarouselContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: CarouselIndicatorGroupProps = $props();
+
+  const carousel = useCarouselContext();
+  const mergedProps = $derived(mergeProps(carousel().getIndicatorGroupProps(), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface CarouselIndicatorGroupBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface CarouselIndicatorGroupProps extends Assign<HTMLProps<"div">, CarouselIndicatorGroupBaseProps> {
+}
+declare const IndicatorGroup: import("svelte").Component<CarouselIndicatorGroupProps, {}, "ref">;
+type IndicatorGroup = ReturnType<typeof IndicatorGroup>;
+export default IndicatorGroup;

package/dist/components/carousel/indicator.svelte

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { IndicatorProps } from "@wirekyt/dom/machines/carousel";
+
+  export interface CarouselIndicatorBaseProps
+    extends IndicatorProps, PolymorphicProps<"button">, RefAttribute {}
+  export interface CarouselIndicatorProps extends Assign<
+    HTMLProps<"button">,
+    CarouselIndicatorBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useCarouselContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: CarouselIndicatorProps = $props();
+  const [indicatorProps, localProps] = $derived(
+    createSplitProps<IndicatorProps>()(props, ["index", "readOnly"]),
+  );
+
+  const carousel = useCarouselContext();
+  const mergedProps = $derived(
+    mergeProps(carousel().getIndicatorProps(indicatorProps), localProps),
+  );
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { IndicatorProps } from "@wirekyt/dom/machines/carousel";
+export interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps<"button">, RefAttribute {
+}
+export interface CarouselIndicatorProps extends Assign<HTMLProps<"button">, CarouselIndicatorBaseProps> {
+}
+declare const Indicator: import("svelte").Component<CarouselIndicatorProps, {}, "ref">;
+type Indicator = ReturnType<typeof Indicator>;
+export default Indicator;

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

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface CarouselItemGroupBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface CarouselItemGroupProps extends Assign<
+    HTMLProps<"div">,
+    CarouselItemGroupBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useCarouselContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: CarouselItemGroupProps = $props();
+
+  const carousel = useCarouselContext();
+  const mergedProps = $derived(mergeProps(carousel().getItemGroupProps(), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface CarouselItemGroupBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface CarouselItemGroupProps extends Assign<HTMLProps<"div">, CarouselItemGroupBaseProps> {
+}
+declare const ItemGroup: import("svelte").Component<CarouselItemGroupProps, {}, "ref">;
+type ItemGroup = ReturnType<typeof ItemGroup>;
+export default ItemGroup;

package/dist/components/carousel/item.svelte

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ItemProps } from "@wirekyt/dom/machines/carousel";
+
+  export interface CarouselItemBaseProps extends ItemProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface CarouselItemProps extends Assign<HTMLProps<"div">, CarouselItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useCarouselContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: CarouselItemProps = $props();
+
+  const [itemProps, localProps] = $derived(
+    createSplitProps<ItemProps>()(props, ["index", "snapAlign"]),
+  );
+
+  const carousel = useCarouselContext();
+  const mergedProps = $derived(mergeProps(carousel().getItemProps(itemProps), localProps));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { ItemProps } from "@wirekyt/dom/machines/carousel";
+export interface CarouselItemBaseProps extends ItemProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface CarouselItemProps extends Assign<HTMLProps<"div">, CarouselItemBaseProps> {
+}
+declare const Item: import("svelte").Component<CarouselItemProps, {}, "ref">;
+type Item = ReturnType<typeof Item>;
+export default Item;

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

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface CarouselNextTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {}
+  export interface CarouselNextTriggerProps extends Assign<
+    HTMLProps<"button">,
+    CarouselNextTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useCarouselContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: CarouselNextTriggerProps = $props();
+
+  const carousel = useCarouselContext();
+  const mergedProps = $derived(mergeProps(carousel().getNextTriggerProps(), props));
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface CarouselNextTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {
+}
+export interface CarouselNextTriggerProps extends Assign<HTMLProps<"button">, CarouselNextTriggerBaseProps> {
+}
+declare const NextTrigger: import("svelte").Component<CarouselNextTriggerProps, {}, "ref">;
+type NextTrigger = ReturnType<typeof NextTrigger>;
+export default NextTrigger;

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

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface CarouselPrevTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {}
+  export interface CarouselPrevTriggerProps extends Assign<
+    HTMLProps<"button">,
+    CarouselPrevTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useCarouselContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: CarouselPrevTriggerProps = $props();
+
+  const carousel = useCarouselContext();
+  const mergedProps = $derived(mergeProps(carousel().getPrevTriggerProps(), props));
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface CarouselPrevTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {
+}
+export interface CarouselPrevTriggerProps extends Assign<HTMLProps<"button">, CarouselPrevTriggerBaseProps> {
+}
+declare const PrevTrigger: import("svelte").Component<CarouselPrevTriggerProps, {}, "ref">;
+type PrevTrigger = ReturnType<typeof PrevTrigger>;
+export default PrevTrigger;

package/dist/components/carousel/progress-text.svelte

@@ -0,0 +1,35 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface CarouselProgressTextBaseProps extends PolymorphicProps<"span">, RefAttribute {}
+  export interface CarouselProgressTextProps extends Assign<
+    HTMLProps<"span">,
+    CarouselProgressTextBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { Wire } from "../factory";
+  import { carouselAnatomy } from "./anatomy";
+  import { useCarouselContext } from "./use-context";
+
+  const parts = carouselAnatomy.build();
+
+  let { ref = $bindable(null), children, ...props }: CarouselProgressTextProps = $props();
+
+  const carousel = useCarouselContext();
+
+  const progressText = $derived(() => {
+    const currentPage = carousel().page + 1;
+    const totalPages = carousel().pageSnapPoints.length;
+    return `${currentPage} / ${totalPages}`;
+  });
+</script>
+
+<Wire as="span" bind:ref {...parts.progressText.attrs} {...props}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {progressText()}
+  {/if}
+</Wire>

package/dist/components/carousel/progress-text.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface CarouselProgressTextBaseProps extends PolymorphicProps<"span">, RefAttribute {
+}
+export interface CarouselProgressTextProps extends Assign<HTMLProps<"span">, CarouselProgressTextBaseProps> {
+}
+declare const ProgressText: import("svelte").Component<CarouselProgressTextProps, {}, "ref">;
+type ProgressText = ReturnType<typeof ProgressText>;
+export default ProgressText;

package/dist/components/carousel/root-provider.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UseCarouselReturn } from "./use.svelte";
+
+  export interface CarouselRootProviderBaseProps extends PolymorphicProps<"div">, RefAttribute {
+    value: UseCarouselReturn;
+  }
+  export interface CarouselRootProviderProps extends Assign<
+    HTMLProps<"div">,
+    CarouselRootProviderBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { CarouselProvider } from "./use-context";
+
+  let { ref = $bindable(null), value, ...props }: CarouselRootProviderProps = $props();
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props));
+
+  CarouselProvider(() => value());
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { UseCarouselReturn } from "./use.svelte";
+export interface CarouselRootProviderBaseProps extends PolymorphicProps<"div">, RefAttribute {
+    value: UseCarouselReturn;
+}
+export interface CarouselRootProviderProps extends Assign<HTMLProps<"div">, CarouselRootProviderBaseProps> {
+}
+declare const RootProvider: import("svelte").Component<CarouselRootProviderProps, {}, "ref">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;