@moduix/react 2.6.0 → 2.7.1

package/dist/components/pin-input/PinInput.js

@@ -8,43 +8,43 @@ import PinInput_module from "./PinInput.module.js";
 const PinInput_PinInputRoot = /*#__PURE__*/ forwardRef(function({ className, count, placeholder = '', ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.Root, {
         ref: ref,
-        "data-slot": "pin-input-root",
         className: clsx(PinInput_module.root, className),
         count: count,
         placeholder: placeholder,
-        ...props
+        ...props,
+        "data-slot": "pin-input-root"
     });
 });
 const PinInput_PinInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.RootProvider, {
         ref: ref,
-        "data-slot": "pin-input-root-provider",
         className: clsx(PinInput_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "pin-input-root-provider"
     });
 });
 const PinInput_PinInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.Label, {
         ref: ref,
-        "data-slot": "pin-input-label",
         className: clsx(PinInput_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "pin-input-label"
     });
 });
 const PinInput_PinInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.Control, {
         ref: ref,
-        "data-slot": "pin-input-control",
         className: clsx(PinInput_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "pin-input-control"
     });
 });
 const PinInput_PinInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.Input, {
         ref: ref,
-        "data-slot": "pin-input-input",
         className: clsx(PinInput_module.input, className),
-        ...props
+        ...props,
+        "data-slot": "pin-input-input"
     });
 });
 function PinInputInputs({ className }) {
@@ -56,11 +56,11 @@ function PinInputInputs({ className }) {
 }
 function PinInputSeparator({ className, 'aria-hidden': ariaHidden = true, role = 'presentation', children, ...props }) {
     return /*#__PURE__*/ jsx("span", {
-        "data-slot": "pin-input-separator",
         "aria-hidden": ariaHidden,
         role: role,
         className: clsx(PinInput_module.separator, className),
         ...props,
+        "data-slot": "pin-input-separator",
         children: children ?? /*#__PURE__*/ jsx(SeparatorMarkIcon, {})
     });
 }

package/dist/components/popover/Popover.js

@@ -37,86 +37,86 @@ function PopoverRootProvider({ lazyMount = true, portalRef, unmountOnExit = true
 const Popover_PopoverAnchor = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Anchor, {
         ref: ref,
-        "data-slot": "popover-anchor",
         className: className,
-        ...props
+        ...props,
+        "data-slot": "popover-anchor"
     });
 });
 const Popover_PopoverTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Trigger, {
         ref: ref,
-        "data-slot": "popover-trigger",
         asChild: asChild,
         className: clsx(!asChild && Popover_module.trigger, className),
-        ...props
+        ...props,
+        "data-slot": "popover-trigger"
     });
 });
 const Popover_PopoverIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Indicator, {
         ref: ref,
-        "data-slot": "popover-indicator",
         className: className,
-        ...props
+        ...props,
+        "data-slot": "popover-indicator"
     });
 });
 const Popover_PopoverPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Popover.Positioner, {
             ref: ref,
-            "data-slot": "popover-positioner",
             className: clsx(Popover_module.positioner, className),
-            ...props
+            ...props,
+            "data-slot": "popover-positioner"
         })
     });
 });
 const Popover_PopoverContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Content, {
         ref: ref,
-        "data-slot": "popover-content",
         className: clsx(Popover_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "popover-content"
     });
 });
 const Popover_PopoverArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Arrow, {
         ref: ref,
-        "data-slot": "popover-arrow",
         className: clsx(Popover_module.arrow, className),
         ...props,
+        "data-slot": "popover-arrow",
         children: children ?? /*#__PURE__*/ jsx(Popover_PopoverArrowTip, {})
     });
 });
 const Popover_PopoverArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.ArrowTip, {
         ref: ref,
-        "data-slot": "popover-arrow-tip",
         className: clsx(Popover_module.arrowTip, className),
-        ...props
+        ...props,
+        "data-slot": "popover-arrow-tip"
     });
 });
 const Popover_PopoverTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Title, {
         ref: ref,
-        "data-slot": "popover-title",
         className: clsx(Popover_module.title, className),
-        ...props
+        ...props,
+        "data-slot": "popover-title"
     });
 });
 const Popover_PopoverDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.Description, {
         ref: ref,
-        "data-slot": "popover-description",
         className: clsx(Popover_module.description, className),
-        ...props
+        ...props,
+        "data-slot": "popover-description"
     });
 });
 const Popover_PopoverCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Popover.CloseTrigger, {
         ref: ref,
-        "data-slot": "popover-close-trigger",
         asChild: asChild,
         className: clsx(!asChild && Popover_module.closeTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "popover-close-trigger"
     });
 });
 const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
@@ -135,25 +135,25 @@ const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className,
 const Popover_PopoverHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "popover-header",
         className: clsx(Popover_module.header, className),
-        ...props
+        ...props,
+        "data-slot": "popover-header"
     });
 });
 const Popover_PopoverBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "popover-body",
         className: clsx(Popover_module.body, className),
