@seed-design/react 1.2.15 → 2.0.0

package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.cjs

@@ -0,0 +1,184 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_BottomSheet = require("../BottomSheet/BottomSheet.cjs");
+const require_BottomSheetHandle = require("../BottomSheetHandle/BottomSheetHandle.cjs");
+const require_useBreakpointValue = require("../../hooks/useBreakpointValue.cjs");
+const require_SidePanel = require("../SidePanel/SidePanel.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/ResponsiveSidePanel/ResponsiveSidePanel.tsx
+var ResponsiveSidePanelContext = react.createContext(null);
+function useResponsiveSidePanelContext() {
+	const ctx = react.useContext(ResponsiveSidePanelContext);
+	if (!ctx) throw new Error("ResponsiveSidePanel sub-components must be used inside <ResponsiveSidePanelRoot>");
+	return ctx;
+}
+var ResponsiveSidePanelRoot = ({ children, open: openProp, defaultOpen = false, onOpenChange, sidePanelBreakpoint = "md", sidePanelRootProps, bottomSheetRootProps }) => {
+	const shouldUseBottomSheet = require_useBreakpointValue.useBreakpointValue({
+		base: true,
+		[sidePanelBreakpoint]: false
+	});
+	const isControlled = openProp !== void 0;
+	const [internalOpen, setInternalOpen] = react.useState(defaultOpen);
+	const open = openProp ?? internalOpen;
+	const setOpen = react.useCallback((nextOpen) => {
+		if (nextOpen === open) return;
+		if (!isControlled) setInternalOpen(nextOpen);
+		onOpenChange?.(nextOpen);
+	}, [
+		isControlled,
+		onOpenChange,
+		open
+	]);
+	const value = react.useMemo(() => ({ shouldUseBottomSheet }), [shouldUseBottomSheet]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResponsiveSidePanelContext.Provider, {
+		value,
+		children: shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetRoot, {
+			...bottomSheetRootProps,
+			open,
+			onOpenChange: setOpen,
+			children
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelRoot, {
+			...sidePanelRootProps,
+			open,
+			onOpenChange: setOpen,
+			children
+		})
+	});
+};
+var ResponsiveSidePanelTrigger = react.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetTrigger, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelTrigger, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelTrigger.displayName = "ResponsiveSidePanelTrigger";
+var ResponsiveSidePanelPositioner = react.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetPositioner, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelPositioner, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelPositioner.displayName = "ResponsiveSidePanelPositioner";
+var ResponsiveSidePanelBackdrop = react.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetBackdrop, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelBackdrop, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelBackdrop.displayName = "ResponsiveSidePanelBackdrop";
+var ResponsiveSidePanelContent = react.forwardRef(({ width, maxWidth, ...props }, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetContent, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelContent, {
+		ref,
+		width,
+		maxWidth,
+		...props
+	});
+});
+ResponsiveSidePanelContent.displayName = "ResponsiveSidePanelContent";
+var ResponsiveSidePanelHeader = react.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetHeader, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelHeader, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelHeader.displayName = "ResponsiveSidePanelHeader";
+var ResponsiveSidePanelTitle = react.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetTitle, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelTitle, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelTitle.displayName = "ResponsiveSidePanelTitle";
+var ResponsiveSidePanelDescription = react.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetDescription, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelDescription, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelDescription.displayName = "ResponsiveSidePanelDescription";
+var ResponsiveSidePanelBody = react.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetBody, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelBody, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelBody.displayName = "ResponsiveSidePanelBody";
+var ResponsiveSidePanelFooter = react.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetFooter, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelFooter, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelFooter.displayName = "ResponsiveSidePanelFooter";
+var ResponsiveSidePanelCloseButton = react.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheet.BottomSheetCloseButton, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SidePanel.SidePanelCloseButton, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelCloseButton.displayName = "ResponsiveSidePanelCloseButton";
+var ResponsiveSidePanelHandle = react.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	if (!shouldUseBottomSheet) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BottomSheetHandle.BottomSheetHandle, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelHandle.displayName = "ResponsiveSidePanelHandle";
+//#endregion
+exports.ResponsiveSidePanelBackdrop = ResponsiveSidePanelBackdrop;
+exports.ResponsiveSidePanelBody = ResponsiveSidePanelBody;
+exports.ResponsiveSidePanelCloseButton = ResponsiveSidePanelCloseButton;
+exports.ResponsiveSidePanelContent = ResponsiveSidePanelContent;
+exports.ResponsiveSidePanelDescription = ResponsiveSidePanelDescription;
+exports.ResponsiveSidePanelFooter = ResponsiveSidePanelFooter;
+exports.ResponsiveSidePanelHandle = ResponsiveSidePanelHandle;
+exports.ResponsiveSidePanelHeader = ResponsiveSidePanelHeader;
+exports.ResponsiveSidePanelPositioner = ResponsiveSidePanelPositioner;
+exports.ResponsiveSidePanelRoot = ResponsiveSidePanelRoot;
+exports.ResponsiveSidePanelTitle = ResponsiveSidePanelTitle;
+exports.ResponsiveSidePanelTrigger = ResponsiveSidePanelTrigger;
+exports.useResponsiveSidePanelContext = useResponsiveSidePanelContext;

