@seed-design/react 1.2.8 → 1.2.10

package/lib/components/ScrollFog/ScrollFog.js

@@ -1,59 +1,49 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { scrollFog } from '@seed-design/css/recipes/scroll-fog';
-import clsx from 'clsx';
-import { forwardRef, useMemo } from 'react';
-import { scrollFog as scrollFog$1 } from '@seed-design/css/vars/component';
-
-const ScrollFog = forwardRef(
-  ({
-    className,
-    hideScrollBar,
-    placement = ["top", "bottom"],
-    size = scrollFog$1.base.enabled.root.size,
-    sizes,
-    style,
-    ...props
-  }, ref) => {
-    const [variantProps, restProps] = scrollFog.splitVariantProps({
-      hideScrollBar,
-      ...props
-    });
-    const scrollFogClassName = scrollFog(variantProps);
-    const sizePx = typeof size === "number" ? `${size}px` : size;
-    const sizeStyle = useMemo(() => {
-      const finalSizes = {
-        top: sizes?.top ? `${sizes.top}px` : sizePx,
-        bottom: sizes?.bottom ? `${sizes.bottom}px` : sizePx,
-        left: sizes?.left ? `${sizes.left}px` : sizePx,
-        right: sizes?.right ? `${sizes.right}px` : sizePx
-      };
-      return {
-        "--scroll-fog-size-top": finalSizes.top,
-        "--scroll-fog-size-bottom": finalSizes.bottom,
-        "--scroll-fog-size-left": finalSizes.left,
-        "--scroll-fog-size-right": finalSizes.right,
-        // placement에 포함된 방향만 1, 나머지는 0
-        "--scrollable-top": placement.includes("top") ? "1" : "0",
-        "--scrollable-bottom": placement.includes("bottom") ? "1" : "0",
-        "--scrollable-left": placement.includes("left") ? "1" : "0",
-        "--scrollable-right": placement.includes("right") ? "1" : "0"
-      };
-    }, [sizePx, sizes, placement]);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: clsx(scrollFogClassName, className),
-        style: {
-          ...style,
-          ...sizeStyle
-        },
-        ...restProps
-      }
-    );
-  }
-);
+"use client";
+import clsx$1 from "clsx";
+import { forwardRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { scrollFog } from "@seed-design/css/vars/component";
+import { scrollFog as scrollFog$1 } from "@seed-design/css/recipes/scroll-fog";
+//#region src/components/ScrollFog/ScrollFog.tsx
+var ScrollFog = forwardRef(({ className, hideScrollBar, placement = ["top", "bottom"], size = scrollFog.base.enabled.root.size, sizes, style, ...props }, ref) => {
+	const [variantProps, restProps] = scrollFog$1.splitVariantProps({
+		hideScrollBar,
+		...props
+	});
+	const scrollFogClassName = scrollFog$1(variantProps);
+	const sizePx = typeof size === "number" ? `${size}px` : size;
+	const sizeStyle = useMemo(() => {
+		const finalSizes = {
+			top: sizes?.top ? `${sizes.top}px` : sizePx,
+			bottom: sizes?.bottom ? `${sizes.bottom}px` : sizePx,
+			left: sizes?.left ? `${sizes.left}px` : sizePx,
+			right: sizes?.right ? `${sizes.right}px` : sizePx
+		};
+		return {
+			"--scroll-fog-size-top": finalSizes.top,
+			"--scroll-fog-size-bottom": finalSizes.bottom,
+			"--scroll-fog-size-left": finalSizes.left,
+			"--scroll-fog-size-right": finalSizes.right,
+			"--scrollable-top": placement.includes("top") ? "1" : "0",
+			"--scrollable-bottom": placement.includes("bottom") ? "1" : "0",
+			"--scrollable-left": placement.includes("left") ? "1" : "0",
+			"--scrollable-right": placement.includes("right") ? "1" : "0"
+		};
+	}, [
+		sizePx,
+		sizes,
+		placement
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: clsx$1(scrollFogClassName, className),
+		style: {
+			...style,
+			...sizeStyle
+		},
+		...restProps
+	});
+});
 ScrollFog.displayName = "ScrollFog";
-
+//#endregion
 export { ScrollFog };

package/lib/components/ScrollFog/index.cjs

@@ -1,9 +1,3 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const ScrollFog = require('./ScrollFog.cjs');
-
-
-
-exports.ScrollFog = ScrollFog.ScrollFog;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_ScrollFog = require("./ScrollFog.cjs");
+exports.ScrollFog = require_ScrollFog.ScrollFog;

package/lib/components/ScrollFog/index.js

@@ -1 +1,2 @@
-export { ScrollFog } from './ScrollFog.js';
+import { ScrollFog } from "./ScrollFog.js";
+export { ScrollFog };

package/lib/components/SegmentedControl/SegmentedControl.cjs

@@ -1,25 +1,16 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const segmentedControl = require('@seed-design/css/recipes/segmented-control');
-const reactPrimitive = require('@seed-design/react-primitive');
-const reactSegmentedControl = require('@seed-design/react-segmented-control');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-
-const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(segmentedControl.segmentedControl);
-const SegmentedControlRoot = withProvider(
-  reactSegmentedControl.SegmentedControl.Root,
-  "root"
-);
-const SegmentedControlIndicator = withContext(reactPrimitive.Primitive.div, "indicator");
-const SegmentedControlItem = withContext(
-  reactSegmentedControl.SegmentedControl.Item,
-  "item"
-);
-const SegmentedControlItemHiddenInput = reactSegmentedControl.SegmentedControl.ItemHiddenInput;
-
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let _seed_design_css_recipes_segmented_control = require("@seed-design/css/recipes/segmented-control");
+let _seed_design_react_segmented_control = require("@seed-design/react-segmented-control");
+//#region src/components/SegmentedControl/SegmentedControl.tsx
+var { withProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_segmented_control.segmentedControl);
+var SegmentedControlRoot = withProvider(_seed_design_react_segmented_control.SegmentedControl.Root, "root");
+var SegmentedControlIndicator = withContext(_seed_design_react_primitive.Primitive.div, "indicator");
+var SegmentedControlItem = withContext(_seed_design_react_segmented_control.SegmentedControl.Item, "item");
+var SegmentedControlItemHiddenInput = _seed_design_react_segmented_control.SegmentedControl.ItemHiddenInput;
+//#endregion
 exports.SegmentedControlIndicator = SegmentedControlIndicator;
 exports.SegmentedControlItem = SegmentedControlItem;
 exports.SegmentedControlItemHiddenInput = SegmentedControlItemHiddenInput;

package/lib/components/SegmentedControl/SegmentedControl.js

@@ -1,19 +1,13 @@
-'use client';
-import { segmentedControl } from '@seed-design/css/recipes/segmented-control';
-import { Primitive } from '@seed-design/react-primitive';
-import { SegmentedControl } from '@seed-design/react-segmented-control';
-import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-
-const { withProvider, withContext } = createSlotRecipeContext(segmentedControl);
-const SegmentedControlRoot = withProvider(
-  SegmentedControl.Root,
-  "root"
-);
-const SegmentedControlIndicator = withContext(Primitive.div, "indicator");
-const SegmentedControlItem = withContext(
-  SegmentedControl.Item,
-  "item"
-);
-const SegmentedControlItemHiddenInput = SegmentedControl.ItemHiddenInput;
-
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { Primitive } from "@seed-design/react-primitive";
+import { segmentedControl } from "@seed-design/css/recipes/segmented-control";
+import { SegmentedControl } from "@seed-design/react-segmented-control";
+//#region src/components/SegmentedControl/SegmentedControl.tsx
+var { withProvider, withContext } = createSlotRecipeContext(segmentedControl);
+var SegmentedControlRoot = withProvider(SegmentedControl.Root, "root");
+var SegmentedControlIndicator = withContext(Primitive.div, "indicator");
+var SegmentedControlItem = withContext(SegmentedControl.Item, "item");
+var SegmentedControlItemHiddenInput = SegmentedControl.ItemHiddenInput;
+//#endregion
 export { SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot };

package/lib/components/SegmentedControl/SegmentedControl.namespace.cjs

@@ -1,12 +1,16 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const SegmentedControl = require('./SegmentedControl.cjs');
-
-
-
-exports.Indicator = SegmentedControl.SegmentedControlIndicator;
-exports.Item = SegmentedControl.SegmentedControlItem;
-exports.ItemHiddenInput = SegmentedControl.SegmentedControlItemHiddenInput;
-exports.Root = SegmentedControl.SegmentedControlRoot;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_SegmentedControl = require("./SegmentedControl.cjs");
+//#region src/components/SegmentedControl/SegmentedControl.namespace.ts
+var SegmentedControl_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Indicator: () => require_SegmentedControl.SegmentedControlIndicator,
+	Item: () => require_SegmentedControl.SegmentedControlItem,
+	ItemHiddenInput: () => require_SegmentedControl.SegmentedControlItemHiddenInput,
+	Root: () => require_SegmentedControl.SegmentedControlRoot
+});
+//#endregion
+Object.defineProperty(exports, "SegmentedControl_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return SegmentedControl_namespace_exports;
+	}
+});