-        ...props
+        ...props,
+        "data-slot": "popover-body"
     });
 });
 const Popover_PopoverFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "popover-footer",
         className: clsx(Popover_module.footer, className),
-        ...props
+        ...props,
+        "data-slot": "popover-footer"
     });
 });
 const Popover_Popover = Object.assign(PopoverRoot, {

package/dist/components/progress-circular/ProgressCircular.js

@@ -6,57 +6,57 @@ import ProgressCircular_module from "./ProgressCircular.module.js";
 const ProgressCircular_ProgressCircularRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Root, {
         ref: ref,
-        "data-slot": "progress-circular-root",
         className: clsx(ProgressCircular_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-root"
     });
 });
 const ProgressCircular_ProgressCircularRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.RootProvider, {
         ref: ref,
-        "data-slot": "progress-circular-root-provider",
         className: clsx(ProgressCircular_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-root-provider"
     });
 });
 const ProgressCircular_ProgressCircularLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Label, {
         ref: ref,
-        "data-slot": "progress-circular-label",
         className: clsx(ProgressCircular_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-label"
     });
 });
 const ProgressCircular_ProgressCircularValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.ValueText, {
         ref: ref,
-        "data-slot": "progress-circular-value-text",
         className: clsx(ProgressCircular_module.valueText, className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-value-text"
     });
 });
 const ProgressCircular_ProgressCircularCircle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Circle, {
         ref: ref,
-        "data-slot": "progress-circular-circle",
         className: clsx(ProgressCircular_module.circle, className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-circle"
     });
 });
 const ProgressCircular_ProgressCircularCircleTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.CircleTrack, {
         ref: ref,
-        "data-slot": "progress-circular-circle-track",
         className: clsx(ProgressCircular_module.circleTrack, className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-circle-track"
     });
 });
 const ProgressCircular_ProgressCircularCircleRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.CircleRange, {
         ref: ref,
-        "data-slot": "progress-circular-circle-range",
         className: clsx(ProgressCircular_module.circleRange, className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-circle-range"
     });
 });
 const ProgressCircular_ProgressCircularRing = /*#__PURE__*/ forwardRef(function(props, ref) {
@@ -72,9 +72,9 @@ const ProgressCircular_ProgressCircularRing = /*#__PURE__*/ forwardRef(function(
 const ProgressCircular_ProgressCircularView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.View, {
         ref: ref,
-        "data-slot": "progress-circular-view",
         className: clsx(ProgressCircular_module.view, className),
-        ...props
+        ...props,
+        "data-slot": "progress-circular-view"
     });
 });
 const ProgressCircular = Object.assign(ProgressCircular_ProgressCircularRoot, {

package/dist/components/progress-linear/ProgressLinear.js

@@ -6,57 +6,57 @@ import ProgressLinear_module from "./ProgressLinear.module.js";
 const ProgressLinear_ProgressLinearRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Root, {
         ref: ref,
-        "data-slot": "progress-linear-root",
         className: clsx(ProgressLinear_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-root"
     });
 });
 const ProgressLinear_ProgressLinearRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.RootProvider, {
         ref: ref,
-        "data-slot": "progress-linear-root-provider",
         className: clsx(ProgressLinear_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-root-provider"
     });
 });
 const ProgressLinear_ProgressLinearLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Label, {
         ref: ref,
-        "data-slot": "progress-linear-label",
         className: clsx(ProgressLinear_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-label"
     });
 });
 const ProgressLinear_ProgressLinearValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.ValueText, {
         ref: ref,
-        "data-slot": "progress-linear-value-text",
         className: clsx(ProgressLinear_module.valueText, className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-value-text"
     });
 });
 const ProgressLinear_ProgressLinearTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Track, {
         ref: ref,
-        "data-slot": "progress-linear-track",
         className: clsx(ProgressLinear_module.track, className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-track"
     });
 });
 const ProgressLinear_ProgressLinearRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Range, {
         ref: ref,
-        "data-slot": "progress-linear-range",
         className: clsx(ProgressLinear_module.range, className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-range"
     });
 });
 const ProgressLinear_ProgressLinearView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.View, {
         ref: ref,
-        "data-slot": "progress-linear-view",
         className: clsx(ProgressLinear_module.view, className),
-        ...props
+        ...props,
+        "data-slot": "progress-linear-view"
     });
 });
 const ProgressLinear = Object.assign(ProgressLinear_ProgressLinearRoot, {

package/dist/components/qr-code/QrCode.js

@@ -7,49 +7,49 @@ import QrCode_module from "./QrCode.module.js";
 const QrCode_QrCodeRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.Root, {
         ref: ref,
-        "data-slot": "qr-code-root",
         className: clsx(QrCode_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-root"
     });
 });
 const QrCode_QrCodeRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.RootProvider, {
         ref: ref,
-        "data-slot": "qr-code-root-provider",
         className: clsx(QrCode_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-root-provider"
     });
 });
 const QrCode_QrCodeFrame = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.Frame, {
         ref: ref,
-        "data-slot": "qr-code-frame",
         className: clsx(QrCode_module.frame, className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-frame"
     });
 });
 const QrCode_QrCodePattern = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.Pattern, {
         ref: ref,
-        "data-slot": "qr-code-pattern",
         className: clsx(QrCode_module.pattern, className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-pattern"
     });
 });
 const QrCode_QrCodeOverlay = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.Overlay, {
         ref: ref,
-        "data-slot": "qr-code-overlay",
         className: clsx(QrCode_module.overlay, className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-overlay"
     });
 });
 const QrCode_QrCodeDownloadTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(QrCode.DownloadTrigger, {
         ref: ref,
-        "data-slot": "qr-code-download-trigger",
         className: clsx(QrCode_module.downloadTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "qr-code-download-trigger"
     });
 });
 const QrCode_QrCode = Object.assign(QrCode_QrCodeRoot, {

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

@@ -7,33 +7,33 @@ 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, className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-root"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-root-provider"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-label"
     });
 });
 const RadioGroup_RadioGroupItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RadioGroup.Item, {
         ref: ref,
-        "data-slot": "radio-group-item",
         className: clsx(RadioGroup_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-item"
     });
 });
 const RadioGroup_RadioGroupOption = /*#__PURE__*/ forwardRef(function({ children, size, ...props }, ref) {
@@ -54,26 +54,26 @@ const RadioGroup_RadioGroupOption = /*#__PURE__*/ forwardRef(function({ children
 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, className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-item-control"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-item-text"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "radio-group-indicator"
     });
 });
 const RadioGroup_RadioGroup = Object.assign(RadioGroup_RadioGroupRoot, {

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

@@ -8,54 +8,54 @@ import RatingGroup_module from "./RatingGroup.module.js";
 const RatingGroup_RatingGroupRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(RatingGroup.Root, {
         ref: ref,
-        "data-slot": "rating-group-root",
         "data-size": size,
         className: clsx(RatingGroup_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "rating-group-root"
     });
 });
 const RatingGroup_RatingGroupRootProvider = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(RatingGroup.RootProvider, {
         ref: ref,
-        "data-slot": "rating-group-root-provider",
         "data-size": size,
         className: clsx(RatingGroup_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "rating-group-root-provider"
     });
 });
 const RatingGroup_RatingGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RatingGroup.Label, {
         ref: ref,
-        "data-slot": "rating-group-label",
         className: clsx(RatingGroup_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "rating-group-label"
     });
 });
 const RatingGroup_RatingGroupControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RatingGroup.Control, {
         ref: ref,
-        "data-slot": "rating-group-control",
         className: clsx(RatingGroup_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "rating-group-control"
     });
 });
 const RatingGroup_RatingGroupItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(RatingGroup.Item, {
         ref: ref,
-        "data-slot": "rating-group-item",
         className: clsx(RatingGroup_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "rating-group-item"
     });
 });
 const RatingGroup_RatingGroupItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     const { half, highlighted } = useRatingGroupItemContext();
     return /*#__PURE__*/ jsx("span", {
         ref: ref,
-        "data-slot": "rating-group-item-indicator",
         "data-half": half ? '' : void 0,
         "data-highlighted": highlighted ? '' : void 0,
         className: clsx(RatingGroup_module.itemIndicator, className),
         ...props,
+        "data-slot": "rating-group-item-indicator",
         children: children ?? /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 /*#__PURE__*/ jsx(RatingStarIcon, {

package/dist/components/segment-group/SegmentGroup.js

@@ -38,57 +38,57 @@ const SegmentGroup_SegmentGroupRoot = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(SegmentGroup.RootProvider, {
         ref: ref,
         value: segmentGroup,
-        "data-slot": "segment-group-root",
         className: clsx(SegmentGroup_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-root"
     });
 });
 const SegmentGroup_SegmentGroupRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.RootProvider, {
         ref: ref,
-        "data-slot": "segment-group-root-provider",
         className: clsx(SegmentGroup_module.root, className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-root-provider"
     });
 });
 const SegmentGroup_SegmentGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.Label, {
         ref: ref,
-        "data-slot": "segment-group-label",
         className: clsx(SegmentGroup_module.label, className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-label"
     });
 });
 const SegmentGroup_SegmentGroupItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.Item, {
         ref: ref,
-        "data-slot": "segment-group-item",
         className: clsx(SegmentGroup_module.item, className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-item"
     });
 });
 const SegmentGroup_SegmentGroupItemControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.ItemControl, {
         ref: ref,
-        "data-slot": "segment-group-item-control",
         className: clsx(SegmentGroup_module.itemControl, className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-item-control"
     });
 });
 const SegmentGroup_SegmentGroupItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.ItemText, {
         ref: ref,
-        "data-slot": "segment-group-item-text",
         className: clsx(SegmentGroup_module.itemText, className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-item-text"
     });
 });
 const SegmentGroup_SegmentGroupIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(SegmentGroup.Indicator, {
         ref: ref,
-        "data-slot": "segment-group-indicator",
         className: clsx(SegmentGroup_module.indicator, className),
-        ...props
+        ...props,
+        "data-slot": "segment-group-indicator"
     });
 });
 function SegmentGroupItems({ items }) {