package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.d.ts

@@ -0,0 +1,65 @@
+import { Breakpoint } from '@seed-design/css/breakpoints';
+import { BottomSheet } from '../BottomSheet';
+import { SidePanel } from '../SidePanel';
+import * as React from "react";
+type SharedProps<SidePanelProps, BottomSheetProps> = Pick<SidePanelProps, Extract<keyof SidePanelProps, keyof BottomSheetProps>> & Pick<BottomSheetProps, Extract<keyof BottomSheetProps, keyof SidePanelProps>>;
+interface ResponsiveSidePanelContextValue {
+    shouldUseBottomSheet: boolean | undefined;
+}
+export declare function useResponsiveSidePanelContext(): ResponsiveSidePanelContextValue;
+export interface ResponsiveSidePanelRootProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Breakpoint at and above which the panel renders as a SidePanel; below it, a
+     * BottomSheet. Cannot be `"base"`, which would always be a SidePanel.
+     * @default "md"
+     */
+    sidePanelBreakpoint?: Exclude<Breakpoint, "base">;
+    /** Props forwarded to the underlying SidePanel root (at and above the breakpoint). */
+    sidePanelRootProps?: Omit<SidePanel.RootProps, "children" | "open" | "defaultOpen" | "onOpenChange">;
+    /** Props forwarded to the underlying BottomSheet root (below the breakpoint). */
+    bottomSheetRootProps?: Omit<BottomSheet.RootProps, "children" | "open" | "defaultOpen" | "onOpenChange">;
+}
+export declare const ResponsiveSidePanelRoot: ({ children, open: openProp, defaultOpen, onOpenChange, sidePanelBreakpoint, sidePanelRootProps, bottomSheetRootProps, }: ResponsiveSidePanelRootProps) => import("react/jsx-runtime").JSX.Element;
+export interface ResponsiveSidePanelTriggerProps extends SharedProps<SidePanel.TriggerProps, BottomSheet.TriggerProps> {
+}
+export declare const ResponsiveSidePanelTrigger: React.ForwardRefExoticComponent<ResponsiveSidePanelTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface ResponsiveSidePanelPositionerProps extends SharedProps<SidePanel.PositionerProps, BottomSheet.PositionerProps> {
+}
+export declare const ResponsiveSidePanelPositioner: React.ForwardRefExoticComponent<ResponsiveSidePanelPositionerProps & React.RefAttributes<HTMLDivElement>>;
+export interface ResponsiveSidePanelBackdropProps extends SharedProps<SidePanel.BackdropProps, BottomSheet.BackdropProps> {
+}
+export declare const ResponsiveSidePanelBackdrop: React.ForwardRefExoticComponent<ResponsiveSidePanelBackdropProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * `width` / `maxWidth` only apply in SidePanel mode (md+); they are ignored when
+ * rendered as a BottomSheet.
+ */
+export interface ResponsiveSidePanelContentProps extends SharedProps<SidePanel.ContentProps, BottomSheet.ContentProps>, Pick<SidePanel.ContentProps, "width" | "maxWidth"> {
+}
+export declare const ResponsiveSidePanelContent: React.ForwardRefExoticComponent<ResponsiveSidePanelContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface ResponsiveSidePanelHeaderProps extends SharedProps<SidePanel.HeaderProps, BottomSheet.HeaderProps> {
+}
+export declare const ResponsiveSidePanelHeader: React.ForwardRefExoticComponent<ResponsiveSidePanelHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface ResponsiveSidePanelTitleProps extends SharedProps<SidePanel.TitleProps, BottomSheet.TitleProps> {
+}
+export declare const ResponsiveSidePanelTitle: React.ForwardRefExoticComponent<ResponsiveSidePanelTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export interface ResponsiveSidePanelDescriptionProps extends SharedProps<SidePanel.DescriptionProps, BottomSheet.DescriptionProps> {
+}
+export declare const ResponsiveSidePanelDescription: React.ForwardRefExoticComponent<ResponsiveSidePanelDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export interface ResponsiveSidePanelBodyProps extends SharedProps<SidePanel.BodyProps, BottomSheet.BodyProps> {
+}
+export declare const ResponsiveSidePanelBody: React.ForwardRefExoticComponent<ResponsiveSidePanelBodyProps & React.RefAttributes<HTMLDivElement>>;
+export interface ResponsiveSidePanelFooterProps extends SharedProps<SidePanel.FooterProps, BottomSheet.FooterProps> {
+}
+export declare const ResponsiveSidePanelFooter: React.ForwardRefExoticComponent<ResponsiveSidePanelFooterProps & React.RefAttributes<HTMLDivElement>>;
+export interface ResponsiveSidePanelCloseButtonProps extends SharedProps<SidePanel.CloseButtonProps, BottomSheet.CloseButtonProps> {
+}
+export declare const ResponsiveSidePanelCloseButton: React.ForwardRefExoticComponent<ResponsiveSidePanelCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface ResponsiveSidePanelHandleProps extends BottomSheet.HandleProps {
+}
+export declare const ResponsiveSidePanelHandle: React.ForwardRefExoticComponent<ResponsiveSidePanelHandleProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=ResponsiveSidePanel.d.ts.map

