npm - @ark-ui/react - Versions diffs - 5.38.0 → 5.38.2 - Mend

@ark-ui/react 5.38.0 → 5.38.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (599) hide show

package/dist/components/progress/progress-circle.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/progress/progress-circle.tsx
 var ProgressCircle = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useProgressContext().getCircleProps(), props);
+	const progress = useProgressContext();
+	const mergedProps = mergeProps(progress.getCircleProps(), props);
 	return /* @__PURE__ */ jsx(ark.svg, {
 		ref,
 		...mergedProps

package/dist/components/progress/progress-label.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/progress/progress-label.tsx
 var ProgressLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_progress_context.useProgressContext().getLabelProps(), props);
+	const progress = require_use_progress_context.useProgressContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(progress.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref

package/dist/components/progress/progress-label.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/progress/progress-label.tsx
 var ProgressLabel = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useProgressContext().getLabelProps(), props);
+	const progress = useProgressContext();
+	const mergedProps = mergeProps(progress.getLabelProps(), props);
 	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref

package/dist/components/progress/progress-range.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/progress/progress-range.tsx
 var ProgressRange = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_progress_context.useProgressContext().getRangeProps(), props);
+	const progress = require_use_progress_context.useProgressContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(progress.getRangeProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/progress/progress-range.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/progress/progress-range.tsx
 var ProgressRange = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useProgressContext().getRangeProps(), props);
+	const progress = useProgressContext();
+	const mergedProps = mergeProps(progress.getRangeProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/progress/progress-track.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/progress/progress-track.tsx
 var ProgressTrack = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_progress_context.useProgressContext().getTrackProps(), props);
+	const progress = require_use_progress_context.useProgressContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(progress.getTrackProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/progress/progress-track.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/progress/progress-track.tsx
 var ProgressTrack = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useProgressContext().getTrackProps(), props);
