@wirekyt/svelte 0.0.1 → 0.0.3

package/dist/accordion.d.ts

@@ -0,0 +1 @@
+export * from "./components/accordion";

package/dist/accordion.js

@@ -0,0 +1 @@
+export * from "./components/accordion";

package/dist/angle-slider.d.ts

@@ -0,0 +1 @@
+export * from "./components/angle-slider";

package/dist/angle-slider.js

@@ -0,0 +1 @@
+export * from "./components/angle-slider";

package/dist/avatar.d.ts

@@ -0,0 +1 @@
+export * from "./components/avatar";

package/dist/avatar.js

@@ -0,0 +1 @@
+export * from "./components/avatar";

package/dist/carousel.d.ts

@@ -0,0 +1 @@
+export * from "./components/carousel";

package/dist/carousel.js

@@ -0,0 +1 @@
+export * from "./components/carousel";

package/dist/checkbox.d.ts

@@ -0,0 +1 @@
+export * from "./components/checkbox";

package/dist/checkbox.js

@@ -0,0 +1 @@
+export * from "./components/checkbox";

package/dist/client-only.d.ts

@@ -0,0 +1 @@
+export * from "./components/client-only";

package/dist/client-only.js

@@ -0,0 +1 @@
+export * from "./components/client-only";

package/dist/clipboard.d.ts

@@ -0,0 +1 @@
+export * from "./components/clipboard";

package/dist/clipboard.js

@@ -0,0 +1 @@
+export * from "./components/clipboard";

package/dist/collapsible.d.ts

@@ -0,0 +1 @@
+export * from "./components/collapsible";

package/dist/collapsible.js

@@ -0,0 +1 @@
+export * from "./components/collapsible";

package/dist/collection.d.ts

@@ -0,0 +1 @@
+export * from "./components/collection";

package/dist/collection.js

@@ -0,0 +1 @@
+export * from "./components/collection";

package/dist/color-picker.d.ts

@@ -0,0 +1 @@
+export * from "./components/color-picker";

package/dist/color-picker.js

@@ -0,0 +1 @@
+export * from "./components/color-picker";

package/dist/combobox.d.ts

@@ -0,0 +1 @@
+export * from "./components/combobox";

package/dist/combobox.js

@@ -0,0 +1 @@
+export * from "./components/combobox";

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,9 @@
+export type { FocusChangeDetails, ValueChangeDetails } from "@wirekyt/dom/machines/accordion";
+export { default as Context, type AccordionContextProps as ContextProps } from "./context.svelte";
+export { default as Item, type AccordionItemBaseProps as ItemBaseProps, type AccordionItemProps as ItemProps, } from "./item.svelte";
+export { default as ItemContent, type AccordionItemContentBaseProps as ItemContentBaseProps, type AccordionItemContentProps as ItemContentProps, } from "./item-content.svelte";
+export { default as ItemContext, type AccordionItemContextProps as ItemContextProps, } from "./item-context.svelte";
+export { default as ItemIndicator, type AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, type AccordionItemIndicatorProps as ItemIndicatorProps, } from "./item-indicator.svelte";
+export { default as ItemTrigger, type AccordionItemTriggerBaseProps as ItemTriggerBaseProps, type AccordionItemTriggerProps as ItemTriggerProps, } from "./item-trigger.svelte";
+export { default as Root, type AccordionRootBaseProps as RootBaseProps, type AccordionRootProps as RootProps, } from "./root.svelte";
+export { default as RootProvider, type AccordionRootProviderBaseProps as RootProviderBaseProps, type AccordionRootProviderProps as RootProviderProps, } from "./root-provider.svelte";

package/dist/components/accordion/accordion.js

@@ -0,0 +1,8 @@
+export { default as Context } from "./context.svelte";
+export { default as Item, } from "./item.svelte";
+export { default as ItemContent, } from "./item-content.svelte";
+export { default as ItemContext, } from "./item-context.svelte";
+export { default as ItemIndicator, } from "./item-indicator.svelte";
+export { default as ItemTrigger, } from "./item-trigger.svelte";
+export { default as Root, } from "./root.svelte";
+export { default as RootProvider, } from "./root-provider.svelte";

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

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

package/dist/components/accordion/anatomy.js

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

package/dist/components/accordion/context.svelte

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

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

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

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

