@sprawlify/solid 0.0.18 → 0.0.19

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

@@ -0,0 +1,78 @@
+import { n as PropTypes } from "../../index-tbMcVIMv.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-DPhuMU2R.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-JAbO6zq9.js";
+import * as solid_js376 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as radio from "@sprawlify/primitives/machines/radio-group";
+import { ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as RadioGroupValueChangeDetails, anatomy as radioGroupAnatomy } from "@sprawlify/primitives/machines/radio-group";
+
+//#region src/components/radio-group/use-radio-group.d.ts
+interface UseRadioGroupProps extends Optional<Omit<radio.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseRadioGroupReturn extends Accessor<radio.Api<PropTypes>> {}
+declare const useRadioGroup: (props?: MaybeAccessor<UseRadioGroupProps>) => UseRadioGroupReturn;
+//#endregion
+//#region src/components/radio-group/use-radio-group-context.d.ts
+interface UseRadioGroupContext extends UseRadioGroupReturn {}
+//#endregion
+//#region src/components/radio-group/radio-group-context.d.ts
+interface RadioGroupContextProps {
+  children: (context: UseRadioGroupContext) => JSX.Element;
+}
+declare const RadioGroupContext: (props: RadioGroupContextProps) => JSX.Element;
+//#endregion
+//#region src/components/radio-group/radio-group-indicator.d.ts
+interface RadioGroupIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface RadioGroupIndicatorProps extends HTMLProps<'div'>, RadioGroupIndicatorBaseProps {}
+declare const RadioGroupIndicator: (props: RadioGroupIndicatorProps) => solid_js376.JSX.Element;
+//#endregion
+//#region src/components/radio-group/radio-group-item.d.ts
+interface RadioGroupItemBaseProps extends ItemProps, PolymorphicProps<'label'> {}
+interface RadioGroupItemProps extends HTMLProps<'label'>, RadioGroupItemBaseProps {}
+declare const RadioGroupItem: (props: RadioGroupItemProps) => solid_js376.JSX.Element;
+//#endregion
+//#region src/components/radio-group/use-radio-group-item-context.d.ts
+interface UseRadioGroupItemContext extends Accessor<ItemState> {}
+//#endregion
+//#region src/components/radio-group/radio-group-item-context.d.ts
+interface RadioGroupItemContextProps {
+  children: (context: UseRadioGroupItemContext) => JSX.Element;
+}
+declare const RadioGroupItemContext: (props: RadioGroupItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/radio-group/radio-group-item-control.d.ts
+interface RadioGroupItemControlBaseProps extends PolymorphicProps<'div'> {}
+interface RadioGroupItemControlProps extends HTMLProps<'div'>, RadioGroupItemControlBaseProps {}
+declare const RadioGroupItemControl: (props: RadioGroupItemControlProps) => solid_js376.JSX.Element;
+//#endregion
+//#region src/components/radio-group/radio-group-item-hidden-input.d.ts
+interface RadioGroupItemHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+interface RadioGroupItemHiddenInputProps extends HTMLProps<'input'>, RadioGroupItemHiddenInputBaseProps {}
+declare const RadioGroupItemHiddenInput: (props: RadioGroupItemHiddenInputProps) => solid_js376.JSX.Element;
+//#endregion
+//#region src/components/radio-group/radio-group-item-text.d.ts
+interface RadioGroupItemTextBaseProps extends PolymorphicProps<'span'> {}
+interface RadioGroupItemTextProps extends HTMLProps<'span'>, RadioGroupItemTextBaseProps {}
+declare const RadioGroupItemText: (props: RadioGroupItemTextProps) => solid_js376.JSX.Element;
+//#endregion
+//#region src/components/radio-group/radio-group-label.d.ts
+interface RadioGroupLabelBaseProps extends PolymorphicProps<'label'> {}
+interface RadioGroupLabelProps extends HTMLProps<'label'>, RadioGroupLabelBaseProps {}
+declare const RadioGroupLabel: (props: RadioGroupLabelProps) => solid_js376.JSX.Element;
+//#endregion
+//#region src/components/radio-group/radio-group-root.d.ts
+interface RadioGroupRootBaseProps extends UseRadioGroupProps, PolymorphicProps<'div'> {}
+interface RadioGroupRootProps extends HTMLProps<'div'>, RadioGroupRootBaseProps {}
+declare const RadioGroupRoot: (props: RadioGroupRootProps) => solid_js376.JSX.Element;
+//#endregion
+//#region src/components/radio-group/radio-group-root-provider.d.ts
+interface RootProviderProps {
+  value: UseRadioGroupReturn;
+}
+interface RadioGroupRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface RadioGroupRootProviderProps extends HTMLProps<'div'>, RootProviderProps, RadioGroupRootProviderBaseProps {}
+declare const RadioGroupRootProvider: (props: RadioGroupRootProviderProps) => solid_js376.JSX.Element;
+declare namespace radio_group_d_exports {
+  export { RadioGroupContext as Context, RadioGroupContext as ContextProps, RadioGroupIndicator as Indicator, RadioGroupIndicatorBaseProps as IndicatorBaseProps, RadioGroupIndicatorProps as IndicatorProps, RadioGroupItem as Item, RadioGroupItemBaseProps as ItemBaseProps, RadioGroupItemContext as ItemContext, RadioGroupItemContext as ItemContextProps, RadioGroupItemControl as ItemControl, RadioGroupItemControlBaseProps as ItemControlBaseProps, RadioGroupItemControlProps as ItemControlProps, RadioGroupItemHiddenInput as ItemHiddenInput, RadioGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, RadioGroupItemHiddenInputProps as ItemHiddenInputProps, RadioGroupItemProps as ItemProps, RadioGroupItemText as ItemText, RadioGroupItemTextBaseProps as ItemTextBaseProps, RadioGroupItemTextProps as ItemTextProps, RadioGroupLabel as Label, RadioGroupLabelBaseProps as LabelBaseProps, RadioGroupLabelProps as LabelProps, RadioGroupRoot as Root, RadioGroupRootBaseProps as RootBaseProps, RadioGroupRootProps as RootProps, RadioGroupRootProvider as RootProvider, RadioGroupRootProviderBaseProps as RootProviderBaseProps, RadioGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+export { radio_group_d_exports as RadioGroup, RadioGroupContext, type RadioGroupContextProps, RadioGroupIndicator, type RadioGroupIndicatorBaseProps, type RadioGroupIndicatorProps, RadioGroupItem, type RadioGroupItemBaseProps, RadioGroupItemContext, type RadioGroupItemContextProps, RadioGroupItemControl, type RadioGroupItemControlBaseProps, type RadioGroupItemControlProps, RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputBaseProps, type RadioGroupItemHiddenInputProps, type RadioGroupItemProps, RadioGroupItemText, type RadioGroupItemTextBaseProps, type RadioGroupItemTextProps, RadioGroupLabel, type RadioGroupLabelBaseProps, type RadioGroupLabelProps, RadioGroupRoot, type RadioGroupRootBaseProps, type RadioGroupRootProps, RadioGroupRootProvider, type RadioGroupRootProviderBaseProps, type RadioGroupRootProviderProps, type RadioGroupValueChangeDetails, type UseRadioGroupContext, type UseRadioGroupItemContext, type UseRadioGroupProps, type UseRadioGroupReturn, radioGroupAnatomy, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext };

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

@@ -0,0 +1,189 @@
+import { t as __export } from "../../chunk-Dcpub2IO.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-D7Nb-duK.js";
+import { t as runIfFn } from "../../run-if-fn-B-2chXMn.js";
+import { t as createContext$1 } from "../../create-context-BxYEOGb8.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DU0gn4Pj.js";
+import { t as sprawlify } from "../../factory-Cw0jOohn.js";
+import { t as createSplitProps } from "../../create-split-props-u4BuKc2i.js";
+import "../../compose-refs-D9EoLzZW.js";
+import { u as useFieldsetContext } from "../../fieldset-QCHS-iMi.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as radio from "@sprawlify/primitives/machines/radio-group";
+import { anatomy as radioGroupAnatomy } from "@sprawlify/primitives/machines/radio-group";
+
+//#region src/components/radio-group/use-radio-group-context.ts
+const [RadioGroupProvider, useRadioGroupContext] = createContext$1({
+	hookName: "useRadioGroupContext",
+	providerName: "<RadioGroupProvider />"
+});
+
+//#endregion
+//#region src/components/radio-group/radio-group-context.tsx
+const RadioGroupContext = (props) => props.children(useRadioGroupContext());
+
+//#endregion
+//#region src/components/radio-group/radio-group-indicator.tsx
+const RadioGroupIndicator = (props) => {
+	const radioGroup = useRadioGroupContext();
+	const mergedProps = mergeProps$2(() => radioGroup().getIndicatorProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/radio-group/use-radio-group-item-context.ts
+const [RadioGroupItemProvider, useRadioGroupItemContext] = createContext$1({
+	hookName: "useRadioGroupItemContext",
+	providerName: "<RadioGroupItemProvider />"
+});
+
+//#endregion
+//#region src/components/radio-group/use-radio-group-item-props-context.ts
+const [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext$1({
+	hookName: "useRadioGroupItemPropsContext",
+	providerName: "<RadioGroupItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/radio-group/radio-group-item.tsx
+const RadioGroupItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, [
+		"value",
+		"disabled",
+		"invalid"
+	]);
+	const radioGroup = useRadioGroupContext();
+	const mergedProps = mergeProps$2(() => radioGroup().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => radioGroup().getItemState(itemProps));
+	return createComponent(RadioGroupItemPropsProvider, {
+		value: itemProps,
+		get children() {
+			return createComponent(RadioGroupItemProvider, {
+				value: itemState,
+				get children() {
+					return createComponent(sprawlify.label, mergedProps);
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-item-context.tsx
+const RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());
+
+//#endregion
+//#region src/components/radio-group/radio-group-item-control.tsx
+const RadioGroupItemControl = (props) => {
+	const radioGroup = useRadioGroupContext();
+	const itemProps = useRadioGroupItemPropsContext();
+	const mergedProps = mergeProps$2(() => radioGroup().getItemControlProps(itemProps), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-item-hidden-input.tsx
+const RadioGroupItemHiddenInput = (props) => {
+	const radioGroup = useRadioGroupContext();
+	const itemProps = useRadioGroupItemPropsContext();
+	const mergedProps = mergeProps$2(() => radioGroup().getItemHiddenInputProps(itemProps), props);
+	return createComponent(sprawlify.input, mergedProps);
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-item-text.tsx
+const RadioGroupItemText = (props) => {
+	const radioGroup = useRadioGroupContext();
+	const itemProps = useRadioGroupItemPropsContext();
+	const mergedProps = mergeProps$2(() => radioGroup().getItemTextProps(itemProps), props);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-label.tsx
+const RadioGroupLabel = (props) => {
+	const radioGroup = useRadioGroupContext();
+	const mergedProps = mergeProps$2(() => radioGroup().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/radio-group/use-radio-group.ts
+const useRadioGroup = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const fieldset = useFieldsetContext();
+	const machineProps = createMemo(() => {
+		const fieldsetContext = fieldset?.();
+		return {
+			id,
+			ids: { label: fieldsetContext?.ids?.legend },
+			dir: locale().dir,
+			disabled: fieldsetContext?.disabled,
+			invalid: fieldsetContext?.invalid,
+			getRootNode: environment().getRootNode,
+			...runIfFn(props)
+		};
+	});
+	const service = useMachine(radio.machine, machineProps);
+	return createMemo(() => radio.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-root.tsx
+const RadioGroupRoot = (props) => {
+	const [useRadioGroupProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"name",
+		"onValueChange",
+		"orientation",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const radioGroup = useRadioGroup(useRadioGroupProps);
+	const mergedProps = mergeProps$2(() => radioGroup().getRootProps(), localProps);
+	return createComponent(RadioGroupProvider, {
+		value: radioGroup,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-root-provider.tsx
+const RadioGroupRootProvider = (props) => {
+	const [{ value: radioGroup }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => radioGroup().getRootProps(), localProps);
+	return createComponent(RadioGroupProvider, {
+		value: radioGroup,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group.ts
+var radio_group_exports = /* @__PURE__ */ __export({
+	Context: () => RadioGroupContext,
+	Indicator: () => RadioGroupIndicator,
+	Item: () => RadioGroupItem,
+	ItemContext: () => RadioGroupItemContext,
+	ItemControl: () => RadioGroupItemControl,
+	ItemHiddenInput: () => RadioGroupItemHiddenInput,
+	ItemText: () => RadioGroupItemText,
+	Label: () => RadioGroupLabel,
+	Root: () => RadioGroupRoot,
+	RootProvider: () => RadioGroupRootProvider
+});
+
+//#endregion
+export { radio_group_exports as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, radioGroupAnatomy, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext };

package/dist/components/radio-group/index.jsx

@@ -0,0 +1,176 @@
+import { t as __export } from "../../chunk-D5dGY5zD.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-7JOW6ue9.jsx";
+import { t as runIfFn } from "../../run-if-fn-D59uI-12.jsx";
+import { t as createContext$1 } from "../../create-context-CnA1wNMK.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers--4jSRiKF.jsx";
+import { t as sprawlify } from "../../factory-CaQWQo9S.jsx";
+import { t as createSplitProps } from "../../create-split-props-CdETNVwB.jsx";
+import "../../compose-refs-DhhUBbcq.jsx";
+import { u as useFieldsetContext } from "../../fieldset-GRdimTgu.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as radio from "@sprawlify/primitives/machines/radio-group";
+import { anatomy as radioGroupAnatomy } from "@sprawlify/primitives/machines/radio-group";
+
+//#region src/components/radio-group/use-radio-group-context.ts
+const [RadioGroupProvider, useRadioGroupContext] = createContext$1({
+	hookName: "useRadioGroupContext",
+	providerName: "<RadioGroupProvider />"
+});
+
+//#endregion
+//#region src/components/radio-group/radio-group-context.tsx
+const RadioGroupContext = (props) => props.children(useRadioGroupContext());
+
+//#endregion
+//#region src/components/radio-group/radio-group-indicator.tsx
+const RadioGroupIndicator = (props) => {
+	const radioGroup = useRadioGroupContext();
+	const mergedProps = mergeProps$1(() => radioGroup().getIndicatorProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/radio-group/use-radio-group-item-context.ts
+const [RadioGroupItemProvider, useRadioGroupItemContext] = createContext$1({
+	hookName: "useRadioGroupItemContext",
+	providerName: "<RadioGroupItemProvider />"
+});
+
+//#endregion
+//#region src/components/radio-group/use-radio-group-item-props-context.ts
+const [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext$1({
+	hookName: "useRadioGroupItemPropsContext",
+	providerName: "<RadioGroupItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/radio-group/radio-group-item.tsx
+const RadioGroupItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, [
+		"value",
+		"disabled",
+		"invalid"
+	]);
+	const radioGroup = useRadioGroupContext();
+	const mergedProps = mergeProps$1(() => radioGroup().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => radioGroup().getItemState(itemProps));
+	return <RadioGroupItemPropsProvider value={itemProps}>
+      <RadioGroupItemProvider value={itemState}>
+        <sprawlify.label {...mergedProps} />
+      </RadioGroupItemProvider>
+    </RadioGroupItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-item-context.tsx
+const RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());
+
+//#endregion
+//#region src/components/radio-group/radio-group-item-control.tsx
+const RadioGroupItemControl = (props) => {
+	const radioGroup = useRadioGroupContext();
+	const itemProps = useRadioGroupItemPropsContext();
+	const mergedProps = mergeProps$1(() => radioGroup().getItemControlProps(itemProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-item-hidden-input.tsx
+const RadioGroupItemHiddenInput = (props) => {
+	const radioGroup = useRadioGroupContext();
+	const itemProps = useRadioGroupItemPropsContext();
+	const mergedProps = mergeProps$1(() => radioGroup().getItemHiddenInputProps(itemProps), props);
+	return <sprawlify.input {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-item-text.tsx
+const RadioGroupItemText = (props) => {
+	const radioGroup = useRadioGroupContext();
+	const itemProps = useRadioGroupItemPropsContext();
+	const mergedProps = mergeProps$1(() => radioGroup().getItemTextProps(itemProps), props);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-label.tsx
+const RadioGroupLabel = (props) => {
+	const radioGroup = useRadioGroupContext();
+	const mergedProps = mergeProps$1(() => radioGroup().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/radio-group/use-radio-group.ts
+const useRadioGroup = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const fieldset = useFieldsetContext();
+	const machineProps = createMemo(() => {
+		const fieldsetContext = fieldset?.();
+		return {
+			id,
+			ids: { label: fieldsetContext?.ids?.legend },
+			dir: locale().dir,
+			disabled: fieldsetContext?.disabled,
+			invalid: fieldsetContext?.invalid,
+			getRootNode: environment().getRootNode,
+			...runIfFn(props)
+		};
+	});
+	const service = useMachine(radio.machine, machineProps);
+	return createMemo(() => radio.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-root.tsx
+const RadioGroupRoot = (props) => {
+	const [useRadioGroupProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"name",
+		"onValueChange",
+		"orientation",
+		"readOnly",
+		"required",
+		"value"
+	]);
+	const radioGroup = useRadioGroup(useRadioGroupProps);
+	const mergedProps = mergeProps$1(() => radioGroup().getRootProps(), localProps);
+	return <RadioGroupProvider value={radioGroup}>
+      <sprawlify.div {...mergedProps} />
+    </RadioGroupProvider>;
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group-root-provider.tsx
+const RadioGroupRootProvider = (props) => {
+	const [{ value: radioGroup }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => radioGroup().getRootProps(), localProps);
+	return <RadioGroupProvider value={radioGroup}>
+      <sprawlify.div {...mergedProps} />
+    </RadioGroupProvider>;
+};
+
+//#endregion
+//#region src/components/radio-group/radio-group.ts
+var radio_group_exports = /* @__PURE__ */ __export({
+	Context: () => RadioGroupContext,
+	Indicator: () => RadioGroupIndicator,
+	Item: () => RadioGroupItem,
+	ItemContext: () => RadioGroupItemContext,
+	ItemControl: () => RadioGroupItemControl,
+	ItemHiddenInput: () => RadioGroupItemHiddenInput,
+	ItemText: () => RadioGroupItemText,
+	Label: () => RadioGroupLabel,
+	Root: () => RadioGroupRoot,
+	RootProvider: () => RadioGroupRootProvider
+});
+
+//#endregion
+export { radio_group_exports as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, radioGroupAnatomy, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext };

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

@@ -0,0 +1,68 @@
+import { n as PropTypes } from "../../index-tbMcVIMv.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-DPhuMU2R.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-JAbO6zq9.js";
+import * as solid_js0 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as ratingGroup from "@sprawlify/primitives/machines/rating-group";
+import { HoverChangeDetails, HoverChangeDetails as RatingGroupHoverChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails, anatomy as ratingGroupAnatomy } from "@sprawlify/primitives/machines/rating-group";
+
+//#region src/components/rating-group/use-rating-group.d.ts
+interface UseRatingGroupProps extends Optional<Omit<ratingGroup.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseRatingGroupReturn extends Accessor<ratingGroup.Api<PropTypes>> {}
+declare const useRatingGroup: (props?: MaybeAccessor<UseRatingGroupProps>) => UseRatingGroupReturn;
+//#endregion
+//#region src/components/rating-group/use-rating-group-context.d.ts
+interface UseRatingGroupContext extends UseRatingGroupReturn {}
+//#endregion
+//#region src/components/rating-group/rating-group-context.d.ts
+interface RatingGroupContextProps {
+  children: (context: UseRatingGroupContext) => JSX.Element;
+}
+declare const RatingGroupContext: (props: RatingGroupContextProps) => JSX.Element;
+//#endregion
+//#region src/components/rating-group/rating-group-control.d.ts
+interface RatingGroupControlBaseProps extends PolymorphicProps<'div'> {}
+interface RatingGroupControlProps extends HTMLProps<'div'>, RatingGroupControlBaseProps {}
+declare const RatingGroupControl: (props: RatingGroupControlProps) => solid_js0.JSX.Element;
+//#endregion
+//#region src/components/rating-group/rating-group-hidden-input.d.ts
+interface RatingGroupHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+interface RatingGroupHiddenInputProps extends HTMLProps<'input'>, RatingGroupHiddenInputBaseProps {}
+declare const RatingGroupHiddenInput: (props: RatingGroupHiddenInputProps) => solid_js0.JSX.Element;
+//#endregion
+//#region src/components/rating-group/rating-group-item.d.ts
+interface RatingGroupItemBaseProps extends ItemProps, PolymorphicProps<'span'> {}
+interface RatingGroupItemProps extends HTMLProps<'span'>, RatingGroupItemBaseProps {}
+declare const RatingGroupItem: (props: RatingGroupItemProps) => solid_js0.JSX.Element;
+//#endregion
+//#region src/components/rating-group/use-rating-group-item-context.d.ts
+interface UseRatingGroupItemContext extends Accessor<ItemState> {}
+//#endregion
+//#region src/components/rating-group/rating-group-item-context.d.ts
+interface RatingGroupItemContextProps {
+  children: (context: UseRatingGroupItemContext) => JSX.Element;
+}
+declare const RatingGroupItemContext: (props: RatingGroupItemContextProps) => JSX.Element;
+//#endregion
+//#region src/components/rating-group/rating-group-label.d.ts
+interface RatingGroupLabelBaseProps extends PolymorphicProps<'label'> {}
+interface RatingGroupLabelProps extends HTMLProps<'label'>, RatingGroupLabelBaseProps {}
+declare const RatingGroupLabel: (props: RatingGroupLabelProps) => solid_js0.JSX.Element;
+//#endregion
+//#region src/components/rating-group/rating-group-root.d.ts
+interface RatingGroupRootBaseProps extends UseRatingGroupProps, PolymorphicProps<'div'> {}
+interface RatingGroupRootProps extends HTMLProps<'div'>, RatingGroupRootBaseProps {}
+declare const RatingGroupRoot: (props: RatingGroupRootProps) => solid_js0.JSX.Element;
+//#endregion
+//#region src/components/rating-group/rating-group-root-provider.d.ts
+interface RootProviderProps {
+  value: UseRatingGroupReturn;
+}
+interface RatingGroupRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface RatingGroupRootProviderProps extends HTMLProps<'div'>, RootProviderProps, RatingGroupRootProviderBaseProps {}
+declare const RatingGroupRootProvider: (props: RatingGroupRootProviderProps) => solid_js0.JSX.Element;
+declare namespace rating_group_d_exports {
+  export { RatingGroupContext as Context, RatingGroupContextProps as ContextProps, RatingGroupControl as Control, RatingGroupControlBaseProps as ControlBaseProps, RatingGroupControlProps as ControlProps, RatingGroupHiddenInput as HiddenInput, RatingGroupHiddenInputBaseProps as HiddenInputBaseProps, RatingGroupHiddenInputProps as HiddenInputProps, HoverChangeDetails, RatingGroupItem as Item, RatingGroupItemBaseProps as ItemBaseProps, RatingGroupItemContext as ItemContext, RatingGroupItemContextProps as ItemContextProps, RatingGroupItemProps as ItemProps, RatingGroupLabel as Label, RatingGroupLabelBaseProps as LabelBaseProps, RatingGroupLabelProps as LabelProps, RatingGroupRoot as Root, RatingGroupRootBaseProps as RootBaseProps, RatingGroupRootProps as RootProps, RatingGroupRootProvider as RootProvider, RatingGroupRootProviderBaseProps as RootProviderBaseProps, RatingGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
+}
+//#endregion
+export { rating_group_d_exports as RatingGroup, RatingGroupContext, type RatingGroupContextProps, RatingGroupControl, type RatingGroupControlBaseProps, type RatingGroupControlProps, RatingGroupHiddenInput, type RatingGroupHiddenInputBaseProps, type RatingGroupHiddenInputProps, type RatingGroupHoverChangeDetails, RatingGroupItem, type RatingGroupItemBaseProps, RatingGroupItemContext, type RatingGroupItemContextProps, type RatingGroupItemProps, RatingGroupLabel, type RatingGroupLabelBaseProps, type RatingGroupLabelProps, RatingGroupRoot, type RatingGroupRootBaseProps, type RatingGroupRootProps, RatingGroupRootProvider, type RatingGroupRootProviderBaseProps, type RatingGroupRootProviderProps, type RatingGroupValueChangeDetails, type UseRatingGroupContext, type UseRatingGroupItemContext, type UseRatingGroupProps, type UseRatingGroupReturn, ratingGroupAnatomy, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext };

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

@@ -0,0 +1,159 @@
+import { t as __export } from "../../chunk-Dcpub2IO.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-D7Nb-duK.js";
+import { t as runIfFn } from "../../run-if-fn-B-2chXMn.js";
+import { t as createContext$1 } from "../../create-context-BxYEOGb8.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DU0gn4Pj.js";
+import { t as sprawlify } from "../../factory-Cw0jOohn.js";
+import { t as createSplitProps } from "../../create-split-props-u4BuKc2i.js";
+import "../../compose-refs-D9EoLzZW.js";
+import "../../fieldset-QCHS-iMi.js";
+import { m as useFieldContext } from "../../field-CF9yh37t.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as ratingGroup from "@sprawlify/primitives/machines/rating-group";
+import { anatomy as ratingGroupAnatomy } from "@sprawlify/primitives/machines/rating-group";
+
+//#region src/components/rating-group/use-rating-group-context.ts
+const [RatingGroupProvider, useRatingGroupContext] = createContext$1({
+	hookName: "useRatingGroupContext",
+	providerName: "<RatingGroupProvider />"
+});
+
+//#endregion
+//#region src/components/rating-group/rating-group-context.tsx
+const RatingGroupContext = (props) => props.children(useRatingGroupContext());
+
+//#endregion
+//#region src/components/rating-group/rating-group-control.tsx
+const RatingGroupControl = (props) => {
+	const ratingGroup$1 = useRatingGroupContext();
+	const mergedProps = mergeProps$2(() => ratingGroup$1().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/rating-group/rating-group-hidden-input.tsx
+const RatingGroupHiddenInput = (props) => {
+	const ratingGroup$1 = useRatingGroupContext();
+	const mergedProps = mergeProps$2(() => ratingGroup$1().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(sprawlify.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+
+//#endregion
+//#region src/components/rating-group/use-rating-group-item-context.ts
+const [RatingGroupItemProvider, useRatingGroupItemContext] = createContext$1({
+	hookName: "useRatingGroupItemContext",
+	providerName: "<RatingGroupItemProvider />"
+});
+
+//#endregion
+//#region src/components/rating-group/rating-group-item.tsx
+const RatingGroupItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+	const api = useRatingGroupContext();
+	const mergedProps = mergeProps$2(() => api().getItemProps(itemProps), localProps);
+	return createComponent(RatingGroupItemProvider, {
+		value: createMemo(() => api().getItemState(itemProps)),
+		get children() {
+			return createComponent(sprawlify.span, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/rating-group/rating-group-item-context.tsx
+const RatingGroupItemContext = (props) => props.children(useRatingGroupItemContext());
+
+//#endregion
+//#region src/components/rating-group/rating-group-label.tsx
+const RatingGroupLabel = (props) => {
+	const api = useRatingGroupContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/rating-group/use-rating-group.ts
+const useRatingGroup = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(ratingGroup.machine, machineProps);
+	return createMemo(() => ratingGroup.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/rating-group/rating-group-root.tsx
+const RatingGroupRoot = (props) => {
+	const [useRatingProps, localProps] = createSplitProps()(props, [
+		"allowHalf",
+		"autoFocus",
+		"count",
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"name",
+		"onHoverChange",
+		"onValueChange",
+		"readOnly",
+		"required",
+		"translations",
+		"value"
+	]);
+	const api = useRatingGroup(useRatingProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(RatingGroupProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/rating-group/rating-group-root-provider.tsx
+const RatingGroupRootProvider = (props) => {
+	const [{ value: ratingGroup$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => ratingGroup$1().getRootProps(), localProps);
+	return createComponent(RatingGroupProvider, {
+		value: ratingGroup$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/rating-group/rating-group.ts
+var rating_group_exports = /* @__PURE__ */ __export({
+	Context: () => RatingGroupContext,
+	Control: () => RatingGroupControl,
+	HiddenInput: () => RatingGroupHiddenInput,
+	Item: () => RatingGroupItem,
+	ItemContext: () => RatingGroupItemContext,
+	Label: () => RatingGroupLabel,
+	Root: () => RatingGroupRoot,
+	RootProvider: () => RatingGroupRootProvider
+});
+
+//#endregion
+export { rating_group_exports as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, ratingGroupAnatomy, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext };