@wirekyt/svelte 0.0.1 → 0.0.2

package/dist/components/slider/value-text.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { Snippet } from "svelte";
+export interface SliderValueTextBaseProps extends PolymorphicProps<"div">, RefAttribute {
+    children?: Snippet;
+}
+export interface SliderValueTextProps extends HTMLProps<"div">, SliderValueTextBaseProps {
+}
+declare const ValueText: import("svelte").Component<SliderValueTextProps, {}, "ref">;
+type ValueText = ReturnType<typeof ValueText>;
+export default ValueText;

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

@@ -0,0 +1 @@
+export { anatomy as splitterAnatomy } from "@wirekyt/dom/machines/splitter";

package/dist/components/splitter/anatomy.js

@@ -0,0 +1 @@
+export { anatomy as splitterAnatomy } from "@wirekyt/dom/machines/splitter";

package/dist/components/splitter/context.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Snippet } from "svelte";
+
+  import type { UseSplitterContext } from "./use-context";
+
+  export interface SplitterContextProps {
+    render: Snippet<[UseSplitterContext]>;
+  }
+</script>
+
+<script lang="ts">
+  import { useSplitterContext } from "./use-context";
+
+  const { render }: SplitterContextProps = $props();
+
+  const splitter = useSplitterContext();
+</script>
+
+{@render render(splitter)}

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

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

package/dist/components/splitter/create-registry.d.ts

@@ -0,0 +1,6 @@
+import * as splitter from "@wirekyt/dom/machines/splitter";
+export interface SplitterRegistryProps extends splitter.SplitterRegistryOptions {
+}
+export interface SplitterRegistryReturn extends splitter.SplitterRegistry {
+}
+export declare const createSplitterRegistry: (props?: splitter.SplitterRegistryOptions) => splitter.SplitterRegistry;

package/dist/components/splitter/create-registry.js

@@ -0,0 +1,4 @@
+import * as splitter from "@wirekyt/dom/machines/splitter";
+export const createSplitterRegistry = (props) => {
+    return splitter.registry(props);
+};

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

@@ -0,0 +1,12 @@
+export { layout as getSplitterLayout } from "@wirekyt/dom/machines/splitter";
+export type { ExpandCollapseDetails as SplitterExpandCollapseDetails, PanelData as SplitterPanelData, ResizeDetails as SplitterResizeDetails, ResizeEndDetails as SplitterResizeEndDetails, } from "@wirekyt/dom/machines/splitter";
+export { default as SplitterContext, type SplitterContextProps } from "./context.svelte";
+export { default as SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelProps, } from "./panel.svelte";
+export { default as SplitterResizeTrigger, type SplitterResizeTriggerBaseProps, type SplitterResizeTriggerProps, } from "./resize-trigger.svelte";
+export { default as SplitterResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps, } from "./resize-trigger-indicator.svelte";
+export { default as SplitterRootProvider, type SplitterRootProviderBaseProps, type SplitterRootProviderProps, } from "./root-provider.svelte";
+export { default as SplitterRoot, type SplitterRootBaseProps, type SplitterRootProps, } from "./root.svelte";
+export { createSplitterRegistry, type SplitterRegistryProps, type SplitterRegistryReturn, } from "./create-registry";
+export { useSplitterContext, type UseSplitterContext } from "./use-context";
+export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from "./use.svelte";
+export * as Splitter from "./splitter";

package/dist/components/splitter/index.js

@@ -0,0 +1,11 @@
+export { layout as getSplitterLayout } from "@wirekyt/dom/machines/splitter";
+export { default as SplitterContext } from "./context.svelte";
+export { default as SplitterPanel, } from "./panel.svelte";
+export { default as SplitterResizeTrigger, } from "./resize-trigger.svelte";
+export { default as SplitterResizeTriggerIndicator, } from "./resize-trigger-indicator.svelte";
+export { default as SplitterRootProvider, } from "./root-provider.svelte";
+export { default as SplitterRoot, } from "./root.svelte";
+export { createSplitterRegistry, } from "./create-registry";
+export { useSplitterContext } from "./use-context";
+export { useSplitter } from "./use.svelte";
+export * as Splitter from "./splitter";

package/dist/components/splitter/panel.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { PanelProps } from "@wirekyt/dom/machines/splitter";
+
+  export interface SplitterPanelBaseProps
+    extends PanelProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface SplitterPanelProps extends Assign<HTMLProps<"div">, SplitterPanelBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useSplitterContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: SplitterPanelProps = $props();
+
+  const [splitterPanelProps, localProps] = $derived(createSplitProps<PanelProps>()(props, ["id"]));
+
+  const splitter = useSplitterContext();
+  const mergedProps = $derived(
+    mergeProps(splitter().getPanelProps(splitterPanelProps), localProps),
+  );
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/splitter/panel.svelte.d.ts

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

