@moduix/react 2.2.0 → 2.2.4

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

@@ -1,24 +1,24 @@
-import { ComponentProps, ReactNode } from "react";
-import { RadioGroup, useRadioGroup } from "@ark-ui/react/radio-group";
-
-//#region src/components/radio-group/RadioGroup.d.ts
+import { RadioGroup as RadioGroupPrimitive, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext } from '@ark-ui/react/radio-group';
+import type { ComponentProps, ReactNode } from 'react';
 type RadioGroupItemControlSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type RadioGroupItemControlProps = ComponentProps<typeof RadioGroup.ItemControl> & {
-  size?: RadioGroupItemControlSize;
+type RadioGroupItemControlProps = ComponentProps<typeof RadioGroupPrimitive.ItemControl> & {
+    size?: RadioGroupItemControlSize;
 };
-type RadioGroupOptionProps = Omit<ComponentProps<typeof RadioGroup.Item>, 'asChild' | 'children'> & {
-  children: ReactNode;
-  size?: RadioGroupItemControlSize;
+type RadioGroupOptionProps = Omit<ComponentProps<typeof RadioGroupPrimitive.Item>, 'asChild' | 'children'> & {
+    children: ReactNode;
+    size?: RadioGroupItemControlSize;
 };
-declare const RadioGroup$1: import("react").ForwardRefExoticComponent<Omit<RadioGroup.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<RadioGroup.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<RadioGroup.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Label: import("react").ForwardRefExoticComponent<Omit<RadioGroup.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  Item: import("react").ForwardRefExoticComponent<Omit<RadioGroup.ItemProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  Option: import("react").ForwardRefExoticComponent<Omit<RadioGroupOptionProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  ItemControl: import("react").ForwardRefExoticComponent<Omit<RadioGroupItemControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ItemText: import("react").ForwardRefExoticComponent<Omit<RadioGroup.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  Indicator: import("react").ForwardRefExoticComponent<Omit<RadioGroup.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: import("@ark-ui/react/radio-group").RadioGroupContextProps) => ReactNode;
+    ItemContext: (props: import("@ark-ui/react/radio-group").RadioGroupItemContextProps) => ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.ItemProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Option: import("react").ForwardRefExoticComponent<Omit<RadioGroupOptionProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    ItemControl: import("react").ForwardRefExoticComponent<Omit<RadioGroupItemControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemText: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
-export { RadioGroup$1 as RadioGroup, type RadioGroupItemControlProps, type RadioGroupItemControlSize, type RadioGroupOptionProps, useRadioGroup };
+export { RadioGroup, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext };
+export type { RadioGroupItemControlProps, RadioGroupItemControlSize, RadioGroupOptionProps };

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

@@ -1,91 +1,106 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import RadioGroup_module_default from "./RadioGroup.module.js";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { RadioGroup, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext } from "@ark-ui/react/radio-group";
 import { clsx } from "clsx";
 import { Children, cloneElement, forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { RadioGroup, useRadioGroup } from "@ark-ui/react/radio-group";
-//#region src/components/radio-group/RadioGroup.tsx
-const RadioGroupRoot = forwardRef(function RadioGroupRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(RadioGroup.Root, {
-		ref,
-		"data-slot": "radio-group-root",
-		className: clsx(RadioGroup_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import RadioGroup_module from "./RadioGroup.module.js";
+const RadioGroup_RadioGroupRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(RadioGroup.Root, {
+        ref: ref,
+        "data-slot": "radio-group-root",
+        className: clsx(RadioGroup_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const RadioGroupRootProvider = forwardRef(function RadioGroupRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(RadioGroup.RootProvider, {
-		ref,
-		"data-slot": "radio-group-root-provider",
-		className: clsx(RadioGroup_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const RadioGroup_RadioGroupRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(RadioGroup.RootProvider, {
+        ref: ref,
+        "data-slot": "radio-group-root-provider",
+        className: clsx(RadioGroup_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const RadioGroupLabel = forwardRef(function RadioGroupLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(RadioGroup.Label, {
-		ref,
-		"data-slot": "radio-group-label",
-		className: clsx(RadioGroup_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const RadioGroup_RadioGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(RadioGroup.Label, {
+        ref: ref,
+        "data-slot": "radio-group-label",
+        className: clsx(RadioGroup_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const RadioGroupItem = forwardRef(function RadioGroupItem({ asChild, children, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(RadioGroup.Item, {
-		ref,
-		asChild,
-		"data-slot": "radio-group-item",
-		className: clsx(RadioGroup_module_default.item, normalizeClassName(className)),
-		...props,
-		children: withItemHiddenInput(children, asChild)
-	});
+const RadioGroup_RadioGroupItem = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(RadioGroup.Item, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "radio-group-item",
+        className: clsx(RadioGroup_module.item, normalizeClassName(className)),
+        ...props,
+        children: withItemHiddenInput(children, asChild)
+    });
 });
-const RadioGroupOption = forwardRef(function RadioGroupOption({ children, size, ...props }, ref) {
-	return /* @__PURE__ */ jsxs(RadioGroupItem, {
-		ref,
-		...props,
-		children: [/* @__PURE__ */ jsx(RadioGroupItemControl, { size }), /* @__PURE__ */ jsx(RadioGroupItemText, { children })]
-	});
+const RadioGroup_RadioGroupOption = /*#__PURE__*/ forwardRef(function({ children, size, ...props }, ref) {
+    return /*#__PURE__*/ jsxs(RadioGroup_RadioGroupItem, {
+        ref: ref,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(RadioGroup_RadioGroupItemControl, {
+                size: size
+            }),
+            /*#__PURE__*/ jsx(RadioGroup_RadioGroupItemText, {
+                children: children
+            })
+        ]
+    });
 });
-const RadioGroupItemControl = forwardRef(function RadioGroupItemControl({ className, size = "md", ...props }, ref) {
-	return /* @__PURE__ */ jsx(RadioGroup.ItemControl, {
-		ref,
-		"data-slot": "radio-group-item-control",
-		"data-size": size,
-		className: clsx(RadioGroup_module_default.itemControl, normalizeClassName(className)),
-		...props
-	});
+const RadioGroup_RadioGroupItemControl = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(RadioGroup.ItemControl, {
+        ref: ref,
+        "data-slot": "radio-group-item-control",
+        "data-size": size,
+        className: clsx(RadioGroup_module.itemControl, normalizeClassName(className)),
+        ...props
+    });
 });
-const RadioGroupItemText = forwardRef(function RadioGroupItemText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(RadioGroup.ItemText, {
-		ref,
-		"data-slot": "radio-group-item-text",
-		className: clsx(RadioGroup_module_default.itemText, normalizeClassName(className)),
-		...props
-	});
+const RadioGroup_RadioGroupItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(RadioGroup.ItemText, {
+        ref: ref,
+        "data-slot": "radio-group-item-text",
+        className: clsx(RadioGroup_module.itemText, normalizeClassName(className)),
+        ...props
+    });
 });
 function withItemHiddenInput(children, asChild) {
-	const hiddenInput = /* @__PURE__ */ jsx(RadioGroup.ItemHiddenInput, { "data-slot": "radio-group-item-hidden-input" });
-	if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, hiddenInput] });
-	const child = Children.only(children);
-	return cloneElement(child, {}, child.props.children, hiddenInput);
+    const hiddenInput = /*#__PURE__*/ jsx(RadioGroup.ItemHiddenInput, {
+        "data-slot": "radio-group-item-hidden-input"
+    });
+    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            children,
+            hiddenInput
+        ]
+    });
+    const child = Children.only(children);
+    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
 }
-const RadioGroupIndicator = forwardRef(function RadioGroupIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(RadioGroup.Indicator, {
-		ref,
-		"data-slot": "radio-group-indicator",
-		className: clsx(RadioGroup_module_default.indicator, normalizeClassName(className)),
-		...props
-	});
+const RadioGroup_RadioGroupIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(RadioGroup.Indicator, {
+        ref: ref,
+        "data-slot": "radio-group-indicator",
+        className: clsx(RadioGroup_module.indicator, normalizeClassName(className)),
+        ...props
+    });
 });
-const RadioGroup$1 = Object.assign(RadioGroupRoot, {
-	Root: RadioGroupRoot,
-	RootProvider: RadioGroupRootProvider,
-	Label: RadioGroupLabel,
-	Item: RadioGroupItem,
-	Option: RadioGroupOption,
-	ItemControl: RadioGroupItemControl,
-	ItemText: RadioGroupItemText,
-	Indicator: RadioGroupIndicator
+const RadioGroup_RadioGroup = Object.assign(RadioGroup_RadioGroupRoot, {
+    Root: RadioGroup_RadioGroupRoot,
+    RootProvider: RadioGroup_RadioGroupRootProvider,
+    Context: RadioGroup.Context,
+    ItemContext: RadioGroup.ItemContext,
+    Label: RadioGroup_RadioGroupLabel,
+    Item: RadioGroup_RadioGroupItem,
+    Option: RadioGroup_RadioGroupOption,
+    ItemControl: RadioGroup_RadioGroupItemControl,
+    ItemText: RadioGroup_RadioGroupItemText,
+    Indicator: RadioGroup_RadioGroupIndicator
 });
-//#endregion
-export { RadioGroup$1 as RadioGroup, useRadioGroup };
+export { RadioGroup_RadioGroup as RadioGroup, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext };

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

@@ -1,12 +1,10 @@
-import './RadioGroup.css';
-//#region src/components/radio-group/RadioGroup.module.css
-var RadioGroup_module_default = {
-	"indicator": "ECSf4W_indicator",
-	"item": "ECSf4W_item",
-	"itemControl": "ECSf4W_itemControl",
-	"itemText": "ECSf4W_itemText",
-	"label": "ECSf4W_label",
-	"root": "ECSf4W_root"
+import "./RadioGroup_module.css";
+const RadioGroup_module = {
+    root: "root-_abn0d",
+    label: "label-EH8IpJ",
+    item: "item-fC3CNm",
+    itemControl: "itemControl-l9dtE4",
+    itemText: "itemText-gi6tev",
+    indicator: "indicator-bsZ8TQ"
 };
-//#endregion
-export { RadioGroup_module_default as default };
+export default RadioGroup_module;

package/dist/components/radio-group/RadioGroup_module.css

@@ -0,0 +1,157 @@
+@layer moduix.components {
+  .root-_abn0d {
+    gap: var(--moduix-radio-group-gap, var(--moduix-spacing-2));
+    color: var(--moduix-radio-group-color, var(--moduix-color-foreground));
+    flex-direction: column;
+    display: flex;
+    position: relative;
+  }
+
+  .root-_abn0d[data-disabled] {
+    cursor: default;
+  }
+
+  .label-EH8IpJ {
+    color: var(--moduix-radio-group-label-color, var(--moduix-radio-group-color, var(--moduix-color-foreground)));
+    font-size: var(--moduix-radio-group-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-radio-group-label-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-radio-group-label-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  .item-fC3CNm {
+    align-items: center;
+    gap: var(--moduix-radio-gap, var(--moduix-spacing-2));
+    vertical-align: middle;
+    cursor: pointer;
+    width: -moz-fit-content;
+    width: fit-content;
+    display: inline-flex;
+  }
+
+  .item-fC3CNm[data-disabled] {
+    cursor: default;
+    opacity: var(--moduix-radio-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .itemControl-l9dtE4 {
+    box-sizing: border-box;
+    appearance: none;
+    width: var(--_radio-size, 1.25rem);
+    height: var(--_radio-size, 1.25rem);
+    border: var(--moduix-radio-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-radio-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-radius-full);
+    background-color: var(--moduix-radio-bg, var(--moduix-color-background));
+    color: var(--moduix-radio-indicator-color, var(--moduix-color-primary-foreground));
+    -webkit-user-select: none;
+    user-select: none;
+    transition: background-color var(--moduix-radio-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-radio-transition, var(--moduix-transition-default)),
+      border-width var(--moduix-radio-transition, var(--moduix-transition-default)),
+      color var(--moduix-radio-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-radio-transition, var(--moduix-transition-default));
+    outline: 0;
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    line-height: 0;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .itemControl-l9dtE4:before {
+    width: var(--_radio-indicator-size, .5rem);
+    height: var(--_radio-indicator-size, .5rem);
+    border: var(--moduix-radio-indicator-border-width, 0) solid
+        var(--moduix-radio-indicator-border-color, currentColor);
+    border-radius: var(--moduix-radio-indicator-radius, var(--moduix-radius-full));
+    content: "";
+    opacity: 0;
+    transition: opacity var(--moduix-radio-transition, var(--moduix-transition-default)),
+        transform var(--moduix-radio-transition, var(--moduix-transition-default));
+    background-color: currentColor;
+    display: block;
+    transform: scale(.6);
+  }
+
+  .itemControl-l9dtE4[data-state="checked"] {
+    border-color: var(--moduix-radio-border-color-checked, var(--moduix-color-primary));
+    background-color: var(--moduix-radio-bg-checked, var(--moduix-color-primary));
+  }
+
+  .itemControl-l9dtE4[data-state="checked"]:before {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  .itemControl-l9dtE4[data-invalid] {
+    border-color: var(--moduix-radio-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .itemControl-l9dtE4[data-focus-visible] {
+    outline: var(--moduix-radio-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        solid var(--moduix-radio-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-radio-focus-ring-offset, var(--moduix-border-width-sm));
+  }
+
+  .itemControl-l9dtE4[data-invalid][data-focus-visible] {
+    outline-color: var(--moduix-radio-focus-ring-color-invalid, var(--moduix-color-destructive));
+  }
+
+  @media (hover: hover) {
+    .itemControl-l9dtE4[data-state="unchecked"]:not([data-readonly], [data-disabled]):hover {
+      background-color: var(--moduix-radio-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  .itemControl-l9dtE4[data-readonly], .itemControl-l9dtE4[data-disabled] {
+    cursor: default;
+  }
+
+  .itemControl-l9dtE4[data-size="xs"] {
+    --_radio-size: var(--moduix-radio-size-xs, var(--moduix-spacing-3-5));
+    --_radio-indicator-size: var(--moduix-radio-indicator-size-xs, var(--moduix-spacing-1));
+  }
+
+  .itemControl-l9dtE4[data-size="sm"] {
+    --_radio-size: var(--moduix-radio-size-sm, var(--moduix-spacing-4));
+    --_radio-indicator-size: var(--moduix-radio-indicator-size-sm, var(--moduix-spacing-1-5));
+  }
+
+  .itemControl-l9dtE4[data-size="md"] {
+    --_radio-size: var(--moduix-radio-size-md, var(--moduix-spacing-5));
+    --_radio-indicator-size: var(--moduix-radio-indicator-size-md, var(--moduix-spacing-2));
+  }
+
+  .itemControl-l9dtE4[data-size="lg"] {
+    --_radio-size: var(--moduix-radio-size-lg, var(--moduix-size-xs));
+    --_radio-indicator-size: var(--moduix-radio-indicator-size-lg, var(--moduix-spacing-2-5));
+  }
+
+  .itemControl-l9dtE4[data-size="xl"] {
+    --_radio-size: var(--moduix-radio-size-xl, var(--moduix-spacing-7));
+    --_radio-indicator-size: var(--moduix-radio-indicator-size-xl, var(--moduix-spacing-3));
+  }
+
+  .itemText-gi6tev {
+    color: var(--moduix-radio-label-color, var(--moduix-color-foreground));
+    font-size: var(--moduix-radio-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-radio-label-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-radio-label-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  .indicator-bsZ8TQ {
+    top: var(--top);
+    left: var(--left);
+    width: var(--width);
+    height: var(--height);
+    border-radius: var(--moduix-radio-indicator-radius, var(--moduix-radius-full));
+    background-color: var(--moduix-radio-bg-checked, var(--moduix-color-primary));
+    opacity: var(--moduix-radio-group-indicator-opacity, .12);
+    pointer-events: none;
+    transition: var(--transition-property, translate)
+      var(--moduix-radio-transition, var(--moduix-transition-default));
+    position: absolute;
+  }
+}
+

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

@@ -1,2 +1,2 @@
-import { RadioGroup, RadioGroupItemControlProps, RadioGroupItemControlSize, RadioGroupOptionProps, useRadioGroup } from "./RadioGroup.js";
-export { RadioGroup, type RadioGroupItemControlProps, type RadioGroupItemControlSize, type RadioGroupOptionProps, useRadioGroup };
+export { RadioGroup, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext, } from './RadioGroup.js';
+export type { RadioGroupItemControlProps, RadioGroupItemControlSize, RadioGroupOptionProps, } from './RadioGroup.js';

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

@@ -0,0 +1 @@
+export { RadioGroup, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext } from "./RadioGroup.js";

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

@@ -1,30 +1,26 @@
-import { ComponentProps, ReactNode } from "react";
-import { RatingGroup, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext } from "@ark-ui/react/rating-group";
-
-//#region src/components/rating-group/RatingGroup.d.ts
+import { RatingGroup as RatingGroupPrimitive, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext } from '@ark-ui/react/rating-group';
+import type { ComponentProps, ReactNode } from 'react';
 type RatingGroupSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type RatingGroupRootProps = ComponentProps<typeof RatingGroup.Root> & {
-  size?: RatingGroupSize;
+type RatingGroupRootProps = ComponentProps<typeof RatingGroupPrimitive.Root> & {
+    size?: RatingGroupSize;
 };
-type RatingGroupRootProviderProps = ComponentProps<typeof RatingGroup.RootProvider> & {
-  size?: RatingGroupSize;
+type RatingGroupRootProviderProps = ComponentProps<typeof RatingGroupPrimitive.RootProvider> & {
+    size?: RatingGroupSize;
 };
 type RatingGroupItemIndicatorProps = ComponentProps<'span'>;
-declare function RatingGroupItems({
-  children
-}: {
-  children?: ReactNode;
+declare function RatingGroupItems({ children }: {
+    children?: ReactNode;
 }): import("react").JSX.Element;
-declare const RatingGroup$1: import("react").ForwardRefExoticComponent<Omit<RatingGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<RatingGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<RatingGroupRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Context: (props: RatingGroup.ContextProps) => ReactNode;
-  Label: import("react").ForwardRefExoticComponent<Omit<RatingGroup.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  Control: import("react").ForwardRefExoticComponent<Omit<RatingGroup.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Item: import("react").ForwardRefExoticComponent<Omit<RatingGroup.ItemProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  ItemContext: (props: RatingGroup.ItemContextProps) => ReactNode;
-  ItemIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  Items: typeof RatingGroupItems;
+declare const RatingGroup: import("react").ForwardRefExoticComponent<Omit<RatingGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<RatingGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<RatingGroupRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: RatingGroupPrimitive.ContextProps) => ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<RatingGroupPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<RatingGroupPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<RatingGroupPrimitive.ItemProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemContext: (props: RatingGroupPrimitive.ItemContextProps) => ReactNode;
+    ItemIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Items: typeof RatingGroupItems;
 };
-//#endregion
-export { RatingGroup$1 as RatingGroup, type RatingGroupItemIndicatorProps, type RatingGroupRootProps, type RatingGroupRootProviderProps, type RatingGroupSize, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext };
+export { RatingGroup, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext };
+export type { RatingGroupItemIndicatorProps, RatingGroupRootProps, RatingGroupRootProviderProps, RatingGroupSize, };