@wirekyt/svelte 0.0.1 → 0.0.2

package/dist/components/popover/index.js

@@ -0,0 +1,17 @@
+export { default as PopoverAnchor, } from "./anchor.svelte";
+export { default as PopoverArrowTip, } from "./arrow-tip.svelte";
+export { default as PopoverArrow, } from "./arrow.svelte";
+export { default as PopoverCloseTrigger, } from "./close-trigger.svelte";
+export { default as PopoverContent, } from "./content.svelte";
+export { default as PopoverContext } from "./context.svelte";
+export { default as PopoverDescription, } from "./description.svelte";
+export { default as PopoverIndicator, } from "./indicator.svelte";
+export { default as PopoverPositioner, } from "./positioner.svelte";
+export { default as PopoverRootProvider, } from "./root-provider.svelte";
+export { default as PopoverRoot, } from "./root.svelte";
+export { default as PopoverTitle, } from "./title.svelte";
+export { default as PopoverTrigger, } from "./trigger.svelte";
+export { popoverAnatomy } from "./anatomy";
+export { usePopoverContext } from "./use-context";
+export { usePopover } from "./use.svelte";
+export * as Popover from "./popover";

package/dist/components/popover/indicator.svelte

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

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

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

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,14 @@
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, TriggerValueChangeDetails, } from "@wirekyt/dom/machines/popover";
+export { default as Anchor, type PopoverAnchorBaseProps as AnchorBaseProps, type PopoverAnchorProps as AnchorProps, } from "./anchor.svelte";
+export { default as Arrow, type PopoverArrowBaseProps as ArrowBaseProps, type PopoverArrowProps as ArrowProps, } from "./arrow.svelte";
+export { default as ArrowTip, type PopoverArrowTipBaseProps as ArrowTipBaseProps, type PopoverArrowTipProps as ArrowTipProps, } from "./arrow-tip.svelte";
+export { default as CloseTrigger, type PopoverCloseTriggerBaseProps as CloseTriggerBaseProps, type PopoverCloseTriggerProps as CloseTriggerProps, } from "./close-trigger.svelte";
+export { default as Content, type PopoverContentBaseProps as ContentBaseProps, type PopoverContentProps as ContentProps, } from "./content.svelte";
+export { default as Context, type PopoverContextProps as ContextProps } from "./context.svelte";
+export { default as Description, type PopoverDescriptionBaseProps as DescriptionBaseProps, type PopoverDescriptionProps as DescriptionProps, } from "./description.svelte";
+export { default as Indicator, type PopoverIndicatorBaseProps as IndicatorBaseProps, type PopoverIndicatorProps as IndicatorProps, } from "./indicator.svelte";
+export { default as Positioner, type PopoverPositionerBaseProps as PositionerBaseProps, type PopoverPositionerProps as PositionerProps, } from "./positioner.svelte";
+export { default as Root, type PopoverRootBaseProps as RootBaseProps, type PopoverRootProps as RootProps, } from "./root.svelte";
+export { default as RootProvider, type PopoverRootProviderBaseProps as RootProviderBaseProps, type PopoverRootProviderProps as RootProviderProps, } from "./root-provider.svelte";
+export { default as Title, type PopoverTitleBaseProps as TitleBaseProps, type PopoverTitleProps as TitleProps, } from "./title.svelte";
+export { default as Trigger, type PopoverTriggerBaseProps as TriggerBaseProps, type PopoverTriggerProps as TriggerProps, } from "./trigger.svelte";

package/dist/components/popover/popover.js

@@ -0,0 +1,13 @@
+export { default as Anchor, } from "./anchor.svelte";
+export { default as Arrow, } from "./arrow.svelte";
+export { default as ArrowTip, } from "./arrow-tip.svelte";
+export { default as CloseTrigger, } from "./close-trigger.svelte";
+export { default as Content, } from "./content.svelte";
+export { default as Context } from "./context.svelte";
+export { default as Description, } from "./description.svelte";
+export { default as Indicator, } from "./indicator.svelte";
+export { default as Positioner, } from "./positioner.svelte";
+export { default as Root, } from "./root.svelte";
+export { default as RootProvider, } from "./root-provider.svelte";
+export { default as Title, } from "./title.svelte";
+export { default as Trigger, } from "./trigger.svelte";