package/dist/components/splitter/resize-trigger-indicator.svelte

@@ -0,0 +1,28 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface SplitterResizeTriggerIndicatorBaseProps
+    extends PolymorphicProps<"div">, RefAttribute {}
+  export interface SplitterResizeTriggerIndicatorProps extends Assign<
+    HTMLProps<"div">,
+    SplitterResizeTriggerIndicatorBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useSplitterContext } from "./use-context";
+  import { useSplitterResizeTriggerPropsContext } from "./use-resize-trigger-props-context";
+
+  let { ref = $bindable(null), ...props }: SplitterResizeTriggerIndicatorProps = $props();
+
+  const splitter = useSplitterContext();
+  const triggerProps = useSplitterResizeTriggerPropsContext();
+  const mergedProps = $derived(
+    mergeProps(splitter().getResizeTriggerIndicator(triggerProps()), props),
+  );
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/splitter/resize-trigger-indicator.svelte.d.ts

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

package/dist/components/splitter/resize-trigger.svelte

@@ -0,0 +1,35 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ResizeTriggerProps } from "@wirekyt/dom/machines/splitter";
+
+  export interface SplitterResizeTriggerBaseProps
+    extends ResizeTriggerProps, PolymorphicProps<"button">, RefAttribute {}
+  export interface SplitterResizeTriggerProps extends Assign<
+    HTMLProps<"button">,
+    SplitterResizeTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useSplitterContext } from "./use-context";
+  import { SplitterResizeTriggerPropsProvider } from "./use-resize-trigger-props-context";
+
+  let { ref = $bindable(null), ...props }: SplitterResizeTriggerProps = $props();
+
+  const [triggerProps, localProps] = $derived(
+    createSplitProps<ResizeTriggerProps>()(props, ["disabled", "id"]),
+  );
+
+  const splitter = useSplitterContext();
+  const mergedProps = $derived(
+    mergeProps(splitter().getResizeTriggerProps(triggerProps), localProps),
+  );
+
+  SplitterResizeTriggerPropsProvider(() => triggerProps);
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

package/dist/components/splitter/resize-trigger.svelte.d.ts

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

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

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

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

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

package/dist/components/splitter/root.svelte

@@ -0,0 +1,45 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UseSplitterProps } from "./use.svelte";
+
+  export interface SplitterRootBaseProps
+    extends UseSplitterProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface SplitterRootProps extends Assign<HTMLProps<"div">, SplitterRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { splitSplitterProps } from "./split-props.svelte";
+  import { SplitterProvider } from "./use-context";
+  import { useSplitter } from "./use.svelte";
+
+  let {
+    ref = $bindable(null),
+    size = $bindable<number[]>(),
+    ...props
+  }: SplitterRootProps = $props();
+
+  const [useSplitterProps, localProps] = $derived(splitSplitterProps(props));
+
+  const id = $props.id();
+
+  const machineProps = $derived.by(() => ({
+    ...useSplitterProps,
+    id: useSplitterProps.id ?? id,
+    size,
+    onResize: (details: any) => {
+      useSplitterProps.onResize?.(details);
+      size = details.size;
+    },
+  }));
+
+  const splitter = useSplitter(() => machineProps);
+  const mergedProps = $derived(mergeProps(splitter().getRootProps(), localProps));
+
+  SplitterProvider(splitter);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

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

package/dist/components/splitter/split-props.svelte.d.ts

@@ -0,0 +1,2 @@
+import type { UseSplitterProps } from "./use.svelte";
+export declare function splitSplitterProps<T extends UseSplitterProps>(props: T): [UseSplitterProps, Omit<T, "id" | "ids" | "orientation" | "size" | "defaultSize" | "panels" | "onResize" | "onResizeStart" | "onResizeEnd" | "keyboardResizeBy" | "nonce" | "onCollapse" | "onExpand" | "registry">];

package/dist/components/splitter/split-props.svelte.js

@@ -0,0 +1,19 @@
+import { createSplitProps } from "../../utils";
+export function splitSplitterProps(props) {
+    return createSplitProps()(props, [
+        "defaultSize",
+        "id",
+        "ids",
+        "keyboardResizeBy",
+        "nonce",
+        "onCollapse",
+        "onExpand",
+        "onResize",
+        "onResizeEnd",
+        "onResizeStart",
+        "orientation",
+        "panels",
+        "registry",
+        "size",
+    ]);
+}

package/dist/components/splitter/splitter.d.ts