@@ -0,0 +1,14 @@
+export type { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, } from "@wirekyt/dom/machines/accordion";
+export { default as AccordionContext, type AccordionContextProps } from "./context.svelte";
+export { default as AccordionItem, type AccordionItemBaseProps, type AccordionItemProps, } from "./item.svelte";
+export { default as AccordionItemContent, type AccordionItemContentBaseProps, type AccordionItemContentProps, } from "./item-content.svelte";
+export { default as AccordionItemContext, type AccordionItemContextProps, } from "./item-context.svelte";
+export { default as AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type AccordionItemIndicatorProps, } from "./item-indicator.svelte";
+export { default as AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, } from "./item-trigger.svelte";
+export { default as AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps, } from "./root.svelte";
+export { default as AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, } from "./root-provider.svelte";
+export { accordionAnatomy } from "./anatomy";
+export { useAccordion, type UseAccordionProps, type UseAccordionReturn } from "./use.svelte";
+export { useAccordionContext, type UseAccordionContext } from "./use-context";
+export { useAccordionItemContext, type UseAccordionItemContext } from "./use-item-context";
+export * as Accordion from "./accordion";

package/dist/components/accordion/index.js

@@ -0,0 +1,13 @@
+export { default as AccordionContext } from "./context.svelte";
+export { default as AccordionItem, } from "./item.svelte";
+export { default as AccordionItemContent, } from "./item-content.svelte";
+export { default as AccordionItemContext, } from "./item-context.svelte";
+export { default as AccordionItemIndicator, } from "./item-indicator.svelte";
+export { default as AccordionItemTrigger, } from "./item-trigger.svelte";
+export { default as AccordionRoot, } from "./root.svelte";
+export { default as AccordionRootProvider, } from "./root-provider.svelte";
+export { accordionAnatomy } from "./anatomy";
+export { useAccordion } from "./use.svelte";
+export { useAccordionContext } from "./use-context";
+export { useAccordionItemContext } from "./use-item-context";
+export * as Accordion from "./accordion";

package/dist/components/accordion/item-content.svelte

@@ -0,0 +1,30 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface AccordionItemContentBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface AccordionItemContentProps extends Assign<
+    HTMLProps<"div">,
+    AccordionItemContentBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { omit } from "@wirekyt/dom/utils";
+
+  import { CollapsibleContent } from "../collapsible";
+  import { useAccordionContext } from "./use-context";
+  import { useAccordionItemPropsContext } from "./use-item-props-context";
+
+  let { ref = $bindable(null), ...props }: AccordionItemContentProps = $props();
+
+  const accordion = useAccordionContext();
+  const itemProps = useAccordionItemPropsContext();
+
+  const contentProps = $derived(accordion().getItemContentProps(itemProps()));
+  const itemContentProps = $derived(omit(contentProps, ["hidden", "data-state"]));
+
+  const mergedProps = $derived(mergeProps(itemContentProps, props));
+</script>
+
+<CollapsibleContent bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Snippet } from "svelte";
+
+  import type { UseAccordionItemContext } from "./use-item-context";
+
+  export interface AccordionItemContextProps {
+    render: Snippet<[UseAccordionItemContext]>;
+  }
+</script>
+
+<script lang="ts">
+  import { AccordionItemProvider, useAccordionItemContext } from "./use-item-context";
+
+  const { render }: AccordionItemContextProps = $props();
+
+  const itemState = useAccordionItemContext();
+  AccordionItemProvider(itemState);
+</script>
+
+{@render render(itemState)}

package/dist/components/accordion/item-context.svelte.d.ts

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

