@seed-design/react 1.2.8 → 1.2.10

package/lib/components/SelectBox/CheckSelectBox.js

@@ -1,135 +1,118 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { composeRefs } from '@radix-ui/react-compose-refs';
-import { selectBox } from '@seed-design/css/recipes/select-box';
-import { selectBoxCheckmark } from '@seed-design/css/recipes/selectBoxCheckmark';
-import { selectBoxGroup } from '@seed-design/css/recipes/select-box-group';
-import { Checkbox, useCheckboxContext } from '@seed-design/react-checkbox';
-import { useCollapsibleContext, Collapsible, useCollapsible, CollapsibleProvider } from '@seed-design/react-collapsible';
-import { Primitive } from '@seed-design/react-primitive';
-import clsx from 'clsx';
-import { forwardRef, useContext, createContext, useState, useCallback } from 'react';
-import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import { createWithStateProps } from '../../utils/createWithStateProps.js';
-import { InternalIcon } from '../private/Icon.js';
-
-const { PropsProvider, ClassNamesProvider, withContext, useProps, useClassNames } = createSlotRecipeContext(selectBox);
-const withStateProps = createWithStateProps([useCheckboxContext]);
-const FooterContext = createContext(null);
-const CheckSelectBoxGroup = forwardRef(
-  ({ columns = 1, className, style, ...props }, ref) => {
-    const [variantProps, otherProps] = selectBoxGroup.splitVariantProps(props);
-    const recipeClassName = selectBoxGroup(variantProps);
-    const layout = columns === 1 ? "horizontal" : "vertical";
-    return /* @__PURE__ */ jsx(PropsProvider, { value: { layout }, children: /* @__PURE__ */ jsx(
-      Primitive.div,
-      {
-        ref,
-        "data-columns": columns,
-        className: clsx(recipeClassName, className),
-        style: {
-          ...style,
-          "--seed-select-box-group--columns": columns
-        },
-        ...otherProps
-      }
-    ) });
-  }
-);
-function FooterVisibilityProvider({
-  children,
-  footerVisibility
-}) {
-  const { checked } = useCheckboxContext();
-  const collapsible = useCollapsible({
-    open: {
-      "when-selected": checked,
-      "when-not-selected": !checked
-    }[footerVisibility]
-  });
-  const [isFooterRendered, setIsFooterRendered] = useState(false);
-  const footerRef = useCallback((node) => {
-    setIsFooterRendered(!!node);
-  }, []);
-  return /* @__PURE__ */ jsx(CollapsibleProvider, { value: collapsible, children: /* @__PURE__ */ jsx(FooterContext.Provider, { value: { isFooterRendered, footerRef, footerVisibility }, children }) });
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { InternalIcon } from "../private/Icon.js";
+import { Checkbox, useCheckboxContext } from "@seed-design/react-checkbox";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import { createContext, forwardRef, useCallback, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import { selectBox } from "@seed-design/css/recipes/select-box";
+import { selectBoxCheckmark } from "@seed-design/css/recipes/selectBoxCheckmark";
+import { selectBoxGroup } from "@seed-design/css/recipes/select-box-group";
+import { Collapsible, CollapsibleProvider, useCollapsible, useCollapsibleContext } from "@seed-design/react-collapsible";
+//#region src/components/SelectBox/CheckSelectBox.tsx
+var { PropsProvider, ClassNamesProvider, withContext, useProps, useClassNames } = createSlotRecipeContext(selectBox);
+var withStateProps = createWithStateProps([useCheckboxContext]);
+var FooterContext = createContext(null);
+var CheckSelectBoxGroup = forwardRef(({ columns = 1, className, style, ...props }, ref) => {
+	const [variantProps, otherProps] = selectBoxGroup.splitVariantProps(props);
+	const recipeClassName = selectBoxGroup(variantProps);
+	return /* @__PURE__ */ jsx(PropsProvider, {
+		value: { layout: columns === 1 ? "horizontal" : "vertical" },
+		children: /* @__PURE__ */ jsx(Primitive.div, {
+			ref,
+			"data-columns": columns,
+			className: clsx$1(recipeClassName, className),
+			style: {
+				...style,
+				"--seed-select-box-group--columns": columns
+			},
+			...otherProps
+		})
+	});
+});
+function FooterVisibilityProvider({ children, footerVisibility }) {
+	const { checked } = useCheckboxContext();
+	const collapsible = useCollapsible({ open: {
+		"when-selected": checked,
+		"when-not-selected": !checked
+	}[footerVisibility] });
+	const [isFooterRendered, setIsFooterRendered] = useState(false);
+	const footerRef = useCallback((node) => {
+		setIsFooterRendered(!!node);
+	}, []);
+	return /* @__PURE__ */ jsx(CollapsibleProvider, {
+		value: collapsible,
+		children: /* @__PURE__ */ jsx(FooterContext.Provider, {
+			value: {
+				isFooterRendered,
+				footerRef,
+				footerVisibility
+			},
+			children
+		})
+	});
 }
-const CheckSelectBoxRoot = forwardRef(
-  ({ footerVisibility = "when-selected", className, children, ...props }, ref) => {
-    const [variantProps, otherProps] = selectBox.splitVariantProps(props);
-    const classNames = selectBox({
-      ...useProps(),
-      ...variantProps
-    });
-    return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
-      Checkbox.Root,
-      {
-        ref,
-        className: clsx(classNames.root, className),
-        ...otherProps,
-        children: footerVisibility === "always" ? children : /* @__PURE__ */ jsx(FooterVisibilityProvider, { footerVisibility, children })
-      }
-    ) });
-  }
-);
-const CheckSelectBoxTrigger = withContext(
-  withStateProps(Primitive.div),
-  "trigger"
-);
-const CheckSelectBoxContent = withContext(
-  withStateProps(Primitive.div),
-  "content"
-);
-const CheckSelectBoxBody = withContext(
-  withStateProps(Primitive.div),
-  "body"
-);
-const CheckSelectBoxLabel = withContext(
-  withStateProps(Primitive.div),
-  "label"
-);
-const CheckSelectBoxDescription = withContext(withStateProps(Primitive.div), "description");
-const { withProvider: withCheckmarkProvider, withContext: withCheckmarkContext } = createSlotRecipeContext(selectBoxCheckmark);
-const withCheckmarkStateProps = createWithStateProps([useCheckboxContext]);
-const CheckSelectBoxCheckmarkControl = withCheckmarkProvider(Checkbox.Control, "root");
-const CheckSelectBoxCheckmarkIcon = withCheckmarkContext(withCheckmarkStateProps(InternalIcon), "icon");
-const CheckSelectBoxHiddenInput = forwardRef((props, ref) => {
-  const collapsibleContext = useCollapsibleContext({ strict: false });
-  const footerContext = useContext(FooterContext);
-  const triggerAriaProps = footerContext?.isFooterRendered ? collapsibleContext?.triggerAriaProps : void 0;
-  return /* @__PURE__ */ jsx(Checkbox.HiddenInput, { ref, ...triggerAriaProps, ...props });
+var CheckSelectBoxRoot = forwardRef(({ footerVisibility = "when-selected", className, children, ...props }, ref) => {
+	const [variantProps, otherProps] = selectBox.splitVariantProps(props);
+	const classNames = selectBox({
+		...useProps(),
+		...variantProps
+	});
+	return /* @__PURE__ */ jsx(ClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ jsx(Checkbox.Root, {
+			ref,
+			className: clsx$1(classNames.root, className),
+			...otherProps,
+			children: footerVisibility === "always" ? children : /* @__PURE__ */ jsx(FooterVisibilityProvider, {
+				footerVisibility,
+				children
+			})
+		})
+	});
+});
+var CheckSelectBoxTrigger = withContext(withStateProps(Primitive.div), "trigger");
+var CheckSelectBoxContent = withContext(withStateProps(Primitive.div), "content");
+var CheckSelectBoxBody = withContext(withStateProps(Primitive.div), "body");
+var CheckSelectBoxLabel = withContext(withStateProps(Primitive.div), "label");
+var CheckSelectBoxDescription = withContext(withStateProps(Primitive.div), "description");
+var { withProvider: withCheckmarkProvider, withContext: withCheckmarkContext } = createSlotRecipeContext(selectBoxCheckmark);
+var withCheckmarkStateProps = createWithStateProps([useCheckboxContext]);
+var CheckSelectBoxCheckmarkControl = withCheckmarkProvider(Checkbox.Control, "root");
+var CheckSelectBoxCheckmarkIcon = withCheckmarkContext(withCheckmarkStateProps(InternalIcon), "icon");
+var CheckSelectBoxHiddenInput = forwardRef((props, ref) => {
+	const collapsibleContext = useCollapsibleContext({ strict: false });
+	const triggerAriaProps = useContext(FooterContext)?.isFooterRendered ? collapsibleContext?.triggerAriaProps : void 0;
+	return /* @__PURE__ */ jsx(Checkbox.HiddenInput, {
+		ref,
+		...triggerAriaProps,
+		...props
+	});
 });
 CheckSelectBoxHiddenInput.displayName = "CheckSelectBoxHiddenInput";
-const CheckSelectBoxFooter = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const classNames = useClassNames();
-    const { stateProps } = useCheckboxContext();
-    const collapsibleContext = useCollapsibleContext({ strict: false });
-    const footerContext = useContext(FooterContext);
-    const composedRef = composeRefs(ref, footerContext?.footerRef ?? null);
-    if (collapsibleContext) {
-      return /* @__PURE__ */ jsx(
-        Collapsible.Content,
-        {
-          ref: composedRef,
-          className: clsx(classNames.footer, className),
-          ...stateProps,
-          ...props,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      Primitive.div,
-      {
-        ref: composedRef,
-        className: clsx(classNames.footer, className),
-        ...stateProps,
-        ...props,
-        children
-      }
-    );
-  }
-);
+var CheckSelectBoxFooter = forwardRef(({ className, children, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { stateProps } = useCheckboxContext();
+	const collapsibleContext = useCollapsibleContext({ strict: false });
+	const composedRef = composeRefs(ref, useContext(FooterContext)?.footerRef ?? null);
+	if (collapsibleContext) return /* @__PURE__ */ jsx(Collapsible.Content, {
+		ref: composedRef,
+		className: clsx$1(classNames.footer, className),
+		...stateProps,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		ref: composedRef,
+		className: clsx$1(classNames.footer, className),
+		...stateProps,
+		...props,
+		children
+	});
+});
 CheckSelectBoxFooter.displayName = "CheckSelectBoxFooter";
-
+//#endregion
 export { CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger };

package/lib/components/SelectBox/CheckSelectBox.namespace.cjs

@@ -1,19 +1,23 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const CheckSelectBox = require('./CheckSelectBox.cjs');
-
-
-
-exports.Body = CheckSelectBox.CheckSelectBoxBody;
-exports.CheckmarkControl = CheckSelectBox.CheckSelectBoxCheckmarkControl;
-exports.CheckmarkIcon = CheckSelectBox.CheckSelectBoxCheckmarkIcon;
-exports.Content = CheckSelectBox.CheckSelectBoxContent;
-exports.Description = CheckSelectBox.CheckSelectBoxDescription;
-exports.Footer = CheckSelectBox.CheckSelectBoxFooter;
-exports.Group = CheckSelectBox.CheckSelectBoxGroup;
-exports.HiddenInput = CheckSelectBox.CheckSelectBoxHiddenInput;
-exports.Label = CheckSelectBox.CheckSelectBoxLabel;
-exports.Root = CheckSelectBox.CheckSelectBoxRoot;
-exports.Trigger = CheckSelectBox.CheckSelectBoxTrigger;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_CheckSelectBox = require("./CheckSelectBox.cjs");
+//#region src/components/SelectBox/CheckSelectBox.namespace.ts
+var CheckSelectBox_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Body: () => require_CheckSelectBox.CheckSelectBoxBody,
+	CheckmarkControl: () => require_CheckSelectBox.CheckSelectBoxCheckmarkControl,
+	CheckmarkIcon: () => require_CheckSelectBox.CheckSelectBoxCheckmarkIcon,
+	Content: () => require_CheckSelectBox.CheckSelectBoxContent,
+	Description: () => require_CheckSelectBox.CheckSelectBoxDescription,
+	Footer: () => require_CheckSelectBox.CheckSelectBoxFooter,
+	Group: () => require_CheckSelectBox.CheckSelectBoxGroup,
+	HiddenInput: () => require_CheckSelectBox.CheckSelectBoxHiddenInput,
+	Label: () => require_CheckSelectBox.CheckSelectBoxLabel,
+	Root: () => require_CheckSelectBox.CheckSelectBoxRoot,
+	Trigger: () => require_CheckSelectBox.CheckSelectBoxTrigger
+});
+//#endregion
+Object.defineProperty(exports, "CheckSelectBox_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return CheckSelectBox_namespace_exports;
+	}
+});