package/lib/components/SegmentedControl/SegmentedControl.namespace.js

@@ -1 +1,11 @@
-export { SegmentedControlIndicator as Indicator, SegmentedControlItem as Item, SegmentedControlItemHiddenInput as ItemHiddenInput, SegmentedControlRoot as Root } from './SegmentedControl.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot } from "./SegmentedControl.js";
+//#region src/components/SegmentedControl/SegmentedControl.namespace.ts
+var SegmentedControl_namespace_exports = /* @__PURE__ */ __exportAll({
+	Indicator: () => SegmentedControlIndicator,
+	Item: () => SegmentedControlItem,
+	ItemHiddenInput: () => SegmentedControlItemHiddenInput,
+	Root: () => SegmentedControlRoot
+});
+//#endregion
+export { SegmentedControl_namespace_exports };

package/lib/components/SegmentedControl/index.cjs

@@ -1,14 +1,13 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const SegmentedControl = require('./SegmentedControl.cjs');
-const SegmentedControl_namespace = require('./SegmentedControl.namespace.cjs');
-
-
-
-exports.SegmentedControlIndicator = SegmentedControl.SegmentedControlIndicator;
-exports.SegmentedControlItem = SegmentedControl.SegmentedControlItem;
-exports.SegmentedControlItemHiddenInput = SegmentedControl.SegmentedControlItemHiddenInput;
-exports.SegmentedControlRoot = SegmentedControl.SegmentedControlRoot;
-exports.SegmentedControl = SegmentedControl_namespace;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_SegmentedControl = require("./SegmentedControl.cjs");
+const require_SegmentedControl_namespace = require("./SegmentedControl.namespace.cjs");
+Object.defineProperty(exports, "SegmentedControl", {
+	enumerable: true,
+	get: function() {
+		return require_SegmentedControl_namespace.SegmentedControl_namespace_exports;
+	}
+});
+exports.SegmentedControlIndicator = require_SegmentedControl.SegmentedControlIndicator;
+exports.SegmentedControlItem = require_SegmentedControl.SegmentedControlItem;
+exports.SegmentedControlItemHiddenInput = require_SegmentedControl.SegmentedControlItemHiddenInput;
+exports.SegmentedControlRoot = require_SegmentedControl.SegmentedControlRoot;