package/dist/components/accordion/item-indicator.svelte

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface AccordionItemIndicatorBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface AccordionItemIndicatorProps extends Assign<
+    HTMLProps<"div">,
+    AccordionItemIndicatorBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useAccordionContext } from "./use-context";
+  import { useAccordionItemPropsContext } from "./use-item-props-context";
+
+  let { ref = $bindable(null), ...props }: AccordionItemIndicatorProps = $props();
+
+  const accordion = useAccordionContext();
+  const itemProps = useAccordionItemPropsContext();
+
+  const mergedProps = $derived(mergeProps(accordion().getItemIndicatorProps(itemProps()), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

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

package/dist/components/accordion/item-trigger.svelte

@@ -0,0 +1,38 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface AccordionItemTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {}
+  export interface AccordionItemTriggerProps extends Assign<
+    HTMLProps<"button">,
+    AccordionItemTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { useCollapsibleContext } from "../collapsible";
+  import { Wire } from "../factory";
+  import { useAccordionContext } from "./use-context";
+  import { useAccordionItemPropsContext } from "./use-item-props-context";
+
+  let { ref = $bindable(null), ...props }: AccordionItemTriggerProps = $props();
+
+  const accordion = useAccordionContext();
+  const itemProps = useAccordionItemPropsContext();
+
+  const collapsible = useCollapsibleContext();
+  const triggerProps = $derived(accordion().getItemTriggerProps(itemProps()));
+
+  const mergedProps = $derived(
+    mergeProps(
+      {
+        ...triggerProps,
+        "aria-controls": collapsible().isUnmounted ? undefined : triggerProps["aria-controls"],
+      },
+      props,
+    ),
+  );
+</script>
+
+<Wire bind:ref as="button" {...mergedProps} />

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

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

package/dist/components/accordion/item.svelte

@@ -0,0 +1,43 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ItemProps } from "@wirekyt/dom/machines/accordion";
+
+  export interface AccordionItemBaseProps
+    extends ItemProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface AccordionItemProps extends Assign<HTMLProps<"div">, AccordionItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+  import { useRenderStrategyPropsContext } from "../../utils";
+
+  import { CollapsibleRoot } from "../collapsible";
+  import { useAccordionContext } from "./use-context";
+  import { AccordionItemProvider } from "./use-item-context";
+  import { AccordionItemPropsProvider } from "./use-item-props-context";
+
+  let { ref = $bindable(null), ...props }: AccordionItemProps = $props();
+  const [itemProps, localProps] = $derived(
+    createSplitProps<ItemProps>()(props, ["value", "disabled"]),
+  );
+
+  const accordion = useAccordionContext();
+  const renderStrategy = useRenderStrategyPropsContext();
+
+  const itemState = $derived(accordion().getItemState(itemProps));
+  const mergedProps = $derived(mergeProps(accordion().getItemProps(itemProps), localProps));
+
+  const itemContentProps = $derived(accordion().getItemContentProps(itemProps));
+
+  AccordionItemPropsProvider(() => itemProps);
+  AccordionItemProvider(() => itemState);
+</script>
+
+<CollapsibleRoot
+  bind:ref
+  open={itemState.expanded}
+  ids={{ content: itemContentProps.id ?? undefined }}
+  {...renderStrategy()}
+  {...mergedProps}
+/>

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

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

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

@@ -0,0 +1,36 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UseAccordionReturn } from "./use.svelte";
+
+  export interface AccordionRootProviderBaseProps
+    extends PolymorphicProps<"div">, RenderStrategyProps, RefAttribute {
+    value: UseAccordionReturn;
+  }
+  export interface AccordionRootProviderProps extends Assign<
+    HTMLProps<"div">,
+    AccordionRootProviderBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import {
+    type RenderStrategyProps,
+    RenderStrategyPropsProvider,
+    splitRenderStrategyProps,
+  } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { AccordionProvider } from "./use-context";
+
+  let { ref = $bindable(null), value, ...props }: AccordionRootProviderProps = $props();
+
+  const [renderStrategyProps, localProps] = $derived(splitRenderStrategyProps(props));
+  const mergedProps = $derived(mergeProps(value().getRootProps(), localProps));
+
+  AccordionProvider(() => value());
+  RenderStrategyPropsProvider(() => renderStrategyProps);
+</script>
+
+<Wire bind:ref as="div" {...mergedProps} />

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

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

package/dist/components/accordion/root.svelte

@@ -0,0 +1,60 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UseAccordionProps } from "./use.svelte";
+
+  export interface AccordionRootBaseProps
+    extends UseAccordionProps, RenderStrategyProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface AccordionRootProps extends Assign<HTMLProps<"div">, AccordionRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+  import {
+    RenderStrategyPropsProvider,
+    splitRenderStrategyProps,
+    type RenderStrategyProps,
+  } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { AccordionProvider } from "./use-context";
+  import { useAccordion } from "./use.svelte";
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: AccordionRootProps = $props();
+  const providedId = $props.id();
+
+  const [renderStrategyProps, accordionProps] = $derived(splitRenderStrategyProps(props));
+  const [useAccordionProps, localProps] = $derived(
+    createSplitProps<UseAccordionProps>()(accordionProps, [
+      "collapsible",
+      "defaultValue",
+      "disabled",
+      "id",
+      "ids",
+      "multiple",
+      "onFocusChange",
+      "onValueChange",
+      "orientation",
+      "value",
+    ]),
+  );
+
+  const resolvedProps = $derived<UseAccordionProps>({
+    ...useAccordionProps,
+    id: useAccordionProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      useAccordionProps.onValueChange?.(details);
+      if (value !== undefined) value = details.value;
+    },
+  });
+
+  const accordion = useAccordion(() => resolvedProps);
+  const mergedProps = $derived(mergeProps(accordion().getRootProps(), localProps));
+
+  RenderStrategyPropsProvider(() => renderStrategyProps);
+  AccordionProvider(accordion);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { UseAccordionProps } from "./use.svelte";
+export interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface AccordionRootProps extends Assign<HTMLProps<"div">, AccordionRootBaseProps> {
+}
+import { type RenderStrategyProps } from "../../utils";
+declare const Root: import("svelte").Component<AccordionRootProps, {}, "value" | "ref">;
+type Root = ReturnType<typeof Root>;
+export default Root;