package/dist/components/popover/positioner.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface PopoverPositionerBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface PopoverPositionerProps extends Assign<
+    HTMLProps<"div">,
+    PopoverPositionerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { usePresenceContext } from "../presence";
+  import { usePopoverContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: PopoverPositionerProps = $props();
+
+  const popover = usePopoverContext();
+  const presence = usePresenceContext();
+  const mergedProps = $derived(mergeProps(popover().getPositionerProps(), props));
+</script>
+
+{#if !presence().unmounted}
+  <Wire as="div" bind:ref {...mergedProps} />
+{/if}

package/dist/components/popover/positioner.svelte.d.ts

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

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

@@ -0,0 +1,30 @@
+<script module lang="ts">
+  import type { UsePresenceProps } from "../presence";
+  import type { UsePopoverReturn } from "./use.svelte";
+
+  interface RootProviderProps {
+    value: UsePopoverReturn;
+  }
+
+  export interface PopoverRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+    children?: Snippet;
+  }
+  export interface PopoverRootProviderProps extends PopoverRootProviderBaseProps {}
+</script>
+
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  import { PresenceProvider, splitPresenceProps, usePresence } from "../presence";
+  import { PopoverProvider } from "./use-context";
+
+  const { value, ...props }: PopoverRootProviderProps = $props();
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props));
+  const presence = usePresence(() => ({ present: value().open, ...presenceProps }));
+
+  PopoverProvider(() => value());
+  PresenceProvider(presence);
+</script>
+
+{@render localProps.children?.()}

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

@@ -0,0 +1,14 @@
+import type { UsePresenceProps } from "../presence";
+import type { UsePopoverReturn } from "./use.svelte";
+interface RootProviderProps {
+    value: UsePopoverReturn;
+}
+export interface PopoverRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+    children?: Snippet;
+}
+export interface PopoverRootProviderProps extends PopoverRootProviderBaseProps {
+}
+import type { Snippet } from "svelte";
+declare const RootProvider: import("svelte").Component<PopoverRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

package/dist/components/popover/root.svelte

@@ -0,0 +1,50 @@
+<script module lang="ts">
+  import type { Snippet } from "svelte";
+
+  import type { UsePresenceProps } from "../presence";
+  import type { UsePopoverProps } from "./use.svelte";
+
+  export interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {}
+  export interface PopoverRootProps extends PopoverRootBaseProps {
+    children?: Snippet;
+  }
+</script>
+
+<script lang="ts">
+  import { PresenceProvider, usePresence } from "../presence";
+  import { splitPresenceProps } from "../presence";
+  import { PopoverProvider } from "./use-context";
+  import { usePopover } from "./use.svelte";
+
+  let { open = $bindable(), children, ...props }: PopoverRootProps = $props();
+
+  const providedId = $props.id();
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props));
+
+  const machineProps = $derived.by<UsePopoverProps>(() => {
+    return {
+      ...localProps,
+      id: localProps.id ?? providedId,
+      open,
+      onOpenChange(details) {
+        localProps.onOpenChange?.(details);
+        if (open !== undefined) open = details.open;
+      },
+    };
+  });
+
+  const popover = usePopover(() => machineProps);
+
+  const presenceMachineProps = $derived.by<UsePresenceProps>(() => ({
+    ...presenceProps,
+    present: popover().open,
+  }));
+
+  const presence = usePresence(() => presenceMachineProps);
+
+  PopoverProvider(popover);
+  PresenceProvider(presence);
+</script>
+
+{@render children?.()}

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

@@ -0,0 +1,11 @@
+import type { Snippet } from "svelte";
+import type { UsePresenceProps } from "../presence";
+import type { UsePopoverProps } from "./use.svelte";
+export interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {
+}
+export interface PopoverRootProps extends PopoverRootBaseProps {
+    children?: Snippet;
+}
+declare const Root: import("svelte").Component<PopoverRootProps, {}, "open">;
+type Root = ReturnType<typeof Root>;
+export default Root;