package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsiveSidePanel/ResponsiveSidePanel.tsx"],"names":[],"mappings":"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"}

package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.js

@@ -0,0 +1,170 @@
+"use client";
+import { BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger } from "../BottomSheet/BottomSheet.js";
+import { BottomSheetHandle } from "../BottomSheetHandle/BottomSheetHandle.js";
+import { useBreakpointValue } from "../../hooks/useBreakpointValue.js";
+import { SidePanelBackdrop, SidePanelBody, SidePanelCloseButton, SidePanelContent, SidePanelDescription, SidePanelFooter, SidePanelHeader, SidePanelPositioner, SidePanelRoot, SidePanelTitle, SidePanelTrigger } from "../SidePanel/SidePanel.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ResponsiveSidePanel/ResponsiveSidePanel.tsx
+var ResponsiveSidePanelContext = React$1.createContext(null);
+function useResponsiveSidePanelContext() {
+	const ctx = React$1.useContext(ResponsiveSidePanelContext);
+	if (!ctx) throw new Error("ResponsiveSidePanel sub-components must be used inside <ResponsiveSidePanelRoot>");
+	return ctx;
+}
+var ResponsiveSidePanelRoot = ({ children, open: openProp, defaultOpen = false, onOpenChange, sidePanelBreakpoint = "md", sidePanelRootProps, bottomSheetRootProps }) => {
+	const shouldUseBottomSheet = useBreakpointValue({
+		base: true,
+		[sidePanelBreakpoint]: false
+	});
+	const isControlled = openProp !== void 0;
+	const [internalOpen, setInternalOpen] = React$1.useState(defaultOpen);
+	const open = openProp ?? internalOpen;
+	const setOpen = React$1.useCallback((nextOpen) => {
+		if (nextOpen === open) return;
+		if (!isControlled) setInternalOpen(nextOpen);
+		onOpenChange?.(nextOpen);
+	}, [
+		isControlled,
+		onOpenChange,
+		open
+	]);
+	const value = React$1.useMemo(() => ({ shouldUseBottomSheet }), [shouldUseBottomSheet]);
+	return /* @__PURE__ */ jsx(ResponsiveSidePanelContext.Provider, {
+		value,
+		children: shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetRoot, {
+			...bottomSheetRootProps,
+			open,
+			onOpenChange: setOpen,
+			children
+		}) : /* @__PURE__ */ jsx(SidePanelRoot, {
+			...sidePanelRootProps,
+			open,
+			onOpenChange: setOpen,
+			children
+		})
+	});
+};
+var ResponsiveSidePanelTrigger = React$1.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetTrigger, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SidePanelTrigger, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelTrigger.displayName = "ResponsiveSidePanelTrigger";
+var ResponsiveSidePanelPositioner = React$1.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetPositioner, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SidePanelPositioner, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelPositioner.displayName = "ResponsiveSidePanelPositioner";
+var ResponsiveSidePanelBackdrop = React$1.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetBackdrop, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SidePanelBackdrop, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelBackdrop.displayName = "ResponsiveSidePanelBackdrop";
+var ResponsiveSidePanelContent = React$1.forwardRef(({ width, maxWidth, ...props }, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetContent, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SidePanelContent, {
+		ref,
+		width,
+		maxWidth,
+		...props
+	});
+});
+ResponsiveSidePanelContent.displayName = "ResponsiveSidePanelContent";
+var ResponsiveSidePanelHeader = React$1.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetHeader, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SidePanelHeader, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelHeader.displayName = "ResponsiveSidePanelHeader";
+var ResponsiveSidePanelTitle = React$1.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetTitle, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SidePanelTitle, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelTitle.displayName = "ResponsiveSidePanelTitle";
+var ResponsiveSidePanelDescription = React$1.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetDescription, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SidePanelDescription, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelDescription.displayName = "ResponsiveSidePanelDescription";
+var ResponsiveSidePanelBody = React$1.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetBody, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SidePanelBody, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelBody.displayName = "ResponsiveSidePanelBody";
+var ResponsiveSidePanelFooter = React$1.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetFooter, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SidePanelFooter, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelFooter.displayName = "ResponsiveSidePanelFooter";
+var ResponsiveSidePanelCloseButton = React$1.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	return shouldUseBottomSheet ? /* @__PURE__ */ jsx(BottomSheetCloseButton, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SidePanelCloseButton, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelCloseButton.displayName = "ResponsiveSidePanelCloseButton";
+var ResponsiveSidePanelHandle = React$1.forwardRef((props, ref) => {
+	const { shouldUseBottomSheet } = useResponsiveSidePanelContext();
+	if (!shouldUseBottomSheet) return null;
+	return /* @__PURE__ */ jsx(BottomSheetHandle, {
+		ref,
+		...props
+	});
+});
+ResponsiveSidePanelHandle.displayName = "ResponsiveSidePanelHandle";
+//#endregion
+export { ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, useResponsiveSidePanelContext };

package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.cjs

@@ -0,0 +1,24 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_ResponsiveSidePanel = require("./ResponsiveSidePanel.cjs");
+//#region src/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.ts
+var ResponsiveSidePanel_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Backdrop: () => require_ResponsiveSidePanel.ResponsiveSidePanelBackdrop,
+	Body: () => require_ResponsiveSidePanel.ResponsiveSidePanelBody,
+	CloseButton: () => require_ResponsiveSidePanel.ResponsiveSidePanelCloseButton,
+	Content: () => require_ResponsiveSidePanel.ResponsiveSidePanelContent,
+	Description: () => require_ResponsiveSidePanel.ResponsiveSidePanelDescription,
+	Footer: () => require_ResponsiveSidePanel.ResponsiveSidePanelFooter,
+	Handle: () => require_ResponsiveSidePanel.ResponsiveSidePanelHandle,
+	Header: () => require_ResponsiveSidePanel.ResponsiveSidePanelHeader,
+	Positioner: () => require_ResponsiveSidePanel.ResponsiveSidePanelPositioner,
+	Root: () => require_ResponsiveSidePanel.ResponsiveSidePanelRoot,
+	Title: () => require_ResponsiveSidePanel.ResponsiveSidePanelTitle,
+	Trigger: () => require_ResponsiveSidePanel.ResponsiveSidePanelTrigger
+});
+//#endregion
+Object.defineProperty(exports, "ResponsiveSidePanel_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return ResponsiveSidePanel_namespace_exports;
+	}
+});

