@ark-ui/svelte 0.4.0 → 5.0.0-0

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

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

package/dist/components/radio-group/radio-group-item-control.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface RadioGroupItemControlBaseProps extends PolymorphicProps<'div'> {}
+  export interface RadioGroupItemControlProps extends Assign<HTMLProps<'div'>, RadioGroupItemControlBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useRadioGroupContext } from './use-radio-group-context'
+  import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context'
+
+  const props: RadioGroupItemControlProps = $props()
+
+  const radioGroup = useRadioGroupContext()
+  const itemProps = useRadioGroupItemPropsContext()
+
+  const mergedProps = $derived(mergeProps(radioGroup().getItemControlProps(itemProps()), props))
+</script>
+
+<Ark as="div" {...mergedProps} />

package/dist/components/radio-group/radio-group-item-control.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface RadioGroupItemControlBaseProps extends PolymorphicProps<'div'> {
+}
+export interface RadioGroupItemControlProps extends Assign<HTMLProps<'div'>, RadioGroupItemControlBaseProps> {
+}
+declare const RadioGroupItemControl: import("svelte").Component<RadioGroupItemControlProps, {}, "">;
+type RadioGroupItemControl = ReturnType<typeof RadioGroupItemControl>;
+export default RadioGroupItemControl;

package/dist/components/radio-group/radio-group-item-hidden-input.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface RadioGroupItemHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+  export interface RadioGroupItemHiddenInputProps
+    extends Assign<HTMLProps<'input'>, RadioGroupItemHiddenInputBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useRadioGroupContext } from './use-radio-group-context'
+  import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context'
+
+  const props: RadioGroupItemHiddenInputProps = $props()
+
+  const radioGroup = useRadioGroupContext()
+  const itemProps = useRadioGroupItemPropsContext()
+
+  const mergedProps = $derived(mergeProps(radioGroup().getItemHiddenInputProps(itemProps()), props))
+</script>
+
+<Ark as="input" {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface RadioGroupItemHiddenInputBaseProps extends PolymorphicProps<'input'> {
+}
+export interface RadioGroupItemHiddenInputProps extends Assign<HTMLProps<'input'>, RadioGroupItemHiddenInputBaseProps> {
+}
+declare const RadioGroupItemHiddenInput: import("svelte").Component<RadioGroupItemHiddenInputProps, {}, "">;
+type RadioGroupItemHiddenInput = ReturnType<typeof RadioGroupItemHiddenInput>;
+export default RadioGroupItemHiddenInput;

package/dist/components/radio-group/radio-group-item-text.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface RadioGroupItemTextBaseProps extends PolymorphicProps<'span'> {}
+  export interface RadioGroupItemTextProps extends Assign<HTMLProps<'span'>, RadioGroupItemTextBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useRadioGroupContext } from './use-radio-group-context'
+  import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context'
+
+  const props: RadioGroupItemTextProps = $props()
+
+  const radioGroup = useRadioGroupContext()
+  const itemProps = useRadioGroupItemPropsContext()
+
+  const mergedProps = $derived(mergeProps(radioGroup().getItemTextProps(itemProps()), props))
+</script>
+
+<Ark as="span" {...mergedProps} />

