@exem-ui/react 0.3.4-next.20261015085356 → 0.3.4-next.20261022010408

package/dist/{chunk-SHNVBKAJ.js → chunk-LDCNEHLQ.js}

@@ -568,9 +568,7 @@ var comboboxVariants = {
   list: utils.cn(overlayListVariants.viewport, "p-0 empty:hidden"),
   // Positioner는 transform으로 자체 스타킹 컨텍스트를 만들므로 z-index를 여기(루트 레벨)에 줘야
   // Modal/Sheet(z-50) 위에 팝업이 올라온다. popup의 z-50은 컨텍스트 내부라 루트에선 무효.
-  // pointer-events-auto: radix modal이 body에 pointer-events:none을 걸어도 팝업 클릭이 동작하도록.
-  // TODO(#305): radix 제거(Base UI 이관) 시 pointer-events-auto는 불필요 (z-50은 유지)
-  positioner: "z-50 pointer-events-auto",
+  positioner: "z-50",
   popup: utils.cn(
     "relative z-50 flex max-h-[var(--available-height)] w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] origin-[var(--transform-origin)] flex-col gap-0.5 overflow-hidden rounded-medium border border-border-primary bg-background-overlay p-1 shadow-weak",
     "transition-[transform,scale,opacity] duration-150 data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0"

package/dist/{chunk-L24IAWPF.mjs → chunk-RXQE5QHI.mjs}

@@ -543,9 +543,7 @@ var comboboxVariants = {
   list: cn(overlayListVariants.viewport, "p-0 empty:hidden"),
   // Positioner는 transform으로 자체 스타킹 컨텍스트를 만들므로 z-index를 여기(루트 레벨)에 줘야
   // Modal/Sheet(z-50) 위에 팝업이 올라온다. popup의 z-50은 컨텍스트 내부라 루트에선 무효.
-  // pointer-events-auto: radix modal이 body에 pointer-events:none을 걸어도 팝업 클릭이 동작하도록.
-  // TODO(#305): radix 제거(Base UI 이관) 시 pointer-events-auto는 불필요 (z-50은 유지)
-  positioner: "z-50 pointer-events-auto",
+  positioner: "z-50",
   popup: cn(
     "relative z-50 flex max-h-[var(--available-height)] w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] origin-[var(--transform-origin)] flex-col gap-0.5 overflow-hidden rounded-medium border border-border-primary bg-background-overlay p-1 shadow-weak",
     "transition-[transform,scale,opacity] duration-150 data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0"

package/dist/flat/index.js

@@ -1,35 +1,35 @@
 'use strict';
 
-var chunkSHNVBKAJ_js = require('../chunk-SHNVBKAJ.js');
+var chunkLDCNEHLQ_js = require('../chunk-LDCNEHLQ.js');
 require('../chunk-JIFX424V.js');
 
 
 
 Object.defineProperty(exports, "ConditionalTooltip", {
   enumerable: true,
-  get: function () { return chunkSHNVBKAJ_js.ConditionalTooltip; }
+  get: function () { return chunkLDCNEHLQ_js.ConditionalTooltip; }
 });
 Object.defineProperty(exports, "FlatColorPalette", {
   enumerable: true,
-  get: function () { return chunkSHNVBKAJ_js.FlatColorPalette; }
+  get: function () { return chunkLDCNEHLQ_js.FlatColorPalette; }
 });
 Object.defineProperty(exports, "FlatCombobox", {
   enumerable: true,
-  get: function () { return chunkSHNVBKAJ_js.FlatCombobox; }
+  get: function () { return chunkLDCNEHLQ_js.FlatCombobox; }
 });
 Object.defineProperty(exports, "FlatSegment", {
   enumerable: true,
-  get: function () { return chunkSHNVBKAJ_js.FlatSegment; }
+  get: function () { return chunkLDCNEHLQ_js.FlatSegment; }
 });
 Object.defineProperty(exports, "FlatSelect", {
   enumerable: true,
-  get: function () { return chunkSHNVBKAJ_js.FlatSelect; }
+  get: function () { return chunkLDCNEHLQ_js.FlatSelect; }
 });
 Object.defineProperty(exports, "FlatTabs", {
   enumerable: true,
-  get: function () { return chunkSHNVBKAJ_js.FlatTabs; }
+  get: function () { return chunkLDCNEHLQ_js.FlatTabs; }
 });
 Object.defineProperty(exports, "FlatTooltip", {
   enumerable: true,
-  get: function () { return chunkSHNVBKAJ_js.FlatTooltip; }
+  get: function () { return chunkLDCNEHLQ_js.FlatTooltip; }
 });

package/dist/flat/index.mjs

@@ -1,2 +1,2 @@
-export { ConditionalTooltip, FlatColorPalette, FlatCombobox, FlatSegment, FlatSelect, FlatTabs, FlatTooltip } from '../chunk-L24IAWPF.mjs';
+export { ConditionalTooltip, FlatColorPalette, FlatCombobox, FlatSegment, FlatSelect, FlatTabs, FlatTooltip } from '../chunk-RXQE5QHI.mjs';
 import '../chunk-HCGCMPIB.mjs';

package/dist/index.d.mts

@@ -15,7 +15,6 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { Dialog } from '@base-ui/react/dialog';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Toaster as Toaster$1, ExternalToast, toast as toast$1 } from 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-select';
@@ -216,7 +215,7 @@ type BreadcrumbComponent = React__default.ForwardRefExoticComponent<React__defau
 declare const Breadcrumb: BreadcrumbComponent;
 
 type ButtonColor = 'primary' | 'accent' | 'critical';
-type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type ButtonSize = '2xsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 type ButtonBackground = 'none' | 'fill';
 type ButtonVariantProps = {
     variant?: 'solid' | 'assistive';
@@ -808,11 +807,11 @@ type ModalComponent = typeof Modal;
 type SheetResizeOptions = {
     /** @default true (객체를 전달한 경우) */
     use?: boolean;
-    /** 최소 크기(px). 기본: left/right 400, top/bottom 300 */
+    /** 최소 크기(px) @default 400 */
     minSize?: number;
     /** 최대 크기(px 또는 '80%'). 퍼센트는 뷰포트 기준. @default '80%' */
     maxSize?: number | string;
-    /** 기본 크기(px). 기본: left/right 800, top/bottom 600 */
+    /** 기본 크기(px) @default 800 */
     defaultSize?: number;
     /** 지정 시 localStorage에 크기를 저장/복원 */
     storageKey?: string;
@@ -820,12 +819,12 @@ type SheetResizeOptions = {
     onResize?: (size: number) => void;
 };
 
-type SheetSide = 'top' | 'right' | 'bottom' | 'left';
-type SheetRootProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
-type SheetTriggerProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
-type SheetPortalProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
-type SheetOverlayProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
-type SheetContentProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
+type SheetSide = 'right' | 'left';
+type SheetRootProps = Dialog.Root.Props;
+type SheetTriggerProps = Dialog.Trigger.Props;
+type SheetPortalProps = Dialog.Portal.Props;
+type SheetOverlayProps = Dialog.Backdrop.Props;
+type SheetContentProps = Dialog.Popup.Props & {
     /**
      * Sheet가 열리는 방향
      * @default 'right'
@@ -837,8 +836,8 @@ type SheetContentProps = React__default.ComponentPropsWithoutRef<typeof DialogPr
      */
     resizable?: boolean | SheetResizeOptions;
 };
-type SheetCloseProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
-type SheetHeaderProps = React__default.HTMLAttributes<HTMLDivElement> & {
+type SheetCloseProps = Dialog.Close.Props;
+type SheetHeaderProps = React__default.ComponentProps<'div'> & {
     /**
      * 하단 구분선 표시 여부
      * @default true
@@ -852,38 +851,122 @@ type SheetHeaderProps = React__default.HTMLAttributes<HTMLDivElement> & {
      */
     rightSlot?: React__default.ReactNode;
 };
-type SheetBodyProps = React__default.HTMLAttributes<HTMLDivElement>;
-type SheetFooterProps = React__default.HTMLAttributes<HTMLDivElement> & {
+type SheetBodyProps = React__default.ComponentProps<'div'> & {
+    /**
+     * 본문을 ScrollArea로 감쌀지 여부. 끄면 스크롤 컨테이너 없이 패딩만 남아
+     * 높이를 소비자가 직접 계산할 수 있다. 넘치는 콘텐츠도 잘리지 않는다.
+     * @default true
+     */
+    scroll?: boolean;
+};
+type SheetFooterProps = React__default.ComponentProps<'div'> & {
     /**
      * 상단 구분선 표시 여부
      * @default true
      */
     line?: boolean;
 };
-type SheetFooterDescriptionProps = React__default.HTMLAttributes<HTMLDivElement> & {
+type SheetFooterDescriptionProps = React__default.ComponentProps<'div'> & {
     /** 에러 상태 표시 여부 */
     error?: boolean;
     /** 설명 앞에 표시할 아이콘 요소 */
     icon?: React__default.ReactNode;
 };
-type SheetActionsProps = React__default.HTMLAttributes<HTMLDivElement>;
-type SheetTitleProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
-type SheetDescriptionProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
-type SheetComponent = typeof DialogPrimitive.Root & {
-    Trigger: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetTriggerProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Trigger>>>;
-    Portal: React__default.FC<SheetPortalProps>;
-    Close: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetCloseProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Close>>>;
-    Overlay: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetOverlayProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Overlay>>>;
-    Content: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetContentProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Content>>>;
-    Header: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetHeaderProps> & React__default.RefAttributes<HTMLDivElement>>;
-    Body: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetBodyProps> & React__default.RefAttributes<HTMLDivElement>>;
-    Footer: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetFooterProps> & React__default.RefAttributes<HTMLDivElement>>;
-    FooterDescription: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetFooterDescriptionProps> & React__default.RefAttributes<HTMLDivElement>>;
-    Actions: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetActionsProps> & React__default.RefAttributes<HTMLDivElement>>;
-    Title: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetTitleProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Title>>>;
-    Description: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetDescriptionProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Description>>>;
+type SheetActionsProps = React__default.ComponentProps<'div'>;
+type SheetTitleProps = Dialog.Title.Props;
+type SheetDescriptionProps = Dialog.Description.Props;
+/**
+ * 화면 가장자리에서 슬라이드되어 열리는 패널 컴포넌트입니다.
+ * Base UI Dialog 기반이며 Compound Component 패턴으로 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <Sheet>
+ *   <Sheet.Trigger>열기</Sheet.Trigger>
+ *   <Sheet.Content side="right">
+ *     <Sheet.Header>
+ *       <Sheet.Title>제목</Sheet.Title>
+ *     </Sheet.Header>
+ *     <Sheet.Body>내용</Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Actions>
+ *         <Sheet.Close>닫기</Sheet.Close>
+ *       </Sheet.Actions>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet>
+ * ```
+ *
+ * @see {@link SheetContentProps} Content props 상세
+ * @see https://base-ui.com/react/components/dialog
+ */
+declare function SheetRoot(props: SheetRootProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetRoot {
+    var displayName: string;
+}
+declare function SheetTrigger(props: SheetTriggerProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetTrigger {
+    var displayName: string;
+}
+declare function SheetPortal(props: SheetPortalProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetPortal {
+    var displayName: string;
+}
+declare function SheetOverlay({ className, ...props }: SheetOverlayProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetOverlay {
+    var displayName: string;
+}
+declare function SheetContent({ className, children, side: sideProp, resizable, ...props }: SheetContentProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetContent {
+    var displayName: string;
+}
+declare function SheetHeader({ className, line, rightSlot, children, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetHeader {
+    var displayName: string;
+}
+declare function SheetBody({ className, children, scroll, ...props }: SheetBodyProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetBody {
+    var displayName: string;
+}
+declare function SheetFooter({ className, line, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetFooter {
+    var displayName: string;
+}
+declare function SheetFooterDescription({ className, error, icon, children, ...props }: SheetFooterDescriptionProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetFooterDescription {
+    var displayName: string;
+}
+declare function SheetActions({ className, ...props }: SheetActionsProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetActions {
+    var displayName: string;
+}
+declare function SheetClose(props: SheetCloseProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetClose {
+    var displayName: string;
+}
+declare function SheetTitle({ className, ...props }: SheetTitleProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetTitle {
+    var displayName: string;
+}
+declare function SheetDescription({ className, ...props }: SheetDescriptionProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetDescription {
+    var displayName: string;
+}
+declare const Sheet: typeof SheetRoot & {
+    Trigger: typeof SheetTrigger;
+    Portal: typeof SheetPortal;
+    Close: typeof SheetClose;
+    Overlay: typeof SheetOverlay;
+    Content: typeof SheetContent;
+    Header: typeof SheetHeader;
+    Body: typeof SheetBody;
+    Footer: typeof SheetFooter;
+    FooterDescription: typeof SheetFooterDescription;
+    Actions: typeof SheetActions;
+    Title: typeof SheetTitle;
+    Description: typeof SheetDescription;
 };
-declare const Sheet: SheetComponent;
+type SheetComponent = typeof Sheet;
 
 type MessageBoxVariant = 'default' | 'critical';
 type MessageBoxRootProps = Dialog.Root.Props;

package/dist/index.d.ts

@@ -15,7 +15,6 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { Dialog } from '@base-ui/react/dialog';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Toaster as Toaster$1, ExternalToast, toast as toast$1 } from 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-select';
@@ -216,7 +215,7 @@ type BreadcrumbComponent = React__default.ForwardRefExoticComponent<React__defau
 declare const Breadcrumb: BreadcrumbComponent;
 
 type ButtonColor = 'primary' | 'accent' | 'critical';
-type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type ButtonSize = '2xsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 type ButtonBackground = 'none' | 'fill';
 type ButtonVariantProps = {
     variant?: 'solid' | 'assistive';
@@ -808,11 +807,11 @@ type ModalComponent = typeof Modal;
 type SheetResizeOptions = {
     /** @default true (객체를 전달한 경우) */
     use?: boolean;
-    /** 최소 크기(px). 기본: left/right 400, top/bottom 300 */
+    /** 최소 크기(px) @default 400 */
     minSize?: number;
     /** 최대 크기(px 또는 '80%'). 퍼센트는 뷰포트 기준. @default '80%' */
     maxSize?: number | string;
-    /** 기본 크기(px). 기본: left/right 800, top/bottom 600 */
+    /** 기본 크기(px) @default 800 */
     defaultSize?: number;
     /** 지정 시 localStorage에 크기를 저장/복원 */
     storageKey?: string;
@@ -820,12 +819,12 @@ type SheetResizeOptions = {
     onResize?: (size: number) => void;
 };
 
-type SheetSide = 'top' | 'right' | 'bottom' | 'left';
-type SheetRootProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
-type SheetTriggerProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
-type SheetPortalProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
-type SheetOverlayProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
-type SheetContentProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
+type SheetSide = 'right' | 'left';
+type SheetRootProps = Dialog.Root.Props;
+type SheetTriggerProps = Dialog.Trigger.Props;
+type SheetPortalProps = Dialog.Portal.Props;
+type SheetOverlayProps = Dialog.Backdrop.Props;
+type SheetContentProps = Dialog.Popup.Props & {
     /**
      * Sheet가 열리는 방향
      * @default 'right'
@@ -837,8 +836,8 @@ type SheetContentProps = React__default.ComponentPropsWithoutRef<typeof DialogPr
      */
     resizable?: boolean | SheetResizeOptions;
 };
-type SheetCloseProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
-type SheetHeaderProps = React__default.HTMLAttributes<HTMLDivElement> & {
+type SheetCloseProps = Dialog.Close.Props;
+type SheetHeaderProps = React__default.ComponentProps<'div'> & {
     /**
      * 하단 구분선 표시 여부
      * @default true
@@ -852,38 +851,122 @@ type SheetHeaderProps = React__default.HTMLAttributes<HTMLDivElement> & {
      */
     rightSlot?: React__default.ReactNode;
 };
-type SheetBodyProps = React__default.HTMLAttributes<HTMLDivElement>;
-type SheetFooterProps = React__default.HTMLAttributes<HTMLDivElement> & {
+type SheetBodyProps = React__default.ComponentProps<'div'> & {
+    /**
+     * 본문을 ScrollArea로 감쌀지 여부. 끄면 스크롤 컨테이너 없이 패딩만 남아
+     * 높이를 소비자가 직접 계산할 수 있다. 넘치는 콘텐츠도 잘리지 않는다.
+     * @default true
+     */
+    scroll?: boolean;
+};
+type SheetFooterProps = React__default.ComponentProps<'div'> & {
     /**
      * 상단 구분선 표시 여부
      * @default true
      */
     line?: boolean;
 };
-type SheetFooterDescriptionProps = React__default.HTMLAttributes<HTMLDivElement> & {
+type SheetFooterDescriptionProps = React__default.ComponentProps<'div'> & {
     /** 에러 상태 표시 여부 */
     error?: boolean;
     /** 설명 앞에 표시할 아이콘 요소 */
     icon?: React__default.ReactNode;
 };
-type SheetActionsProps = React__default.HTMLAttributes<HTMLDivElement>;
-type SheetTitleProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
-type SheetDescriptionProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
-type SheetComponent = typeof DialogPrimitive.Root & {
-    Trigger: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetTriggerProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Trigger>>>;
-    Portal: React__default.FC<SheetPortalProps>;
-    Close: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetCloseProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Close>>>;
-    Overlay: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetOverlayProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Overlay>>>;
-    Content: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetContentProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Content>>>;
-    Header: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetHeaderProps> & React__default.RefAttributes<HTMLDivElement>>;
-    Body: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetBodyProps> & React__default.RefAttributes<HTMLDivElement>>;
-    Footer: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetFooterProps> & React__default.RefAttributes<HTMLDivElement>>;
-    FooterDescription: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetFooterDescriptionProps> & React__default.RefAttributes<HTMLDivElement>>;
-    Actions: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetActionsProps> & React__default.RefAttributes<HTMLDivElement>>;
-    Title: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetTitleProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Title>>>;
-    Description: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<SheetDescriptionProps> & React__default.RefAttributes<React__default.ComponentRef<typeof DialogPrimitive.Description>>>;
+type SheetActionsProps = React__default.ComponentProps<'div'>;
+type SheetTitleProps = Dialog.Title.Props;
+type SheetDescriptionProps = Dialog.Description.Props;
+/**
+ * 화면 가장자리에서 슬라이드되어 열리는 패널 컴포넌트입니다.
+ * Base UI Dialog 기반이며 Compound Component 패턴으로 사용합니다.
+ *
+ * @example
+ * ```tsx
+ * <Sheet>
+ *   <Sheet.Trigger>열기</Sheet.Trigger>
+ *   <Sheet.Content side="right">
+ *     <Sheet.Header>
+ *       <Sheet.Title>제목</Sheet.Title>
+ *     </Sheet.Header>
+ *     <Sheet.Body>내용</Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Actions>
+ *         <Sheet.Close>닫기</Sheet.Close>
+ *       </Sheet.Actions>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet>
+ * ```
+ *
+ * @see {@link SheetContentProps} Content props 상세
+ * @see https://base-ui.com/react/components/dialog
+ */
+declare function SheetRoot(props: SheetRootProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetRoot {
+    var displayName: string;
+}
+declare function SheetTrigger(props: SheetTriggerProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetTrigger {
+    var displayName: string;
+}
+declare function SheetPortal(props: SheetPortalProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetPortal {
+    var displayName: string;
+}
+declare function SheetOverlay({ className, ...props }: SheetOverlayProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetOverlay {
+    var displayName: string;
+}
+declare function SheetContent({ className, children, side: sideProp, resizable, ...props }: SheetContentProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetContent {
+    var displayName: string;
+}
+declare function SheetHeader({ className, line, rightSlot, children, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetHeader {
+    var displayName: string;
+}
+declare function SheetBody({ className, children, scroll, ...props }: SheetBodyProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetBody {
+    var displayName: string;
+}
+declare function SheetFooter({ className, line, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetFooter {
+    var displayName: string;
+}
+declare function SheetFooterDescription({ className, error, icon, children, ...props }: SheetFooterDescriptionProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetFooterDescription {
+    var displayName: string;
+}
+declare function SheetActions({ className, ...props }: SheetActionsProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetActions {
+    var displayName: string;
+}
+declare function SheetClose(props: SheetCloseProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetClose {
+    var displayName: string;
+}
+declare function SheetTitle({ className, ...props }: SheetTitleProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetTitle {
+    var displayName: string;
+}
+declare function SheetDescription({ className, ...props }: SheetDescriptionProps): react_jsx_runtime.JSX.Element;
+declare namespace SheetDescription {
+    var displayName: string;
+}
+declare const Sheet: typeof SheetRoot & {
+    Trigger: typeof SheetTrigger;
+    Portal: typeof SheetPortal;
+    Close: typeof SheetClose;
+    Overlay: typeof SheetOverlay;
+    Content: typeof SheetContent;
+    Header: typeof SheetHeader;
+    Body: typeof SheetBody;
+    Footer: typeof SheetFooter;
+    FooterDescription: typeof SheetFooterDescription;
+    Actions: typeof SheetActions;
+    Title: typeof SheetTitle;
+    Description: typeof SheetDescription;
 };
-declare const Sheet: SheetComponent;
+type SheetComponent = typeof Sheet;
 
 type MessageBoxVariant = 'default' | 'critical';
 type MessageBoxRootProps = Dialog.Root.Props;