@wirekyt/svelte 0.0.1 → 0.0.2

package/dist/components/radio-group/root.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { ValueChangeDetails } from "@wirekyt/dom/machines/radio-group";
+import type { UseRadioGroupProps } from "./use.svelte";
+export interface RadioGroupRootEmits {
+    valueChange: ValueChangeDetails;
+}
+export interface RadioGroupRootBaseProps extends UseRadioGroupProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface RadioGroupRootProps extends Assign<HTMLProps<"div">, RadioGroupRootBaseProps> {
+}
+declare const Root: import("svelte").Component<RadioGroupRootProps, {}, "value" | "ref">;
+type Root = ReturnType<typeof Root>;
+export default Root;

package/dist/components/radio-group/use-context.d.ts

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

package/dist/components/radio-group/use-context.js

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

package/dist/components/radio-group/use-item-context.d.ts

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

package/dist/components/radio-group/use-item-context.js

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

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

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

package/dist/components/radio-group/use-item-props-context.js

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

package/dist/components/radio-group/use.svelte.d.ts

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

package/dist/components/radio-group/use.svelte.js

@@ -0,0 +1,27 @@
+import { normalizeProps, useMachine } from "../../core";
+import * as radio from "@wirekyt/dom/machines/radio-group";
+import { runIfFn } from "@wirekyt/dom/utils";
+import { useEnvironmentContext, useLocaleContext } from "../../providers";
+import { useFieldsetContext } from "../fieldset";
+export const useRadioGroup = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const fieldset = useFieldsetContext();
+    const resolvedProps = $derived.by(() => {
+        const localProps = runIfFn(props);
+        const fieldsetContext = fieldset?.();
+        return {
+            ids: {
+                label: fieldsetContext?.ids?.legend,
+            },
+            dir: locale().dir,
+            disabled: fieldsetContext?.disabled,
+            invalid: fieldsetContext?.invalid,
+            getRootNode: env().getRootNode,
+            ...localProps,
+        };
+    });
+    const service = useMachine(radio.machine, () => resolvedProps);
+    const api = $derived(radio.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/rating-group/anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as ratingGroupAnatomy } from "@wirekyt/dom/machines/rating-group";

package/dist/components/rating-group/anatomy.js

@@ -0,0 +1 @@
+export { anatomy as ratingGroupAnatomy } from "@wirekyt/dom/machines/rating-group";

package/dist/components/rating-group/context.svelte

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

package/dist/components/rating-group/context.svelte.d.ts

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

package/dist/components/rating-group/control.svelte

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

package/dist/components/rating-group/control.svelte.d.ts

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

package/dist/components/rating-group/hidden-input.svelte

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

package/dist/components/rating-group/hidden-input.svelte.d.ts

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

package/dist/components/rating-group/index.d.ts

@@ -0,0 +1,14 @@
+export type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails, } from "@wirekyt/dom/machines/rating-group";
+export { default as RatingGroupContext, type RatingGroupContextProps } from "./context.svelte";
+export { default as RatingGroupControl, type RatingGroupControlBaseProps, type RatingGroupControlProps, } from "./control.svelte";
+export { default as RatingGroupHiddenInput, type RatingGroupHiddenInputBaseProps, type RatingGroupHiddenInputProps, } from "./hidden-input.svelte";
+export { default as RatingGroupItemContext, type RatingGroupItemContextProps, } from "./item-context.svelte";
+export { default as RatingGroupItem, type RatingGroupItemBaseProps, type RatingGroupItemProps, } from "./item.svelte";
+export { default as RatingGroupLabel, type RatingGroupLabelBaseProps, type RatingGroupLabelProps, } from "./label.svelte";
+export { default as RatingGroupRootProvider, type RatingGroupRootProviderBaseProps, type RatingGroupRootProviderProps, } from "./root-provider.svelte";
+export { default as RatingGroupRoot, type RatingGroupRootBaseProps, type RatingGroupRootProps, } from "./root.svelte";
+export { ratingGroupAnatomy } from "./anatomy";
+export { useRatingGroup, type UseRatingGroupProps, type UseRatingGroupReturn } from "./use.svelte";
+export { useRatingGroupContext, type UseRatingGroupContext } from "./use-context";
+export { useRatingGroupItemContext, type UseRatingGroupItemContext } from "./use-item-context";
+export * as RatingGroup from "./rating-group";

package/dist/components/rating-group/index.js