package/dist/components/radio-group/radio-group-item-text.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface RadioGroupItemTextBaseProps extends PolymorphicProps<'span'> {
+}
+export interface RadioGroupItemTextProps extends Assign<HTMLProps<'span'>, RadioGroupItemTextBaseProps> {
+}
+declare const RadioGroupItemText: import("svelte").Component<RadioGroupItemTextProps, {}, "">;
+type RadioGroupItemText = ReturnType<typeof RadioGroupItemText>;
+export default RadioGroupItemText;

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

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+  import type { ItemProps } from '@zag-js/radio-group'
+
+  export interface RadioGroupItemBaseProps extends ItemProps, PolymorphicProps<'label'> {}
+  export interface RadioGroupItemProps extends Assign<HTMLProps<'label'>, RadioGroupItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useRadioGroupContext } from './use-radio-group-context'
+  import { RadioGroupItemProvider } from './use-radio-group-item-context'
+  import { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context'
+
+  const props: RadioGroupItemProps = $props()
+  const radioGroup = useRadioGroupContext()
+
+  const itemState = $derived(radioGroup().getItemState(props))
+  const mergedProps = $derived(mergeProps(radioGroup().getItemProps(props), props))
+
+  RadioGroupItemProvider(() => itemState)
+  RadioGroupItemPropsProvider(() => props)
+</script>
+
+<Ark as="label" {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+import type { ItemProps } from '@zag-js/radio-group';
+export interface RadioGroupItemBaseProps extends ItemProps, PolymorphicProps<'label'> {
+}
+export interface RadioGroupItemProps extends Assign<HTMLProps<'label'>, RadioGroupItemBaseProps> {
+}
+declare const RadioGroupItem: import("svelte").Component<RadioGroupItemProps, {}, "">;
+type RadioGroupItem = ReturnType<typeof RadioGroupItem>;
+export default RadioGroupItem;

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

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface RadioGroupLabelBaseProps extends PolymorphicProps<'label'> {}
+  export interface RadioGroupLabelProps extends Assign<HTMLProps<'label'>, RadioGroupLabelBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useRadioGroupContext } from './use-radio-group-context'
+
+  const props: RadioGroupLabelProps = $props()
+  const radioGroup = useRadioGroupContext()
+  const mergedProps = $derived(mergeProps(radioGroup().getLabelProps(), props))
+</script>
+
+<Ark as="label" {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface RadioGroupLabelBaseProps extends PolymorphicProps<'label'> {
+}
+export interface RadioGroupLabelProps extends Assign<HTMLProps<'label'>, RadioGroupLabelBaseProps> {
+}
+declare const RadioGroupLabel: import("svelte").Component<RadioGroupLabelProps, {}, "">;
+type RadioGroupLabel = ReturnType<typeof RadioGroupLabel>;
+export default RadioGroupLabel;

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

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+  import type { UseRadioGroupReturn } from './use-radio-group.svelte'
+
+  interface RootProviderProps {
+    value: UseRadioGroupReturn
+  }
+
+  export interface RadioGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'> {}
+  export interface RadioGroupRootProviderProps extends Assign<HTMLProps<'div'>, RadioGroupRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { RadioGroupProvider } from './use-radio-group-context'
+
+  let { value, ...props }: RadioGroupRootProviderProps = $props()
+
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props))
+
+  RadioGroupProvider(value)
+</script>
+
+<Ark as="div" {...mergedProps} />

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

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+import type { UseRadioGroupReturn } from './use-radio-group.svelte';
+interface RootProviderProps {
+    value: UseRadioGroupReturn;
+}
+export interface RadioGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'> {
+}
+export interface RadioGroupRootProviderProps extends Assign<HTMLProps<'div'>, RadioGroupRootProviderBaseProps> {
+}
+declare const RadioGroupRootProvider: import("svelte").Component<RadioGroupRootProviderProps, {}, "">;
+type RadioGroupRootProvider = ReturnType<typeof RadioGroupRootProvider>;
+export default RadioGroupRootProvider;

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

@@ -0,0 +1,55 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+  import type { ValueChangeDetails } from '@zag-js/radio-group'
+  import type { UseRadioGroupProps } from './use-radio-group.svelte'
+
+  export interface RadioGroupRootEmits {
+    valueChange: ValueChangeDetails
+  }
+
+  export interface RadioGroupRootBaseProps extends UseRadioGroupProps, PolymorphicProps<'div'> {}
+  export interface RadioGroupRootProps extends Assign<HTMLProps<'div'>, RadioGroupRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { RadioGroupProvider } from './use-radio-group-context'
+  import { useRadioGroup } from './use-radio-group.svelte'
+
+  let { value = $bindable(), ...props }: RadioGroupRootProps = $props()
+  const providedId = $props.id()
+
+  const [radioGroupProps, localProps] = $derived(
+    createSplitProps<UseRadioGroupProps>()(props, [
+      'defaultValue',
+      'disabled',
+      'form',
+      'id',
+      'ids',
+      'name',
+      'onValueChange',
+      'orientation',
+      'readOnly',
+      'value',
+    ]),
+  )
+
+  const resolvedProps = $derived<UseRadioGroupProps>({
+    ...radioGroupProps,
+    id: radioGroupProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      radioGroupProps.onValueChange?.(details)
+      if (value !== undefined) value = details.value
+    },
+  })
+
+  const radioGroup = useRadioGroup(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(radioGroup().getRootProps(), localProps))
+
+  RadioGroupProvider(radioGroup)
+</script>
+
+<Ark as="div" {...mergedProps} />

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