package/lib/components/SegmentedControl/index.js

@@ -1,3 +1,3 @@
-export { SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot } from './SegmentedControl.js';
-import * as SegmentedControl_namespace from './SegmentedControl.namespace.js';
-export { SegmentedControl_namespace as SegmentedControl };
+import { SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot } from "./SegmentedControl.js";
+import { SegmentedControl_namespace_exports } from "./SegmentedControl.namespace.js";
+export { SegmentedControl_namespace_exports as SegmentedControl, SegmentedControlIndicator, SegmentedControlItem, SegmentedControlItemHiddenInput, SegmentedControlRoot };

package/lib/components/SelectBox/CheckSelectBox.cjs

@@ -1,141 +1,122 @@
-'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 selectBoxCheckmark = require('@seed-design/css/recipes/selectBoxCheckmark');
-const selectBoxGroup = require('@seed-design/css/recipes/select-box-group');
-const reactCheckbox = require('@seed-design/react-checkbox');
-const reactCollapsible = require('@seed-design/react-collapsible');
-const reactPrimitive = require('@seed-design/react-primitive');
-const clsx = require('clsx');
-const React = require('react');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-const Icon = require('../private/Icon.cjs');
-
-const { PropsProvider, ClassNamesProvider, withContext, useProps, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
-const withStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
-const FooterContext = React.createContext(null);
-const CheckSelectBoxGroup = 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 } = reactCheckbox.useCheckboxContext();
-  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");
+const require_Icon = require("../private/Icon.cjs");
+let _seed_design_react_checkbox = require("@seed-design/react-checkbox");
+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_selectBoxCheckmark = require("@seed-design/css/recipes/selectBoxCheckmark");
+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/CheckSelectBox.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_checkbox.useCheckboxContext]);
+var FooterContext = (0, react.createContext)(null);
+var CheckSelectBoxGroup = (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_checkbox.useCheckboxContext)();
+	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 CheckSelectBoxRoot = 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(
-      reactCheckbox.Checkbox.Root,
-      {
-        ref,
-        className: clsx(classNames.root, className),
-        ...otherProps,
-        children: footerVisibility === "always" ? children : /* @__PURE__ */ jsxRuntime.jsx(FooterVisibilityProvider, { footerVisibility, children })
-      }
-    ) });
-  }
-);
-const CheckSelectBoxTrigger = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "trigger"
-);
-const CheckSelectBoxContent = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "content"
-);
-const CheckSelectBoxBody = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "body"
-);
-const CheckSelectBoxLabel = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "label"
-);
-const CheckSelectBoxDescription = withContext(withStateProps(reactPrimitive.Primitive.div), "description");
-const { withProvider: withCheckmarkProvider, withContext: withCheckmarkContext } = createSlotRecipeContext.createSlotRecipeContext(selectBoxCheckmark.selectBoxCheckmark);
-const withCheckmarkStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
-const CheckSelectBoxCheckmarkControl = withCheckmarkProvider(reactCheckbox.Checkbox.Control, "root");
-const CheckSelectBoxCheckmarkIcon = withCheckmarkContext(withCheckmarkStateProps(Icon.InternalIcon), "icon");
-const CheckSelectBoxHiddenInput = 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(reactCheckbox.Checkbox.HiddenInput, { ref, ...triggerAriaProps, ...props });
+var CheckSelectBoxRoot = (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_checkbox.Checkbox.Root, {
+			ref,
+			className: (0, clsx.default)(classNames.root, className),
+			...otherProps,
+			children: footerVisibility === "always" ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FooterVisibilityProvider, {
+				footerVisibility,
+				children
+			})
+		})
+	});
+});
+var CheckSelectBoxTrigger = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "trigger");
+var CheckSelectBoxContent = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "content");
+var CheckSelectBoxBody = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "body");
+var CheckSelectBoxLabel = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "label");
+var CheckSelectBoxDescription = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "description");
+var { withProvider: withCheckmarkProvider, withContext: withCheckmarkContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_selectBoxCheckmark.selectBoxCheckmark);
+var withCheckmarkStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_checkbox.useCheckboxContext]);
+var CheckSelectBoxCheckmarkControl = withCheckmarkProvider(_seed_design_react_checkbox.Checkbox.Control, "root");
+var CheckSelectBoxCheckmarkIcon = withCheckmarkContext(withCheckmarkStateProps(require_Icon.InternalIcon), "icon");
+var CheckSelectBoxHiddenInput = (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_checkbox.Checkbox.HiddenInput, {
+		ref,
+		...triggerAriaProps,
+		...props
+	});
 });
 CheckSelectBoxHiddenInput.displayName = "CheckSelectBoxHiddenInput";
-const CheckSelectBoxFooter = React.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const classNames = useClassNames();
-    const { stateProps } = reactCheckbox.useCheckboxContext();
-    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 CheckSelectBoxFooter = (0, react.forwardRef)(({ className, children, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { stateProps } = (0, _seed_design_react_checkbox.useCheckboxContext)();
+	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
+	});
+});
 CheckSelectBoxFooter.displayName = "CheckSelectBoxFooter";
-
+//#endregion
 exports.CheckSelectBoxBody = CheckSelectBoxBody;
 exports.CheckSelectBoxCheckmarkControl = CheckSelectBoxCheckmarkControl;
 exports.CheckSelectBoxCheckmarkIcon = CheckSelectBoxCheckmarkIcon;