package/dist/components/accordion/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/accordion";
+export interface UseAccordionContext extends Accessor<Api<PropTypes>> {
+}
+export declare const AccordionProvider: (opts: UseAccordionContext) => void, useAccordionContext: (fallback?: UseAccordionContext | undefined) => UseAccordionContext;

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

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

package/dist/components/accordion/use-item-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from "../../core";
+import type { ItemState } from "@wirekyt/dom/machines/accordion";
+export interface UseAccordionItemContext extends Accessor<ItemState> {
+}
+export declare const AccordionItemProvider: (opts: UseAccordionItemContext) => void, useAccordionItemContext: (fallback?: UseAccordionItemContext | undefined) => UseAccordionItemContext;

package/dist/components/accordion/use-item-context.js

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

package/dist/components/accordion/use-item-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from "../../core";
+import type { ItemProps } from "@wirekyt/dom/machines/accordion";
+export interface UseAccordionItemPropsContext extends Accessor<ItemProps> {
+}
+export declare const AccordionItemPropsProvider: (opts: UseAccordionItemPropsContext) => void, useAccordionItemPropsContext: (fallback?: UseAccordionItemPropsContext | undefined) => UseAccordionItemPropsContext;

package/dist/components/accordion/use-item-props-context.js

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

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

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

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

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

package/dist/components/angle-slider/anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as angleSliderAnatomy } from "@wirekyt/dom/machines/angle-slider";

package/dist/components/angle-slider/anatomy.js

@@ -0,0 +1 @@
+export { anatomy as angleSliderAnatomy } from "@wirekyt/dom/machines/angle-slider";

package/dist/components/angle-slider/angle-slider.d.ts

@@ -0,0 +1,10 @@
+export { default as Context, type AngleSliderContextProps as ContextProps } from "./context.svelte";
+export { default as Root, type AngleSliderRootProps as RootProps, type AngleSliderRootBaseProps as RootBaseProps, } from "./root.svelte";
+export { default as RootProvider, type AngleSliderRootProviderProps as RootProviderProps, type AngleSliderRootProviderBaseProps as RootProviderBaseProps, } from "./root-provider.svelte";
+export { default as Label, type AngleSliderLabelBaseProps as LabelBaseProps, type AngleSliderLabelProps as LabelProps, } from "./label.svelte";
+export { default as Control, type AngleSliderControlBaseProps as ControlBaseProps, type AngleSliderControlProps as ControlProps, } from "./control.svelte";
+export { default as Thumb, type AngleSliderThumbBaseProps as ThumbBaseProps, type AngleSliderThumbProps as ThumbProps, } from "./thumb.svelte";
+export { default as MarkerGroup, type AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, type AngleSliderMarkerGroupProps as MarkerGroupProps, } from "./marker-group.svelte";
+export { default as Marker, type AngleSliderMarkerBaseProps as MarkerBaseProps, type AngleSliderMarkerProps as MarkerProps, } from "./marker.svelte";
+export { default as ValueText, type AngleSliderValueTextBaseProps as ValueTextBaseProps, type AngleSliderValueTextProps as ValueTextProps, } from "./value-text.svelte";
+export { default as HiddenInput, type AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, type AngleSliderHiddenInputProps as HiddenInputProps, } from "./hidden-input.svelte";

package/dist/components/angle-slider/angle-slider.js

@@ -0,0 +1,10 @@
+export { default as Context } from "./context.svelte";
+export { default as Root, } from "./root.svelte";
+export { default as RootProvider, } from "./root-provider.svelte";
+export { default as Label, } from "./label.svelte";
+export { default as Control, } from "./control.svelte";
+export { default as Thumb, } from "./thumb.svelte";
+export { default as MarkerGroup, } from "./marker-group.svelte";
+export { default as Marker, } from "./marker.svelte";
+export { default as ValueText, } from "./value-text.svelte";
+export { default as HiddenInput, } from "./hidden-input.svelte";

package/dist/components/angle-slider/context.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { Snippet } from "svelte";
+
+  import type { UseAngleSliderContext } from "./use-context";
+
+  export interface AngleSliderContextProps {
+    render: Snippet<[UseAngleSliderContext]>;
+  }
+</script>
+
+<script lang="ts">
+  import { useAngleSliderContext } from "./use-context";
+
+  const { render }: AngleSliderContextProps = $props();
+  const angleSlider = useAngleSliderContext();
+</script>
+
+{@render render?.(angleSlider)}