@@ -0,0 +1,13 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+import type { ValueChangeDetails } from '@zag-js/radio-group';
+import type { UseRadioGroupProps } from './use-radio-group.svelte';
+export interface RadioGroupRootEmits {
+    valueChange: ValueChangeDetails;
+}
+export interface RadioGroupRootBaseProps extends UseRadioGroupProps, PolymorphicProps<'div'> {
+}
+export interface RadioGroupRootProps extends Assign<HTMLProps<'div'>, RadioGroupRootBaseProps> {
+}
+declare const RadioGroupRoot: import("svelte").Component<RadioGroupRootProps, {}, "value">;
+type RadioGroupRoot = ReturnType<typeof RadioGroupRoot>;
+export default RadioGroupRoot;

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

@@ -0,0 +1 @@
+export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';

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

@@ -0,0 +1 @@
+export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';

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

@@ -0,0 +1,11 @@
+export type { ValueChangeDetails } from '@zag-js/radio-group';
+export { default as Context, type RadioGroupContextProps as ContextProps } from './radio-group-context.svelte';
+export { default as Indicator, type RadioGroupIndicatorProps as IndicatorProps, type RadioGroupIndicatorBaseProps as IndicatorBaseProps, } from './radio-group-indicator.svelte';
+export { default as ItemContext, type RadioGroupItemContextProps as ItemContextProps, } from './radio-group-item-context.svelte';
+export { default as ItemControl, type RadioGroupItemControlProps as ItemControlProps, type RadioGroupItemControlBaseProps as ItemControlBaseProps, } from './radio-group-item-control.svelte';
+export { default as ItemHiddenInput, type RadioGroupItemHiddenInputProps as ItemHiddenInputProps, type RadioGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, } from './radio-group-item-hidden-input.svelte';
+export { default as ItemText, type RadioGroupItemTextProps as ItemTextProps, type RadioGroupItemTextBaseProps as ItemTextBaseProps, } from './radio-group-item-text.svelte';
+export { default as Item, type RadioGroupItemProps as ItemProps, type RadioGroupItemBaseProps as ItemBaseProps, } from './radio-group-item.svelte';
+export { default as Label, type RadioGroupLabelProps as LabelProps, type RadioGroupLabelBaseProps as LabelBaseProps, } from './radio-group-label.svelte';
+export { default as RootProvider, type RadioGroupRootProviderProps as RootProviderProps, type RadioGroupRootProviderBaseProps as RootProviderBaseProps, } from './radio-group-root-provider.svelte';
+export { default as Root, type RadioGroupRootBaseProps as RootBaseProps, type RadioGroupRootProps as RootProps, } from './radio-group-root.svelte';

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

@@ -0,0 +1,10 @@
+export { default as Context } from './radio-group-context.svelte';
+export { default as Indicator, } from './radio-group-indicator.svelte';
+export { default as ItemContext, } from './radio-group-item-context.svelte';
+export { default as ItemControl, } from './radio-group-item-control.svelte';
+export { default as ItemHiddenInput, } from './radio-group-item-hidden-input.svelte';
+export { default as ItemText, } from './radio-group-item-text.svelte';
+export { default as Item, } from './radio-group-item.svelte';
+export { default as Label, } from './radio-group-label.svelte';
+export { default as RootProvider, } from './radio-group-root-provider.svelte';
+export { default as Root, } from './radio-group-root.svelte';

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

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

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

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

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

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types';
+import type { ItemState } from '@zag-js/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-radio-group-item-context.js

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

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

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types';
+import type { ItemProps } from '@zag-js/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-radio-group-item-props-context.js

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

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