package/lib/components/SelectBox/CheckSelectBox.namespace.js

@@ -1 +1,18 @@
-export { CheckSelectBoxBody as Body, CheckSelectBoxCheckmarkControl as CheckmarkControl, CheckSelectBoxCheckmarkIcon as CheckmarkIcon, CheckSelectBoxContent as Content, CheckSelectBoxDescription as Description, CheckSelectBoxFooter as Footer, CheckSelectBoxGroup as Group, CheckSelectBoxHiddenInput as HiddenInput, CheckSelectBoxLabel as Label, CheckSelectBoxRoot as Root, CheckSelectBoxTrigger as Trigger } from './CheckSelectBox.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxHiddenInput, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger } from "./CheckSelectBox.js";
+//#region src/components/SelectBox/CheckSelectBox.namespace.ts
+var CheckSelectBox_namespace_exports = /* @__PURE__ */ __exportAll({
+	Body: () => CheckSelectBoxBody,
+	CheckmarkControl: () => CheckSelectBoxCheckmarkControl,
+	CheckmarkIcon: () => CheckSelectBoxCheckmarkIcon,
+	Content: () => CheckSelectBoxContent,
+	Description: () => CheckSelectBoxDescription,
+	Footer: () => CheckSelectBoxFooter,
+	Group: () => CheckSelectBoxGroup,
+	HiddenInput: () => CheckSelectBoxHiddenInput,
+	Label: () => CheckSelectBoxLabel,
+	Root: () => CheckSelectBoxRoot,
+	Trigger: () => CheckSelectBoxTrigger
+});
+//#endregion
+export { CheckSelectBox_namespace_exports };