@@ -0,0 +1,13 @@
+export { default as RatingGroupContext } from "./context.svelte";
+export { default as RatingGroupControl, } from "./control.svelte";
+export { default as RatingGroupHiddenInput, } from "./hidden-input.svelte";
+export { default as RatingGroupItemContext, } from "./item-context.svelte";
+export { default as RatingGroupItem, } from "./item.svelte";
+export { default as RatingGroupLabel, } from "./label.svelte";
+export { default as RatingGroupRootProvider, } from "./root-provider.svelte";
+export { default as RatingGroupRoot, } from "./root.svelte";
+export { ratingGroupAnatomy } from "./anatomy";
+export { useRatingGroup } from "./use.svelte";
+export { useRatingGroupContext } from "./use-context";
+export { useRatingGroupItemContext } from "./use-item-context";
+export * as RatingGroup from "./rating-group";

package/dist/components/rating-group/item-context.svelte

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

package/dist/components/rating-group/item-context.svelte.d.ts

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

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

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ItemProps } from "@wirekyt/dom/machines/rating-group";
+
+  export interface RatingGroupItemBaseProps
+    extends ItemProps, PolymorphicProps<"span">, RefAttribute {}
+  export interface RatingGroupItemProps extends Assign<
+    HTMLProps<"span">,
+    RatingGroupItemBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useRatingGroupContext } from "./use-context";
+  import { RatingGroupItemProvider } from "./use-item-context";
+
+  let { ref = $bindable(null), ...props }: RatingGroupItemProps = $props();
+  const ratingGroup = useRatingGroupContext();
+  const [itemProps, localProps] = $derived(createSplitProps<ItemProps>()(props, ["index"]));
+
+  const itemState = $derived(ratingGroup().getItemState(itemProps));
+  const mergedProps = $derived(mergeProps(ratingGroup().getItemProps(itemProps), localProps));
+
+  RatingGroupItemProvider(() => itemState);
+</script>
+
+<Wire as="span" bind:ref {...mergedProps} />

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

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

package/dist/components/rating-group/label.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface RatingGroupLabelBaseProps extends PolymorphicProps<"label">, RefAttribute {}
+  export interface RatingGroupLabelProps extends Assign<
+    HTMLProps<"label">,
+    RatingGroupLabelBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useRatingGroupContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: RatingGroupLabelProps = $props();
+  const ratingGroup = useRatingGroupContext();
+  const mergedProps = $derived(mergeProps(ratingGroup().getLabelProps(), props));
+</script>
+
+<Wire as="label" bind:ref {...mergedProps} />

package/dist/components/rating-group/label.svelte.d.ts

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

package/dist/components/rating-group/rating-group.d.ts

@@ -0,0 +1,9 @@
+export type { HoverChangeDetails, ValueChangeDetails } from "@wirekyt/dom/machines/rating-group";
+export { default as Context, type RatingGroupContextProps as ContextProps } from "./context.svelte";
+export { default as Control, type RatingGroupControlProps as ControlProps, type RatingGroupControlBaseProps as ControlBaseProps, } from "./control.svelte";
+export { default as HiddenInput, type RatingGroupHiddenInputProps as HiddenInputProps, type RatingGroupHiddenInputBaseProps as HiddenInputBaseProps, } from "./hidden-input.svelte";
+export { default as ItemContext, type RatingGroupItemContextProps as ItemContextProps, } from "./item-context.svelte";
+export { default as Item, type RatingGroupItemProps as ItemProps, type RatingGroupItemBaseProps as ItemBaseProps, } from "./item.svelte";
+export { default as Label, type RatingGroupLabelProps as LabelProps, type RatingGroupLabelBaseProps as LabelBaseProps, } from "./label.svelte";
+export { default as RootProvider, type RatingGroupRootProviderProps as RootProviderProps, type RatingGroupRootProviderBaseProps as RootProviderBaseProps, } from "./root-provider.svelte";
+export { default as Root, type RatingGroupRootBaseProps as RootBaseProps, type RatingGroupRootProps as RootProps, } from "./root.svelte";

package/dist/components/rating-group/rating-group.js

@@ -0,0 +1,8 @@
+export { default as Context } from "./context.svelte";
+export { default as Control, } from "./control.svelte";
+export { default as HiddenInput, } from "./hidden-input.svelte";
+export { default as ItemContext, } from "./item-context.svelte";
+export { default as Item, } from "./item.svelte";
+export { default as Label, } from "./label.svelte";
+export { default as RootProvider, } from "./root-provider.svelte";
+export { default as Root, } from "./root.svelte";