package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.d.ts

@@ -0,0 +1,2 @@
+export { ResponsiveSidePanelBackdrop as Backdrop, ResponsiveSidePanelBody as Body, ResponsiveSidePanelContent as Content, ResponsiveSidePanelDescription as Description, ResponsiveSidePanelFooter as Footer, ResponsiveSidePanelHandle as Handle, ResponsiveSidePanelHeader as Header, ResponsiveSidePanelPositioner as Positioner, ResponsiveSidePanelRoot as Root, ResponsiveSidePanelTitle as Title, ResponsiveSidePanelTrigger as Trigger, ResponsiveSidePanelCloseButton as CloseButton, type ResponsiveSidePanelBackdropProps as BackdropProps, type ResponsiveSidePanelBodyProps as BodyProps, type ResponsiveSidePanelContentProps as ContentProps, type ResponsiveSidePanelDescriptionProps as DescriptionProps, type ResponsiveSidePanelFooterProps as FooterProps, type ResponsiveSidePanelHandleProps as HandleProps, type ResponsiveSidePanelHeaderProps as HeaderProps, type ResponsiveSidePanelPositionerProps as PositionerProps, type ResponsiveSidePanelRootProps as RootProps, type ResponsiveSidePanelTitleProps as TitleProps, type ResponsiveSidePanelTriggerProps as TriggerProps, type ResponsiveSidePanelCloseButtonProps as CloseButtonProps, } from './ResponsiveSidePanel';
+//# sourceMappingURL=ResponsiveSidePanel.namespace.d.ts.map