package/lib/components/SelectBox/RadioSelectBox.cjs

@@ -1,135 +1,116 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const reactComposeRefs = require('@radix-ui/react-compose-refs');
-const selectBox = require('@seed-design/css/recipes/select-box');
-const selectBoxGroup = require('@seed-design/css/recipes/select-box-group');
-const reactCollapsible = require('@seed-design/react-collapsible');
-const reactPrimitive = require('@seed-design/react-primitive');
-const reactRadioGroup = require('@seed-design/react-radio-group');
-const React = require('react');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-const clsx = require('clsx');
-
-const { PropsProvider, ClassNamesProvider, withContext, useProps, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
-const withStateProps = createWithStateProps.createWithStateProps([reactRadioGroup.useRadioGroupItemContext]);
-const FooterContext = React.createContext(null);
-const RadioSelectBoxGroup = React.forwardRef(
-  ({ columns = 1, className, style, ...props }, ref) => {
-    const [variantProps, otherProps] = selectBoxGroup.selectBoxGroup.splitVariantProps(props);
-    const recipeClassName = selectBoxGroup.selectBoxGroup(variantProps);
-    const layout = columns === 1 ? "horizontal" : "vertical";
-    return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: { layout }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.div,
-      {
-        ref,
-        "data-columns": columns,
-        className: clsx(recipeClassName, className),
-        style: {
-          ...style,
-          "--seed-select-box-group--columns": columns
-        },
-        ...otherProps
-      }
-    ) });
-  }
-);
-function FooterVisibilityProvider({
-  children,
-  footerVisibility
-}) {
-  const { checked } = reactRadioGroup.useRadioGroupItemContext();
-  const collapsible = reactCollapsible.useCollapsible({
-    open: {
-      "when-selected": checked,
-      "when-not-selected": !checked
-    }[footerVisibility]
-  });
-  const [isFooterRendered, setIsFooterRendered] = React.useState(false);
-  const footerRef = React.useCallback((node) => {
-    setIsFooterRendered(!!node);
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(reactCollapsible.CollapsibleProvider, { value: collapsible, children: /* @__PURE__ */ jsxRuntime.jsx(FooterContext.Provider, { value: { isFooterRendered, footerRef, footerVisibility }, children }) });
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+let _seed_design_react_radio_group = require("@seed-design/react-radio-group");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
+let _seed_design_css_recipes_select_box = require("@seed-design/css/recipes/select-box");
+let _seed_design_css_recipes_select_box_group = require("@seed-design/css/recipes/select-box-group");
+let _seed_design_react_collapsible = require("@seed-design/react-collapsible");
+//#region src/components/SelectBox/RadioSelectBox.tsx
+var { PropsProvider, ClassNamesProvider, withContext, useProps, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_select_box.selectBox);
+var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_radio_group.useRadioGroupItemContext]);
+var FooterContext = (0, react.createContext)(null);
+var RadioSelectBoxGroup = (0, react.forwardRef)(({ columns = 1, className, style, ...props }, ref) => {
+	const [variantProps, otherProps] = _seed_design_css_recipes_select_box_group.selectBoxGroup.splitVariantProps(props);
+	const recipeClassName = (0, _seed_design_css_recipes_select_box_group.selectBoxGroup)(variantProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PropsProvider, {
+		value: { layout: columns === 1 ? "horizontal" : "vertical" },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+			ref,
+			"data-columns": columns,
+			className: (0, clsx.default)(recipeClassName, className),
+			style: {
+				...style,
+				"--seed-select-box-group--columns": columns
+			},
+			...otherProps
+		})
+	});
+});
+function FooterVisibilityProvider({ children, footerVisibility }) {
+	const { checked } = (0, _seed_design_react_radio_group.useRadioGroupItemContext)();
+	const collapsible = (0, _seed_design_react_collapsible.useCollapsible)({ open: {
+		"when-selected": checked,
+		"when-not-selected": !checked
+	}[footerVisibility] });
+	const [isFooterRendered, setIsFooterRendered] = (0, react.useState)(false);
+	const footerRef = (0, react.useCallback)((node) => {
+		setIsFooterRendered(!!node);
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_collapsible.CollapsibleProvider, {
+		value: collapsible,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FooterContext.Provider, {
+			value: {
+				isFooterRendered,
+				footerRef,
+				footerVisibility
+			},
+			children
+		})
+	});
 }