package/dist/components/popover/title.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface PopoverTitleBaseProps extends PolymorphicProps<"h2">, RefAttribute {}
+  export interface PopoverTitleProps extends Assign<HTMLProps<"h2">, PopoverTitleBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { usePopoverContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: PopoverTitleProps = $props();
+
+  const popover = usePopoverContext();
+  const mergedProps = $derived(mergeProps(popover().getTitleProps(), props));
+</script>
+
+<Wire as="h2" bind:ref {...mergedProps} />

package/dist/components/popover/title.svelte.d.ts

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

package/dist/components/popover/trigger.svelte

@@ -0,0 +1,38 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { TriggerProps } from "@wirekyt/dom/machines/popover";
+
+  export interface PopoverTriggerBaseProps
+    extends TriggerProps, PolymorphicProps<"button">, RefAttribute {}
+  export interface PopoverTriggerProps extends Assign<
+    HTMLProps<"button">,
+    PopoverTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { usePresenceContext } from "../presence";
+  import { usePopoverContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: PopoverTriggerProps = $props();
+  const [triggerProps, localProps] = $derived(createSplitProps<TriggerProps>()(props, ["value"]));
+
+  const popover = usePopoverContext();
+  const presence = usePresenceContext();
+  const mergedProps = $derived.by(() => {
+    const triggerPropsRaw = popover().getTriggerProps(triggerProps);
+    return mergeProps(
+      {
+        ...triggerPropsRaw,
+        "aria-controls": presence().unmounted ? undefined : triggerPropsRaw["aria-controls"],
+      },
+      localProps,
+    );
+  });
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

package/dist/components/popover/trigger.svelte.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { normalizeProps, useMachine } from "../../core";
+import { useEnvironmentContext } from "../../providers";
+import { useLocaleContext } from "../../providers";
+import * as popover from "@wirekyt/dom/machines/popover";
+import { runIfFn } from "@wirekyt/dom/utils";
+export const usePopover = (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(popover.machine, () => machineProps);
+    const api = $derived(popover.connect(service, normalizeProps));
+    return () => api;
+};

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

@@ -0,0 +1,2 @@
+export { default as Portal } from "./portal.svelte";
+export type { PortalProps } from "./portal.svelte";

package/dist/components/portal/index.js

@@ -0,0 +1 @@
+export { default as Portal } from "./portal.svelte";

package/dist/components/portal/portal.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+  import { type Snippet, getAllContexts, mount, tick, unmount } from "svelte";
+
+  export interface PortalProps {
+    disabled?: boolean;
+
+    container?: HTMLElement;
+
+    children: Snippet;
+  }
+
+  let { children, container = globalThis.document?.body, disabled = false }: PortalProps = $props();
+
+  const context = getAllContexts();
+
+  let instance: any = null;
+  $effect(() => {
+    const cleanup = () => {
+      if (instance) {
+        void unmount(instance);
+        instance = null;
+      }
+    };
+
+    if (disabled) {
+      cleanup();
+      return;
+    }
+
+    tick().then(() => {
+      instance = mount(children, { target: container, context });
+    });
+    return () => {
+      cleanup();
+    };
+  });
+</script>
+
+{#if disabled}
+  {@render children?.()}
+{/if}

package/dist/components/portal/portal.svelte.d.ts

@@ -0,0 +1,9 @@
+import { type Snippet } from "svelte";
+export interface PortalProps {
+    disabled?: boolean;
+    container?: HTMLElement;
+    children: Snippet;
+}
+declare const Portal: import("svelte").Component<PortalProps, {}, "">;
+type Portal = ReturnType<typeof Portal>;
+export default Portal;

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

@@ -0,0 +1,4 @@
+export { default as Presence, type PresenceProps } from "./presence.svelte";
+export { splitPresenceProps } from "./split-props.svelte";
+export { PresenceProvider, usePresenceContext, type UsePresenceContext } from "./use-context";
+export { usePresence, type UsePresenceProps, type UsePresenceReturn } from "./use.svelte";

package/dist/components/presence/index.js

@@ -0,0 +1,4 @@
+export { default as Presence } from "./presence.svelte";
+export { splitPresenceProps } from "./split-props.svelte";
+export { PresenceProvider, usePresenceContext } from "./use-context";
+export { usePresence } from "./use.svelte";

package/dist/components/presence/presence.svelte

@@ -0,0 +1,38 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import { type UsePresenceProps, usePresence } from "./use.svelte";
+
+  export interface PresenceBaseProps
+    extends UsePresenceProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface PresenceProps extends HTMLProps<"div">, PresenceBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { splitPresenceProps } from "./split-props.svelte";
+
+  let { ref = $bindable(null), ...props }: PresenceProps = $props();
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props));
+  const presence = usePresence(() => presenceProps);
+
+  const mergedProps = $derived(mergeProps(presence().getPresenceProps(), localProps));
+
+  function setNode(node: Element | null) {
+    presence().setNode(node);
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Wire
+    as="div"
+    bind:ref
+    data-scope="presence"
+    data-part="root"
+    {@attach setNode}
+    {...mergedProps}
+  />
+{/if}

package/dist/components/presence/presence.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import { type UsePresenceProps } from "./use.svelte";
+export interface PresenceBaseProps extends UsePresenceProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface PresenceProps extends HTMLProps<"div">, PresenceBaseProps {
+}
+declare const Presence: import("svelte").Component<PresenceProps, {}, "ref">;
+type Presence = ReturnType<typeof Presence>;
+export default Presence;

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

@@ -0,0 +1,2 @@
+import type { UsePresenceProps } from "./use.svelte";
+export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "lazyMount" | "unmountOnExit" | "onExitComplete" | "present" | "immediate" | "skipAnimationOnMount">];

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

@@ -0,0 +1,9 @@
+import { createSplitProps } from "../../utils";
+export const splitPresenceProps = (props) => createSplitProps()(props, [
+    "immediate",
+    "lazyMount",
+    "onExitComplete",
+    "present",
+    "skipAnimationOnMount",
+    "unmountOnExit",
+]);

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

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

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

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

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

@@ -0,0 +1,18 @@
+import type { Optional } from "../../core";
+import { type RenderStrategyProps } from "../../utils";
+import * as presence from "@wirekyt/dom/machines/presence";
+import { type MaybeFunction } from "@wirekyt/dom/utils";
+export interface UsePresenceProps extends Optional<presence.Props, "present">, RenderStrategyProps {
+    skipAnimationOnMount?: boolean;
+}
+export interface UsePresenceReturn extends ReturnType<typeof usePresence> {
+}
+export declare const usePresence: (props: MaybeFunction<UsePresenceProps>) => () => {
+    getPresenceProps: () => {
+        "data-state": string | undefined;
+        hidden: boolean;
+    };
+    present: boolean;
+    setNode: (node: Element | null) => void;
+    unmounted: boolean | undefined;
+};

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

@@ -0,0 +1,37 @@
+import { normalizeProps, useMachine } from "../../core";
+import { splitRenderStrategyProps } from "../../utils";
+import * as presence from "@wirekyt/dom/machines/presence";
+import { runIfFn } from "@wirekyt/dom/utils";
+export const usePresence = (props) => {
+    const resolvedProps = $derived(runIfFn(props));
+    const [renderStrategyProps, machineProps] = $derived(splitRenderStrategyProps(resolvedProps));
+    const service = useMachine(presence.machine, () => machineProps);
+    const api = $derived(presence.connect(service, normalizeProps));
+    let wasEverPresent = $state(false);
+    $effect(() => {
+        if (api.present) {
+            wasEverPresent = true;
+        }
+    });
+    const setNode = (node) => {
+        if (!node)
+            return;
+        service.send({ type: "NODE.SET", node });
+    };
+    const unmounted = $derived((!api.present && !wasEverPresent && renderStrategyProps.lazyMount) ||
+        (renderStrategyProps.unmountOnExit && !api.present && wasEverPresent));
+    const result = $derived({
+        getPresenceProps: () => ({
+            "data-state": api.skip && resolvedProps.skipAnimationOnMount
+                ? undefined
+                : resolvedProps.present
+                    ? "open"
+                    : "closed",
+            hidden: !api.present,
+        }),
+        present: api.present,
+        setNode,
+        unmounted,
+    });
+    return () => result;
+};

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

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

package/dist/components/progress/anatomy.js

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

package/dist/components/progress/circle-range.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ProgressCircleRangeBaseProps extends PolymorphicProps<"circle">, RefAttribute {}
+  export interface ProgressCircleRangeProps
+    extends HTMLProps<"circle">, ProgressCircleRangeBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useProgressContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ProgressCircleRangeProps = $props();
+  const progress = useProgressContext();
+  const mergedProps = $derived(mergeProps(progress().getCircleRangeProps(), props));
+</script>
+
+<Wire as="circle" bind:ref {...mergedProps} />

package/dist/components/progress/circle-range.svelte.d.ts

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

package/dist/components/progress/circle-track.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ProgressCircleTrackBaseProps extends PolymorphicProps<"circle">, RefAttribute {}
+  export interface ProgressCircleTrackProps
+    extends HTMLProps<"circle">, ProgressCircleTrackBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useProgressContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ProgressCircleTrackProps = $props();
+  const progress = useProgressContext();
+  const mergedProps = $derived(mergeProps(progress().getCircleTrackProps(), props));
+</script>
+
+<Wire as="circle" bind:ref {...mergedProps} />

package/dist/components/progress/circle-track.svelte.d.ts

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