@@ -0,0 +1,9 @@
+export { createSplitterRegistry as createRegistry } from "./create-registry";
+export { layout as getLayout } from "@wirekyt/dom/machines/splitter";
+export type { ExpandCollapseDetails, PanelData, ResizeDetails, ResizeEndDetails, } from "@wirekyt/dom/machines/splitter";
+export { default as Context, type SplitterContextProps as ContextProps } from "./context.svelte";
+export { default as Panel, type SplitterPanelBaseProps as PanelBaseProps, type SplitterPanelProps as PanelProps, } from "./panel.svelte";
+export { default as ResizeTrigger, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, type SplitterResizeTriggerProps as ResizeTriggerProps, } from "./resize-trigger.svelte";
+export { default as ResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps as ResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps as ResizeTriggerIndicatorProps, } from "./resize-trigger-indicator.svelte";
+export { default as RootProvider, type SplitterRootProviderBaseProps as RootProviderBaseProps, type SplitterRootProviderProps as RootProviderProps, } from "./root-provider.svelte";
+export { default as Root, type SplitterRootBaseProps as RootBaseProps, type SplitterRootProps as RootProps, } from "./root.svelte";

package/dist/components/splitter/splitter.js

@@ -0,0 +1,8 @@
+export { createSplitterRegistry as createRegistry } from "./create-registry";
+export { layout as getLayout } from "@wirekyt/dom/machines/splitter";
+export { default as Context } from "./context.svelte";
+export { default as Panel, } from "./panel.svelte";
+export { default as ResizeTrigger, } from "./resize-trigger.svelte";
+export { default as ResizeTriggerIndicator, } from "./resize-trigger-indicator.svelte";
+export { default as RootProvider, } from "./root-provider.svelte";
+export { default as Root, } from "./root.svelte";

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

@@ -0,0 +1,6 @@
+import type { Accessor } from "../../core";
+import type { PropTypes } from "../../core";
+import type { Api } from "@wirekyt/dom/machines/splitter";
+export interface UseSplitterContext extends Accessor<Api<PropTypes>> {
+}
+export declare const SplitterProvider: (opts: UseSplitterContext) => void, useSplitterContext: (fallback?: UseSplitterContext | undefined) => UseSplitterContext;

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

@@ -0,0 +1,6 @@
+import { createContext } from "../../utils";
+export const [SplitterProvider, useSplitterContext] = createContext({
+    name: "SplitterContext",
+    hookName: "useSplitterContext",
+    providerName: "<SplitterProvider />",
+});

package/dist/components/splitter/use-resize-trigger-props-context.d.ts

@@ -0,0 +1,3 @@
+import type { Accessor } from "../../core";
+import type { ResizeTriggerProps } from "@wirekyt/dom/machines/splitter";
+export declare const SplitterResizeTriggerPropsProvider: (opts: Accessor<ResizeTriggerProps>) => void, useSplitterResizeTriggerPropsContext: (fallback?: Accessor<ResizeTriggerProps> | undefined) => Accessor<ResizeTriggerProps>;

package/dist/components/splitter/use-resize-trigger-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from "../../utils";
+export const [SplitterResizeTriggerPropsProvider, useSplitterResizeTriggerPropsContext] = createContext({
+    name: "SplitterResizeTriggerPropsContext",
+    hookName: "useSplitterResizeTriggerPropsContext",
+    providerName: "<SplitterResizeTriggerPropsProvider />",
+});

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

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

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

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

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

@@ -0,0 +1 @@
+export { anatomy as stepsAnatomy } from "@wirekyt/dom/machines/steps";

package/dist/components/steps/anatomy.js

@@ -0,0 +1 @@
+export { anatomy as stepsAnatomy } from "@wirekyt/dom/machines/steps";

package/dist/components/steps/completed-content.svelte

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface StepsCompletedContentBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface StepsCompletedContentProps extends Assign<
+    HTMLProps<"div">,
+    StepsCompletedContentBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useStepsContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: StepsCompletedContentProps = $props();
+
+  const steps = useStepsContext();
+  const mergedProps = $derived(
+    mergeProps(steps().getContentProps({ index: steps().count }), props),
+  );
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/steps/completed-content.svelte.d.ts

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

package/dist/components/steps/content.svelte

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

package/dist/components/steps/content.svelte.d.ts

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

package/dist/components/steps/context.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Snippet } from "svelte";
+
+  import type { UseStepsContext } from "./use-context";
+
+  export interface StepsContextProps {
+    render: Snippet<[UseStepsContext]>;
+  }
+</script>
+
+<script lang="ts">
+  import { useStepsContext } from "./use-context";
+
+  let { render }: StepsContextProps = $props();
+
+  const stepsContext = useStepsContext();
+</script>
+
+{@render render(stepsContext)}

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

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

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