-const RadioSelectBoxItem = React.forwardRef(
-  ({ footerVisibility = "when-selected", className, children, ...props }, ref) => {
-    const [variantProps, otherProps] = selectBox.selectBox.splitVariantProps(props);
-    const classNames = selectBox.selectBox({
-      ...useProps(),
-      ...variantProps
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactRadioGroup.RadioGroup.Item,
-      {
-        ref,
-        className: clsx(classNames.root, className),
-        ...otherProps,
-        children: footerVisibility === "always" ? children : /* @__PURE__ */ jsxRuntime.jsx(FooterVisibilityProvider, { footerVisibility, children })
-      }
-    ) });
-  }
-);
-const RadioSelectBoxTrigger = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "trigger"
-);
-const RadioSelectBoxContent = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "content"
-);
-const RadioSelectBoxBody = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "body"
-);
-const RadioSelectBoxLabel = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "label"
-);
-const RadioSelectBoxDescription = withContext(withStateProps(reactPrimitive.Primitive.div), "description");
-const RadioSelectBoxHiddenInput = React.forwardRef((props, ref) => {
-  const collapsibleContext = reactCollapsible.useCollapsibleContext({ strict: false });
-  const footerContext = React.useContext(FooterContext);
-  const triggerAriaProps = footerContext?.isFooterRendered ? collapsibleContext?.triggerAriaProps : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(reactRadioGroup.RadioGroup.ItemHiddenInput, { ref, ...triggerAriaProps, ...props });
+var RadioSelectBoxItem = (0, react.forwardRef)(({ footerVisibility = "when-selected", className, children, ...props }, ref) => {
+	const [variantProps, otherProps] = _seed_design_css_recipes_select_box.selectBox.splitVariantProps(props);
+	const classNames = (0, _seed_design_css_recipes_select_box.selectBox)({
+		...useProps(),
+		...variantProps
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_radio_group.RadioGroup.Item, {
+			ref,
+			className: (0, clsx.default)(classNames.root, className),
+			...otherProps,
+			children: footerVisibility === "always" ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FooterVisibilityProvider, {
+				footerVisibility,
+				children
+			})
+		})
+	});
+});
+var RadioSelectBoxTrigger = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "trigger");
+var RadioSelectBoxContent = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "content");
+var RadioSelectBoxBody = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "body");
+var RadioSelectBoxLabel = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "label");
+var RadioSelectBoxDescription = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "description");
+var RadioSelectBoxHiddenInput = (0, react.forwardRef)((props, ref) => {
+	const collapsibleContext = (0, _seed_design_react_collapsible.useCollapsibleContext)({ strict: false });
+	const triggerAriaProps = (0, react.useContext)(FooterContext)?.isFooterRendered ? collapsibleContext?.triggerAriaProps : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_radio_group.RadioGroup.ItemHiddenInput, {
+		ref,
+		...triggerAriaProps,
+		...props
+	});
 });
 RadioSelectBoxHiddenInput.displayName = "RadioSelectBoxHiddenInput";