package/dist/components/rating-group/root-provider.svelte

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

package/dist/components/rating-group/root-provider.svelte.d.ts

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

package/dist/components/rating-group/root.svelte

@@ -0,0 +1,43 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UseRatingGroupProps } from "./use.svelte";
+
+  export interface RatingGroupRootBaseProps
+    extends UseRatingGroupProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface RatingGroupRootProps extends Assign<
+    HTMLProps<"div">,
+    RatingGroupRootBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { splitRatingGroupProps } from "./split-props.svelte";
+  import { RatingGroupProvider } from "./use-context";
+  import { useRatingGroup } from "./use.svelte";
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: RatingGroupRootProps = $props();
+  const providedId = $props.id();
+
+  const [ratingGroupProps, localProps] = $derived(splitRatingGroupProps(props));
+
+  const resolvedProps = $derived<UseRatingGroupProps>({
+    ...ratingGroupProps,
+    id: ratingGroupProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      ratingGroupProps.onValueChange?.(details);
+      if (value !== undefined) value = details.value;
+    },
+  });
+
+  const ratingGroup = useRatingGroup(() => resolvedProps);
+  const mergedProps = $derived(mergeProps(ratingGroup().getRootProps(), localProps));
+
+  RatingGroupProvider(ratingGroup);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/rating-group/root.svelte.d.ts

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

package/dist/components/rating-group/split-props.svelte.d.ts

@@ -0,0 +1,2 @@
+import type { UseRatingGroupProps } from "./use.svelte";
+export declare const splitRatingGroupProps: <T extends UseRatingGroupProps>(props: T) => [UseRatingGroupProps, Omit<T, "value" | "defaultValue" | "disabled" | "id" | "ids" | "form" | "name" | "autoFocus" | "onValueChange" | "readOnly" | "required" | "translations" | "count" | "allowHalf" | "onHoverChange">];

package/dist/components/rating-group/split-props.svelte.js

@@ -0,0 +1,19 @@
+import { createSplitProps } from "../../utils";
+const splitFn = createSplitProps();
+export const splitRatingGroupProps = (props) => splitFn(props, [
+    "allowHalf",
+    "autoFocus",
+    "count",
+    "defaultValue",
+    "disabled",
+    "form",
+    "id",
+    "ids",
+    "name",
+    "onHoverChange",
+    "onValueChange",
+    "readOnly",
+    "required",
+    "translations",
+    "value",
+]);

package/dist/components/rating-group/use-context.d.ts

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

package/dist/components/rating-group/use-context.js

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

package/dist/components/rating-group/use-item-context.d.ts

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

package/dist/components/rating-group/use-item-context.js

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

package/dist/components/rating-group/use.svelte.d.ts

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

package/dist/components/rating-group/use.svelte.js

@@ -0,0 +1,29 @@
+import { normalizeProps, useMachine } from "../../core";
+import * as rating from "@wirekyt/dom/machines/rating-group";
+import { runIfFn } from "@wirekyt/dom/utils";
+import { useEnvironmentContext, useLocaleContext } from "../../providers";
+import { useFieldContext } from "../field";
+export const useRatingGroup = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const field = useFieldContext();
+    const resolvedProps = $derived.by(() => {
+        const localProps = runIfFn(props);
+        return {
+            ids: {
+                label: field?.()?.ids.label,
+                hiddenInput: field?.()?.ids.control,
+                ...localProps.ids,
+            },
+            dir: locale().dir,
+            disabled: field?.()?.disabled ?? localProps.disabled,
+            readOnly: field?.()?.readOnly ?? localProps.readOnly,
+            required: field?.()?.required ?? localProps.required,
+            getRootNode: env().getRootNode,
+            ...localProps,
+        };
+    });
+    const service = useMachine(rating.machine, () => resolvedProps);
+    const api = $derived(rating.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/scroll-area/anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as scrollAreaAnatomy } from "@wirekyt/dom/machines/scroll-area";

package/dist/components/scroll-area/anatomy.js

@@ -0,0 +1 @@
+export { anatomy as scrollAreaAnatomy } from "@wirekyt/dom/machines/scroll-area";

package/dist/components/scroll-area/content.svelte

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

package/dist/components/scroll-area/content.svelte.d.ts

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

package/dist/components/scroll-area/context.svelte

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

package/dist/components/scroll-area/context.svelte.d.ts

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