@@ -0,0 +1,9 @@
+import * as radio from '@zag-js/radio-group';
+import { type PropTypes } from '@zag-js/svelte';
+import { type MaybeFunction } from '@zag-js/utils';
+import type { Accessor, Optional } from '../../types';
+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-radio-group.svelte.js

@@ -0,0 +1,19 @@
+import * as radio from '@zag-js/radio-group';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
+import { runIfFn } from '@zag-js/utils';
+import { useEnvironmentContext, useLocaleContext } from '../../providers';
+export const useRadioGroup = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const resolvedProps = $derived.by(() => {
+        const localProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...localProps,
+        };
+    });
+    const service = useMachine(radio.machine, () => resolvedProps);
+    const api = $derived(radio.connect(service, normalizeProps));
+    return () => api;
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface RatingGroupControlBaseProps extends PolymorphicProps<'div'> {}
+  export interface RatingGroupControlProps extends Assign<HTMLProps<'div'>, RatingGroupControlBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useRatingGroupContext } from './use-rating-group-context'
+
+  const props: RatingGroupControlProps = $props()
+  const ratingGroup = useRatingGroupContext()
+  const mergedProps = $derived(mergeProps(ratingGroup().getControlProps(), props))
+</script>
+
+<Ark as="div" {...mergedProps} />

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

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

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

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface RatingGroupHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+  export interface RatingGroupHiddenInputProps extends Assign<HTMLProps<'input'>, RatingGroupHiddenInputBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useRatingGroupContext } from './use-rating-group-context'
+
+  const props: RatingGroupHiddenInputProps = $props()
+  const ratingGroup = useRatingGroupContext()
+  const mergedProps = $derived(mergeProps(ratingGroup().getHiddenInputProps(), props))
+</script>
+
+<Ark as="input" {...mergedProps} />

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+  import type { ItemProps } from '@zag-js/rating-group'
+
+  export interface RatingGroupItemBaseProps extends ItemProps, PolymorphicProps<'span'> {}
+  export interface RatingGroupItemProps extends Assign<HTMLProps<'span'>, RatingGroupItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useRatingGroupContext } from './use-rating-group-context'
+  import { RatingGroupItemProvider } from './use-rating-group-item-context'
+
+  const props: RatingGroupItemProps = $props()
+  const ratingGroup = useRatingGroupContext()
+
+  const itemState = $derived(ratingGroup().getItemState(props))
+  const mergedProps = $derived(mergeProps(ratingGroup().getItemProps(props), props))
+
+  RatingGroupItemProvider(() => itemState)
+</script>
+
+<Ark as="span" {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+import type { ItemProps } from '@zag-js/rating-group';
+export interface RatingGroupItemBaseProps extends ItemProps, PolymorphicProps<'span'> {
+}
+export interface RatingGroupItemProps extends Assign<HTMLProps<'span'>, RatingGroupItemBaseProps> {
+}
+declare const RatingGroupItem: import("svelte").Component<RatingGroupItemProps, {}, "">;
+type RatingGroupItem = ReturnType<typeof RatingGroupItem>;
+export default RatingGroupItem;

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

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface RatingGroupLabelBaseProps extends PolymorphicProps<'label'> {}
+  export interface RatingGroupLabelProps extends Assign<HTMLProps<'label'>, RatingGroupLabelBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useRatingGroupContext } from './use-rating-group-context'
+
+  const props: RatingGroupLabelProps = $props()
+  const ratingGroup = useRatingGroupContext()
+  const mergedProps = $derived(mergeProps(ratingGroup().getLabelProps(), props))
+</script>
+
+<Ark as="label" {...mergedProps} />

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

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