-const RadioSelectBoxFooter = React.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const classNames = useClassNames();
-    const { stateProps } = reactRadioGroup.useRadioGroupItemContext();
-    const collapsibleContext = reactCollapsible.useCollapsibleContext({ strict: false });
-    const footerContext = React.useContext(FooterContext);
-    const composedRef = reactComposeRefs.composeRefs(ref, footerContext?.footerRef ?? null);
-    if (collapsibleContext) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        reactCollapsible.Collapsible.Content,
-        {
-          ref: composedRef,
-          className: clsx(classNames.footer, className),
-          ...stateProps,
-          ...props,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.div,
-      {
-        ref: composedRef,
-        className: clsx(classNames.footer, className),
-        ...stateProps,
-        ...props,
-        children
-      }
-    );
-  }
-);
+var RadioSelectBoxFooter = (0, react.forwardRef)(({ className, children, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { stateProps } = (0, _seed_design_react_radio_group.useRadioGroupItemContext)();
+	const collapsibleContext = (0, _seed_design_react_collapsible.useCollapsibleContext)({ strict: false });
+	const composedRef = (0, _radix_ui_react_compose_refs.composeRefs)(ref, (0, react.useContext)(FooterContext)?.footerRef ?? null);
+	if (collapsibleContext) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_collapsible.Collapsible.Content, {
+		ref: composedRef,
+		className: (0, clsx.default)(classNames.footer, className),
+		...stateProps,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		ref: composedRef,
+		className: (0, clsx.default)(classNames.footer, className),
+		...stateProps,
+		...props,
+		children
+	});
+});
 RadioSelectBoxFooter.displayName = "RadioSelectBoxFooter";
-
+//#endregion
 exports.RadioSelectBoxBody = RadioSelectBoxBody;
 exports.RadioSelectBoxContent = RadioSelectBoxContent;
 exports.RadioSelectBoxDescription = RadioSelectBoxDescription;