+	const progress = useProgressContext();
+	const mergedProps = mergeProps(progress.getTrackProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/progress/progress-view.cjs CHANGED Viewed

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitViewProps = require_create_split_props.createSplitProps();
 var ProgressView = (0, react.forwardRef)((props, ref) => {
 	const [viewProps, localProps] = splitViewProps(props, ["state"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_progress_context.useProgressContext().getViewProps(viewProps), localProps);
+	const progress = require_use_progress_context.useProgressContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(progress.getViewProps(viewProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref

package/dist/components/progress/progress-view.js CHANGED Viewed

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitViewProps = createSplitProps();
 var ProgressView = forwardRef((props, ref) => {
 	const [viewProps, localProps] = splitViewProps(props, ["state"]);
-	const mergedProps = mergeProps(useProgressContext().getViewProps(viewProps), localProps);
+	const progress = useProgressContext();
+	const mergedProps = mergeProps(progress.getViewProps(viewProps), localProps);
 	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref

package/dist/components/qr-code/qr-code-download-trigger.cjs CHANGED Viewed

@@ -13,7 +13,8 @@ var QrCodeDownloadTrigger = (0, react.forwardRef)((props, ref) => {
 		"mimeType",
 		"quality"
 	]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_qr_code_context.useQrCodeContext().getDownloadTriggerProps(downloadTriggerProps), localProps);
+	const qrCode = require_use_qr_code_context.useQrCodeContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(qrCode.getDownloadTriggerProps(downloadTriggerProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/qr-code/qr-code-download-trigger.js CHANGED Viewed

@@ -13,7 +13,8 @@ var QrCodeDownloadTrigger = forwardRef((props, ref) => {
 		"mimeType",
 		"quality"
 	]);
-	const mergedProps = mergeProps(useQrCodeContext().getDownloadTriggerProps(downloadTriggerProps), localProps);
+	const qrCode = useQrCodeContext();
+	const mergedProps = mergeProps(qrCode.getDownloadTriggerProps(downloadTriggerProps), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/qr-code/qr-code-frame.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/qr-code/qr-code-frame.tsx
 var QrCodeFrame = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_qr_code_context.useQrCodeContext().getFrameProps(), props);
+	const qrCode = require_use_qr_code_context.useQrCodeContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(qrCode.getFrameProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.svg, {
 		...mergedProps,
 		ref

package/dist/components/qr-code/qr-code-frame.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/qr-code/qr-code-frame.tsx
 var QrCodeFrame = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useQrCodeContext().getFrameProps(), props);
+	const qrCode = useQrCodeContext();
+	const mergedProps = mergeProps(qrCode.getFrameProps(), props);
 	return /* @__PURE__ */ jsx(ark.svg, {
 		...mergedProps,
 		ref

package/dist/components/qr-code/qr-code-overlay.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/qr-code/qr-code-overlay.tsx
 var QrCodeOverlay = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_qr_code_context.useQrCodeContext().getOverlayProps(), props);
+	const qrCode = require_use_qr_code_context.useQrCodeContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(qrCode.getOverlayProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/qr-code/qr-code-overlay.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/qr-code/qr-code-overlay.tsx
 var QrCodeOverlay = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useQrCodeContext().getOverlayProps(), props);
+	const qrCode = useQrCodeContext();
+	const mergedProps = mergeProps(qrCode.getOverlayProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/qr-code/qr-code-pattern.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/qr-code/qr-code-pattern.tsx
 var QrCodePattern = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_qr_code_context.useQrCodeContext().getPatternProps(), props);
+	const qrCode = require_use_qr_code_context.useQrCodeContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(qrCode.getPatternProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.path, {
 		...mergedProps,
 		ref

package/dist/components/qr-code/qr-code-pattern.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/qr-code/qr-code-pattern.tsx
 var QrCodePattern = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useQrCodeContext().getPatternProps(), props);
+	const qrCode = useQrCodeContext();
+	const mergedProps = mergeProps(qrCode.getPatternProps(), props);
 	return /* @__PURE__ */ jsx(ark.path, {
 		...mergedProps,
 		ref

package/dist/components/radio-group/radio-group-indicator.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/radio-group/radio-group-indicator.tsx
 var RadioGroupIndicator = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_radio_group_context.useRadioGroupContext().getIndicatorProps(), props);
+	const radioGroup = require_use_radio_group_context.useRadioGroupContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(radioGroup.getIndicatorProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/radio-group/radio-group-indicator.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/radio-group/radio-group-indicator.tsx
 var RadioGroupIndicator = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useRadioGroupContext().getIndicatorProps(), props);
+	const radioGroup = useRadioGroupContext();
+	const mergedProps = mergeProps(radioGroup.getIndicatorProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/radio-group/radio-group-item.cjs CHANGED Viewed

@@ -17,8 +17,9 @@ var RadioGroupItem = (0, react.forwardRef)((props, ref) => {
 	]);
 	const radioGroup = require_use_radio_group_context.useRadioGroupContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(radioGroup.getItemProps(itemProps), localProps);
+	const itemState = radioGroup.getItemState(itemProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_radio_group_item_context.RadioGroupItemProvider, {
-		value: radioGroup.getItemState(itemProps),
+		value: itemState,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_radio_group_item_props_context.RadioGroupItemPropsProvider, {
 			value: itemProps,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {

package/dist/components/radio-group/radio-group-item.js CHANGED Viewed

@@ -17,8 +17,9 @@ var RadioGroupItem = forwardRef((props, ref) => {
 	]);
 	const radioGroup = useRadioGroupContext();
 	const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);
+	const itemState = radioGroup.getItemState(itemProps);
 	return /* @__PURE__ */ jsx(RadioGroupItemProvider, {
-		value: radioGroup.getItemState(itemProps),
+		value: itemState,
 		children: /* @__PURE__ */ jsx(RadioGroupItemPropsProvider, {
 			value: itemProps,
 			children: /* @__PURE__ */ jsx(ark.label, {

package/dist/components/radio-group/radio-group-label.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/radio-group/radio-group-label.tsx
 var RadioGroupLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_radio_group_context.useRadioGroupContext().getLabelProps(), props);
+	const radioGroup = require_use_radio_group_context.useRadioGroupContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(radioGroup.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref

package/dist/components/radio-group/radio-group-label.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/radio-group/radio-group-label.tsx
 var RadioGroupLabel = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useRadioGroupContext().getLabelProps(), props);
+	const radioGroup = useRadioGroupContext();
+	const mergedProps = mergeProps(radioGroup.getLabelProps(), props);
 	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref

package/dist/components/rating-group/rating-group-control.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/rating-group/rating-group-control.tsx
 var RatingGroupControl = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_rating_group_context.useRatingGroupContext().getControlProps(), props);
+	const ratingGroup = require_use_rating_group_context.useRatingGroupContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(ratingGroup.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/rating-group/rating-group-control.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/rating-group/rating-group-control.tsx
 var RatingGroupControl = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useRatingGroupContext().getControlProps(), props);
+	const ratingGroup = useRatingGroupContext();
+	const mergedProps = mergeProps(ratingGroup.getControlProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/rating-group/rating-group-hidden-input.cjs CHANGED Viewed

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/rating-group/rating-group-hidden-input.tsx
 var RatingGroupHiddenInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_rating_group_context.useRatingGroupContext().getHiddenInputProps(), props);
+	const ratingGroup = require_use_rating_group_context.useRatingGroupContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(ratingGroup.getHiddenInputProps(), props);
 	const field = require_use_field_context.useFieldContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		"aria-describedby": field?.ariaDescribedby,

package/dist/components/rating-group/rating-group-hidden-input.js CHANGED Viewed

@@ -7,7 +7,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/rating-group/rating-group-hidden-input.tsx
 var RatingGroupHiddenInput = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useRatingGroupContext().getHiddenInputProps(), props);
+	const ratingGroup = useRatingGroupContext();
+	const mergedProps = mergeProps(ratingGroup.getHiddenInputProps(), props);
 	const field = useFieldContext();
 	return /* @__PURE__ */ jsx(ark.input, {
 		"aria-describedby": field?.ariaDescribedby,

package/dist/components/rating-group/rating-group-item.cjs CHANGED Viewed

@@ -12,8 +12,9 @@ var RatingGroupItem = (0, react.forwardRef)((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["index"]);
 	const ratingGroup = require_use_rating_group_context.useRatingGroupContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(ratingGroup.getItemProps(itemProps), localProps);
+	const itemState = ratingGroup.getItemState(itemProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_rating_group_item_context.RatingGroupItemProvider, {
-		value: ratingGroup.getItemState(itemProps),
+		value: itemState,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 			...mergedProps,
 			ref

package/dist/components/rating-group/rating-group-item.js CHANGED Viewed

@@ -12,8 +12,9 @@ var RatingGroupItem = forwardRef((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["index"]);
 	const ratingGroup = useRatingGroupContext();
 	const mergedProps = mergeProps(ratingGroup.getItemProps(itemProps), localProps);
+	const itemState = ratingGroup.getItemState(itemProps);
 	return /* @__PURE__ */ jsx(RatingGroupItemProvider, {
-		value: ratingGroup.getItemState(itemProps),
+		value: itemState,
 		children: /* @__PURE__ */ jsx(ark.span, {
 			...mergedProps,
 			ref

package/dist/components/rating-group/rating-group-label.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/rating-group/rating-group-label.tsx
 var RatingGroupLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_rating_group_context.useRatingGroupContext().getLabelProps(), props);
+	const ratingGroup = require_use_rating_group_context.useRatingGroupContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(ratingGroup.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 		...mergedProps,
 		ref

package/dist/components/rating-group/rating-group-label.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/rating-group/rating-group-label.tsx
 var RatingGroupLabel = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useRatingGroupContext().getLabelProps(), props);
+	const ratingGroup = useRatingGroupContext();
+	const mergedProps = mergeProps(ratingGroup.getLabelProps(), props);
 	return /* @__PURE__ */ jsx(ark.label, {
 		...mergedProps,
 		ref

package/dist/components/scroll-area/scroll-area-content.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/scroll-area/scroll-area-content.tsx
 var ScrollAreaContent = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_scroll_area_context.useScrollAreaContext().getContentProps(), props);
+	const scrollArea = require_use_scroll_area_context.useScrollAreaContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(scrollArea.getContentProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/scroll-area/scroll-area-content.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/scroll-area/scroll-area-content.tsx
 var ScrollAreaContent = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useScrollAreaContext().getContentProps(), props);
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps(scrollArea.getContentProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/scroll-area/scroll-area-corner.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/scroll-area/scroll-area-corner.tsx
 var ScrollAreaCorner = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_scroll_area_context.useScrollAreaContext().getCornerProps(), props);
+	const scrollArea = require_use_scroll_area_context.useScrollAreaContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(scrollArea.getCornerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/scroll-area/scroll-area-corner.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/scroll-area/scroll-area-corner.tsx
 var ScrollAreaCorner = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useScrollAreaContext().getCornerProps(), props);
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps(scrollArea.getCornerProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/scroll-area/scroll-area-scrollbar.cjs CHANGED Viewed

@@ -10,7 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitScrollbarProps = require_create_split_props.createSplitProps();
 var ScrollAreaScrollbar = (0, react.forwardRef)((props, ref) => {
 	const [scrollbarProps, localProps] = splitScrollbarProps(props, ["orientation"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_scroll_area_context.useScrollAreaContext().getScrollbarProps(scrollbarProps), localProps);
+	const scrollAreaApi = require_use_scroll_area_context.useScrollAreaContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(scrollAreaApi.getScrollbarProps(scrollbarProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_scroll_area_scrollbar_context.ScrollAreaScrollbarProvider, {
 		value: scrollbarProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {

package/dist/components/scroll-area/scroll-area-scrollbar.js CHANGED Viewed

@@ -10,7 +10,8 @@ import { jsx } from "react/jsx-runtime";
 var splitScrollbarProps = createSplitProps();
 var ScrollAreaScrollbar = forwardRef((props, ref) => {
 	const [scrollbarProps, localProps] = splitScrollbarProps(props, ["orientation"]);
-	const mergedProps = mergeProps(useScrollAreaContext().getScrollbarProps(scrollbarProps), localProps);
+	const scrollAreaApi = useScrollAreaContext();
+	const mergedProps = mergeProps(scrollAreaApi.getScrollbarProps(scrollbarProps), localProps);
 	return /* @__PURE__ */ jsx(ScrollAreaScrollbarProvider, {
 		value: scrollbarProps,
 		children: /* @__PURE__ */ jsx(ark.div, {

package/dist/components/scroll-area/scroll-area-viewport.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/scroll-area/scroll-area-viewport.tsx
 var ScrollAreaViewport = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_scroll_area_context.useScrollAreaContext().getViewportProps(), props);
+	const scrollArea = require_use_scroll_area_context.useScrollAreaContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(scrollArea.getViewportProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/scroll-area/scroll-area-viewport.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/scroll-area/scroll-area-viewport.tsx
 var ScrollAreaViewport = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useScrollAreaContext().getViewportProps(), props);
+	const scrollArea = useScrollAreaContext();
+	const mergedProps = mergeProps(scrollArea.getViewportProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-indicator.cjs CHANGED Viewed

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/segment-group/segment-group-indicator.tsx
 var SegmentGroupIndicator = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_segment_group_context.useSegmentGroupContext().getIndicatorProps(), require_segment_group_anatomy.parts.indicator.attrs, props);
+	const segmentGroup = require_use_segment_group_context.useSegmentGroupContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getIndicatorProps(), require_segment_group_anatomy.parts.indicator.attrs, props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-indicator.js CHANGED Viewed

@@ -7,7 +7,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/segment-group/segment-group-indicator.tsx
 var SegmentGroupIndicator = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useSegmentGroupContext().getIndicatorProps(), parts.indicator.attrs, props);
+	const segmentGroup = useSegmentGroupContext();
+	const mergedProps = mergeProps(segmentGroup.getIndicatorProps(), parts.indicator.attrs, props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-item.cjs CHANGED Viewed

@@ -18,10 +18,11 @@ var SegmentGroupItem = (0, react.forwardRef)((props, ref) => {
 	]);
 	const segmentGroup = require_use_segment_group_context.useSegmentGroupContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getItemProps(itemProps), require_segment_group_anatomy.parts.item.attrs, localProps);
+	const itemState = segmentGroup.getItemState(itemProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_segment_group_item_props_context.SegmentGroupItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_segment_group_item_context.SegmentGroupItemProvider, {
-			value: segmentGroup.getItemState(itemProps),
+			value: itemState,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 				...mergedProps,
 				ref

package/dist/components/segment-group/segment-group-item.js CHANGED Viewed

@@ -18,10 +18,11 @@ var SegmentGroupItem = forwardRef((props, ref) => {
 	]);
 	const segmentGroup = useSegmentGroupContext();
 	const mergedProps = mergeProps(segmentGroup.getItemProps(itemProps), parts.item.attrs, localProps);
+	const itemState = segmentGroup.getItemState(itemProps);
 	return /* @__PURE__ */ jsx(SegmentGroupItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ jsx(SegmentGroupItemProvider, {
-			value: segmentGroup.getItemState(itemProps),
+			value: itemState,
 			children: /* @__PURE__ */ jsx(ark.label, {
 				...mergedProps,
 				ref

package/dist/components/segment-group/segment-group-label.cjs CHANGED Viewed

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/segment-group/segment-group-label.tsx
 var SegmentGroupLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_segment_group_context.useSegmentGroupContext().getLabelProps(), require_segment_group_anatomy.parts.label.attrs, props);
+	const segmentGroup = require_use_segment_group_context.useSegmentGroupContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getLabelProps(), require_segment_group_anatomy.parts.label.attrs, props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-label.js CHANGED Viewed

@@ -7,7 +7,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/segment-group/segment-group-label.tsx
 var SegmentGroupLabel = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useSegmentGroupContext().getLabelProps(), parts.label.attrs, props);
+	const segmentGroup = useSegmentGroupContext();
+	const mergedProps = mergeProps(segmentGroup.getLabelProps(), parts.label.attrs, props);
 	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref

package/dist/components/select/select-clear-trigger.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/select/select-clear-trigger.tsx
 var SelectClearTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_select_context.useSelectContext().getClearTriggerProps(), props);
+	const select = require_use_select_context.useSelectContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(select.getClearTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/select/select-clear-trigger.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/select/select-clear-trigger.tsx
 var SelectClearTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useSelectContext().getClearTriggerProps(), props);
+	const select = useSelectContext();
+	const mergedProps = mergeProps(select.getClearTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/select/select-control.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/select/select-control.tsx
 var SelectControl = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_select_context.useSelectContext().getControlProps(), props);
+	const select = require_use_select_context.useSelectContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(select.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/select/select-control.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/select/select-control.tsx
 var SelectControl = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useSelectContext().getControlProps(), props);
+	const select = useSelectContext();
+	const mergedProps = mergeProps(select.getControlProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/select/select-indicator.cjs CHANGED Viewed

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/select/select-indicator.tsx
 var SelectIndicator = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_select_context.useSelectContext().getIndicatorProps(), props);
+	const select = require_use_select_context.useSelectContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(select.getIndicatorProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/select/select-indicator.js CHANGED Viewed

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/select/select-indicator.tsx
 var SelectIndicator = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useSelectContext().getIndicatorProps(), props);
+	const select = useSelectContext();
+	const mergedProps = mergeProps(select.getIndicatorProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/select/select-item-group.cjs CHANGED Viewed

@@ -15,7 +15,8 @@ var SelectItemGroup = (0, react.forwardRef)((props, ref) => {
 		id,
 		..._itemGroupProps
 	};
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_select_context.useSelectContext().getItemGroupProps(itemGroupProps), localProps);
+	const select = require_use_select_context.useSelectContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(select.getItemGroupProps(itemGroupProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_select_item_group_props.SelectItemGroupPropsProvider, {
 		value: itemGroupProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {

package/dist/components/select/select-item-group.js CHANGED Viewed

@@ -15,7 +15,8 @@ var SelectItemGroup = forwardRef((props, ref) => {
 		id,
 		..._itemGroupProps
 	};
-	const mergedProps = mergeProps(useSelectContext().getItemGroupProps(itemGroupProps), localProps);
+	const select = useSelectContext();
+	const mergedProps = mergeProps(select.getItemGroupProps(itemGroupProps), localProps);
 	return /* @__PURE__ */ jsx(SelectItemGroupPropsProvider, {
 		value: itemGroupProps,
 		children: /* @__PURE__ */ jsx(ark.div, {