package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveSidePanel.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,IAAI,QAAQ,EACvC,uBAAuB,IAAI,IAAI,EAC/B,0BAA0B,IAAI,OAAO,EACrC,8BAA8B,IAAI,WAAW,EAC7C,yBAAyB,IAAI,MAAM,EACnC,yBAAyB,IAAI,MAAM,EACnC,yBAAyB,IAAI,MAAM,EACnC,6BAA6B,IAAI,UAAU,EAC3C,uBAAuB,IAAI,IAAI,EAC/B,wBAAwB,IAAI,KAAK,EACjC,0BAA0B,IAAI,OAAO,EACrC,8BAA8B,IAAI,WAAW,EAC7C,KAAK,gCAAgC,IAAI,aAAa,EACtD,KAAK,4BAA4B,IAAI,SAAS,EAC9C,KAAK,+BAA+B,IAAI,YAAY,EACpD,KAAK,mCAAmC,IAAI,gBAAgB,EAC5D,KAAK,8BAA8B,IAAI,WAAW,EAClD,KAAK,8BAA8B,IAAI,WAAW,EAClD,KAAK,8BAA8B,IAAI,WAAW,EAClD,KAAK,kCAAkC,IAAI,eAAe,EAC1D,KAAK,4BAA4B,IAAI,SAAS,EAC9C,KAAK,6BAA6B,IAAI,UAAU,EAChD,KAAK,+BAA+B,IAAI,YAAY,EACpD,KAAK,mCAAmC,IAAI,gBAAgB,GAC7D,MAAM,uBAAuB,CAAC"}

package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.js

@@ -0,0 +1,19 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger } from "./ResponsiveSidePanel.js";
+//#region src/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.ts
+var ResponsiveSidePanel_namespace_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => ResponsiveSidePanelBackdrop,
+	Body: () => ResponsiveSidePanelBody,
+	CloseButton: () => ResponsiveSidePanelCloseButton,
+	Content: () => ResponsiveSidePanelContent,
+	Description: () => ResponsiveSidePanelDescription,
+	Footer: () => ResponsiveSidePanelFooter,
+	Handle: () => ResponsiveSidePanelHandle,
+	Header: () => ResponsiveSidePanelHeader,
+	Positioner: () => ResponsiveSidePanelPositioner,
+	Root: () => ResponsiveSidePanelRoot,
+	Title: () => ResponsiveSidePanelTitle,
+	Trigger: () => ResponsiveSidePanelTrigger
+});
+//#endregion
+export { ResponsiveSidePanel_namespace_exports };

package/lib/components/ResponsiveSidePanel/index.cjs