@@ -0,0 +1,20 @@
+export type { StepChangeDetails as StepsStepChangeDetails } from "@wirekyt/dom/machines/steps";
+export { default as StepsCompletedContent, type StepsCompletedContentBaseProps, type StepsCompletedContentProps, } from "./completed-content.svelte";
+export { default as StepsContent, type StepsContentBaseProps, type StepsContentProps, } from "./content.svelte";
+export { default as StepsContext, type StepsContextProps } from "./context.svelte";
+export { default as StepsIndicator, type StepsIndicatorBaseProps, type StepsIndicatorProps, } from "./indicator.svelte";
+export { default as StepsItem, type StepsItemBaseProps, type StepsItemProps } from "./item.svelte";
+export { default as StepsItemContext, type StepsItemContextProps } from "./item-context.svelte";
+export { default as StepsList, type StepsListBaseProps, type StepsListProps } from "./list.svelte";
+export { default as StepsNextTrigger, type StepsNextTriggerBaseProps, type StepsNextTriggerProps, } from "./next-trigger.svelte";
+export { default as StepsPrevTrigger, type StepsPrevTriggerBaseProps, type StepsPrevTriggerProps, } from "./prev-trigger.svelte";
+export { default as StepsProgress, type StepsProgressBaseProps, type StepsProgressProps, } from "./progress.svelte";
+export { default as StepsRoot, type StepsRootBaseProps, type StepsRootProps } from "./root.svelte";
+export { default as StepsRootProvider, type StepsRootProviderBaseProps, type StepsRootProviderProps, } from "./root-provider.svelte";
+export { default as StepsSeparator, type StepsSeparatorBaseProps, type StepsSeparatorProps, } from "./separator.svelte";
+export { default as StepsTrigger, type StepsTriggerBaseProps, type StepsTriggerProps, } from "./trigger.svelte";
+export { stepsAnatomy } from "./anatomy";
+export { useSteps, type UseStepsProps, type UseStepsReturn } from "./use.svelte";
+export { useStepsContext, type UseStepsContext } from "./use-context";
+export { useStepsItemContext, type UseStepsItemContext } from "./use-item-context";
+export * as Steps from "./steps";

package/dist/components/steps/index.js

@@ -0,0 +1,19 @@
+export { default as StepsCompletedContent, } from "./completed-content.svelte";
+export { default as StepsContent, } from "./content.svelte";
+export { default as StepsContext } from "./context.svelte";
+export { default as StepsIndicator, } from "./indicator.svelte";
+export { default as StepsItem } from "./item.svelte";
+export { default as StepsItemContext } from "./item-context.svelte";
+export { default as StepsList } from "./list.svelte";
+export { default as StepsNextTrigger, } from "./next-trigger.svelte";
+export { default as StepsPrevTrigger, } from "./prev-trigger.svelte";
+export { default as StepsProgress, } from "./progress.svelte";
+export { default as StepsRoot } from "./root.svelte";
+export { default as StepsRootProvider, } from "./root-provider.svelte";
+export { default as StepsSeparator, } from "./separator.svelte";
+export { default as StepsTrigger, } from "./trigger.svelte";
+export { stepsAnatomy } from "./anatomy";
+export { useSteps } from "./use.svelte";
+export { useStepsContext } from "./use-context";
+export { useStepsItemContext } from "./use-item-context";
+export * as Steps from "./steps";

package/dist/components/steps/indicator.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface StepsIndicatorBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface StepsIndicatorProps extends Assign<HTMLProps<"div">, StepsIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useStepsContext } from "./use-context";
+  import { useStepsItemPropsContext } from "./use-item-props-context";
+
+  let { ref = $bindable(null), ...props }: StepsIndicatorProps = $props();
+
+  const steps = useStepsContext();
+  const itemProps = useStepsItemPropsContext();
+  const mergedProps = $derived(mergeProps(steps().getIndicatorProps(itemProps()), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

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

package/dist/components/steps/item-context.svelte

@@ -0,0 +1,19 @@
+<script lang="ts" module>
+  import type { Snippet } from "svelte";
+
+  import type { UseStepsItemContext } from "./use-item-context";
+
+  export interface StepsItemContextProps {
+    render: Snippet<[UseStepsItemContext]>;
+  }
+</script>
+
+<script lang="ts">
+  import { useStepsItemContext } from "./use-item-context";
+
+  let { render }: StepsItemContextProps = $props();
+
+  const context = useStepsItemContext();
+</script>
+
+{@render render(context)}