@@ -0,0 +1,22 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_ResponsiveSidePanel = require("./ResponsiveSidePanel.cjs");
+const require_ResponsiveSidePanel_namespace = require("./ResponsiveSidePanel.namespace.cjs");
+Object.defineProperty(exports, "ResponsiveSidePanel", {
+	enumerable: true,
+	get: function() {
+		return require_ResponsiveSidePanel_namespace.ResponsiveSidePanel_namespace_exports;
+	}
+});
+exports.ResponsiveSidePanelBackdrop = require_ResponsiveSidePanel.ResponsiveSidePanelBackdrop;
+exports.ResponsiveSidePanelBody = require_ResponsiveSidePanel.ResponsiveSidePanelBody;
+exports.ResponsiveSidePanelCloseButton = require_ResponsiveSidePanel.ResponsiveSidePanelCloseButton;
+exports.ResponsiveSidePanelContent = require_ResponsiveSidePanel.ResponsiveSidePanelContent;
+exports.ResponsiveSidePanelDescription = require_ResponsiveSidePanel.ResponsiveSidePanelDescription;
+exports.ResponsiveSidePanelFooter = require_ResponsiveSidePanel.ResponsiveSidePanelFooter;
+exports.ResponsiveSidePanelHandle = require_ResponsiveSidePanel.ResponsiveSidePanelHandle;
+exports.ResponsiveSidePanelHeader = require_ResponsiveSidePanel.ResponsiveSidePanelHeader;
+exports.ResponsiveSidePanelPositioner = require_ResponsiveSidePanel.ResponsiveSidePanelPositioner;
+exports.ResponsiveSidePanelRoot = require_ResponsiveSidePanel.ResponsiveSidePanelRoot;
+exports.ResponsiveSidePanelTitle = require_ResponsiveSidePanel.ResponsiveSidePanelTitle;
+exports.ResponsiveSidePanelTrigger = require_ResponsiveSidePanel.ResponsiveSidePanelTrigger;
+exports.useResponsiveSidePanelContext = require_ResponsiveSidePanel.useResponsiveSidePanelContext;

package/lib/components/ResponsiveSidePanel/index.d.ts

@@ -0,0 +1,3 @@
+export { ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, ResponsiveSidePanelCloseButton, useResponsiveSidePanelContext, type ResponsiveSidePanelBackdropProps, type ResponsiveSidePanelBodyProps, type ResponsiveSidePanelContentProps, type ResponsiveSidePanelDescriptionProps, type ResponsiveSidePanelFooterProps, type ResponsiveSidePanelHandleProps, type ResponsiveSidePanelHeaderProps, type ResponsiveSidePanelPositionerProps, type ResponsiveSidePanelRootProps, type ResponsiveSidePanelTitleProps, type ResponsiveSidePanelTriggerProps, type ResponsiveSidePanelCloseButtonProps, } from './ResponsiveSidePanel';
+export * as ResponsiveSidePanel from './ResponsiveSidePanel.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ResponsiveSidePanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsiveSidePanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,uBAAuB,EACvB,0BAA0B,EAC1B,8BAA8B,EAC9B,yBAAyB,EACzB,yBAAyB,EACzB,yBAAyB,EACzB,6BAA6B,EAC7B,uBAAuB,EACvB,wBAAwB,EACxB,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,EAC7B,KAAK,gCAAgC,EACrC,KAAK,4BAA4B,EACjC,KAAK,+BAA+B,EACpC,KAAK,mCAAmC,EACxC,KAAK,8BAA8B,EACnC,KAAK,8BAA8B,EACnC,KAAK,8BAA8B,EACnC,KAAK,kCAAkC,EACvC,KAAK,4BAA4B,EACjC,KAAK,6BAA6B,EAClC,KAAK,+BAA+B,EACpC,KAAK,mCAAmC,GACzC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,mBAAmB,MAAM,iCAAiC,CAAC"}

package/lib/components/ResponsiveSidePanel/index.js

@@ -0,0 +1,3 @@
+import { ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, useResponsiveSidePanelContext } from "./ResponsiveSidePanel.js";
+import { ResponsiveSidePanel_namespace_exports } from "./ResponsiveSidePanel.namespace.js";
+export { ResponsiveSidePanel_namespace_exports as ResponsiveSidePanel, ResponsiveSidePanelBackdrop, ResponsiveSidePanelBody, ResponsiveSidePanelCloseButton, ResponsiveSidePanelContent, ResponsiveSidePanelDescription, ResponsiveSidePanelFooter, ResponsiveSidePanelHandle, ResponsiveSidePanelHeader, ResponsiveSidePanelPositioner, ResponsiveSidePanelRoot, ResponsiveSidePanelTitle, ResponsiveSidePanelTrigger, useResponsiveSidePanelContext };

package/lib/components/SelectBox/CheckSelectBox.cjs

@@ -11,7 +11,7 @@ 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_checkmark = require("@seed-design/css/recipes/select-box-checkmark");
 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
@@ -81,7 +81,7 @@ var CheckSelectBoxContent = withContext(withStateProps(_seed_design_react_primit
 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 { withProvider: withCheckmarkProvider, withContext: withCheckmarkContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_select_box_checkmark.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");

package/lib/components/SelectBox/CheckSelectBox.d.ts

@@ -1,5 +1,5 @@
 import { SelectBoxVariantProps } from '@seed-design/css/recipes/select-box';
-import { SelectBoxCheckmarkVariantProps } from '@seed-design/css/recipes/selectBoxCheckmark';
+import { SelectBoxCheckmarkVariantProps } from '@seed-design/css/recipes/select-box-checkmark';
 import { SelectBoxGroupVariantProps } from '@seed-design/css/recipes/select-box-group';
 import { Checkbox as CheckboxPrimitive } from '@seed-design/react-checkbox';
 import { PrimitiveProps } from '@seed-design/react-primitive';

package/lib/components/SelectBox/CheckSelectBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckSelectBox.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/CheckSelectBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAOhG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAY9E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAYvE,MAAM,WAAW,wBACf,SAAQ,0BAA0B,EAChC,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,qHAuB/B,CAAC;AA+BF,MAAM,WAAW,uBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,SAAS;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,eAAe,GAAG,mBAAmB,GAAG,QAAQ,CAAC;CACrE;AAED,eAAO,MAAM,kBAAkB,sHA0B9B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,yBAAyB,2HAGS,CAAC;AAMhD,MAAM,WAAW,mCACf,SAAQ,8BAA8B,EACpC,iBAAiB,CAAC,YAAY;CAAG;AAErC,eAAO,MAAM,8BAA8B,gIAGP,CAAC;AAErC,MAAM,WAAW,gCAAiC,SAAQ,iBAAiB;CAAG;AAE9E,eAAO,MAAM,2BAA2B,4HAGQ,CAAC;AAEjD,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAE7F,eAAO,MAAM,yBAAyB,6HAapC,CAAC;AAGH,MAAM,WAAW,yBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,oBAAoB,sHAgChC,CAAC"}
+{"version":3,"file":"CheckSelectBox.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/CheckSelectBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAOhG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAY9E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAYvE,MAAM,WAAW,wBACf,SAAQ,0BAA0B,EAChC,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,qHAuB/B,CAAC;AA+BF,MAAM,WAAW,uBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,SAAS;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,eAAe,GAAG,mBAAmB,GAAG,QAAQ,CAAC;CACrE;AAED,eAAO,MAAM,kBAAkB,sHA0B9B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,yBAAyB,2HAGS,CAAC;AAMhD,MAAM,WAAW,mCACf,SAAQ,8BAA8B,EACpC,iBAAiB,CAAC,YAAY;CAAG;AAErC,eAAO,MAAM,8BAA8B,gIAGP,CAAC;AAErC,MAAM,WAAW,gCAAiC,SAAQ,iBAAiB;CAAG;AAE9E,eAAO,MAAM,2BAA2B,4HAGQ,CAAC;AAEjD,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAE7F,eAAO,MAAM,yBAAyB,6HAapC,CAAC;AAGH,MAAM,WAAW,yBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,oBAAoB,sHAgChC,CAAC"}

package/lib/components/SelectBox/CheckSelectBox.js

@@ -9,7 +9,7 @@ import { createContext, forwardRef, useCallback, useContext, useState } from "re
 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 { selectBoxCheckmark } from "@seed-design/css/recipes/select-box-checkmark";
 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