mosuk-ui 1.0.2 → 1.0.3

package/components/integrations/yandex/maps/skeleton/index.d.ts

@@ -1,13 +1,21 @@
-import { YandexMapsSkeleton as BaseYandexMapsSkeleton } from './component';
-import type { YandexMapsSkeletonProps } from './component.interface';
-import { YandexMapsMapSkeleton } from './map/component';
-import type { YandexMapsMapSkeletonProps } from './map/component.interface';
-export declare const YandexMapsSkeleton: typeof BaseYandexMapsSkeleton & {
-    Map: typeof YandexMapsMapSkeleton;
+import { YandexMapSkeleton as Component } from './component';
+import type { YandexMapSkeletonProps } from './component.interface';
+import { YandexMapDefaultSchemeLayerSkeleton } from './default/scheme/layer/component';
+import { YandexMapDefaultSchemeLayerSkeletonProps } from './default/scheme/layer/component.interface';
+export declare const YandexMapSkeleton: typeof Component & {
+    Default: {
+        Scheme: {
+            Layer: typeof YandexMapDefaultSchemeLayerSkeleton;
+        };
+    };
 };
-export declare namespace YandexMapsSkeleton {
-    type Props = YandexMapsSkeletonProps;
-    namespace Map {
-        type Props = YandexMapsMapSkeletonProps;
+export declare namespace YandexMapSkeleton {
+    type Props = YandexMapSkeletonProps;
+    namespace Default {
+        namespace Scheme {
+            namespace Layer {
+                type Props = YandexMapDefaultSchemeLayerSkeletonProps;
+            }
+        }
     }
 }

package/components/integrations/yandex/maps/skeleton/index.js

@@ -1,5 +1,9 @@
-import { YandexMapsSkeleton as BaseYandexMapsSkeleton } from './component';
-import { YandexMapsMapSkeleton } from './map/component';
-export var YandexMapsSkeleton = Object.assign(BaseYandexMapsSkeleton, {
-    Map: YandexMapsMapSkeleton,
+import { YandexMapSkeleton as Component } from './component';
+import { YandexMapDefaultSchemeLayerSkeleton } from './default/scheme/layer/component';
+export var YandexMapSkeleton = Object.assign(Component, {
+    Default: {
+        Scheme: {
+            Layer: YandexMapDefaultSchemeLayerSkeleton,
+        },
+    },
 });

package/components/overlays/alert/component/close/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Toast } from '@base-ui-components/react/toast';
+import { Toast } from '@base-ui/react/toast';
 export interface CloseProps extends Toast.Close.Props {
 }

package/components/overlays/alert/component/close/component.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Toast } from '@base-ui-components/react/toast';
+import { Toast } from '@base-ui/react/toast';
 import React from 'react';
 export function Close(_a) {
     var rest = __rest(_a, []);

package/components/overlays/alert/component/component.interface.d.ts

@@ -1,4 +1,4 @@
-import { Toast } from '@base-ui-components/react/toast';
+import { Toast } from '@base-ui/react/toast';
 export interface AlertProps extends Omit<Toast.Root.Props, 'toast'> {
     toast?: Toast.Root.Props['toast'];
 }

package/components/overlays/alert/component/component.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Toast } from '@base-ui-components/react/toast';
+import { Toast } from '@base-ui/react/toast';
 import React from 'react';
 export function Alert(_a) {
     var toast = _a.toast, rest = __rest(_a, ["toast"]);

package/components/overlays/dialog/component/close/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DialogCloseProps } from './component.interface';
+export declare function DialogClose({ ...rest }: DialogCloseProps): React.JSX.Element;

package/components/overlays/dialog/component/close/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Dialog as BaseUIDialog } from '@base-ui/react';
+export interface DialogCloseProps extends BaseUIDialog.Close.Props {
+}

package/components/{texts/p/component/icon → overlays/dialog/component/close}/component.js

@@ -20,11 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { Dialog as BaseUIDialog } from '@base-ui/react';
 import classNames from 'classnames';
 import React from 'react';
-import { Icon } from '../../../../actions/icon/component/index';
-import styles from '../component.module.css';
-export function PIcon(_a) {
+export function DialogClose(_a) {
     var rest = __rest(_a, []);
-    return (React.createElement(Icon, __assign({}, rest, { className: classNames('mosuk-p-icon', styles.icon, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+    return (React.createElement(BaseUIDialog.Close, __assign({}, rest, { className: classNames('mosuk-dialog-close', rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/overlays/dialog/component/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DialogProps } from './component.interface';
+export declare function Dialog({ ...rest }: DialogProps): React.JSX.Element;

package/components/overlays/dialog/component/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Dialog as BaseUIDialog } from '@base-ui/react';
+export interface DialogProps extends BaseUIDialog.Root.Props {
+}

package/components/overlays/{dialogs/dialog/(images)/dialog/images/image → dialog/component}/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { Dialog as BaseUIDialog } from '@base-ui/react';
 import React from 'react';
-import { ImageImage } from '../../../../../../../display/image/component/image/component';
-export function DialogImagesDialogImagesImage(_a) {
+export function Dialog(_a) {
     var rest = __rest(_a, []);
-    return React.createElement(ImageImage, __assign({}, rest), rest === null || rest === void 0 ? void 0 : rest.children);
+    return React.createElement(BaseUIDialog.Root, __assign({}, rest), rest === null || rest === void 0 ? void 0 : rest.children);
 }

package/components/overlays/dialog/component/component.module.css

@@ -0,0 +1,83 @@
+@layer mosuk-ui {
+    @layer index-17 {
+        :root {
+            --bleed: calc(var(--spacing) * 24);
+        }
+
+        .viewport {
+            position: fixed;
+            inset: 0;
+            z-index: 200;
+
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            .backdrop {
+                position: fixed;
+                inset: 0;
+
+                background-color: rgba(0, 0, 0, 0.1);
+                backdrop-filter: blur(2px);
+
+                transition-duration: 400ms;
+                transition-property: background-color, backdrop-filter;
+                transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
+
+                &[data-starting-style],
+                &[data-ending-style] {
+                    background-color: rgba(0, 0, 0, 0);
+                    backdrop-filter: blur(0);
+                }
+            }
+
+            .popup {
+                overflow: hidden;
+                position: relative;
+
+                width: 100%;
+                height: fit-content;
+                max-width: var(--container-lg);
+                max-height: calc(100dvh - var(--bleed));
+
+                background-color: var(--color-white);
+                opacity: 1;
+
+                border-radius: var(--radius-3xl);
+                outline: 0;
+
+                box-shadow: 0 25px 50px -12px rgba(249, 250, 251, var(--tw-shadow-alpha, 0.5));
+
+                transition: transform 400ms cubic-bezier(0.45, 1.005, 0, 1.005);
+
+                &[data-starting-style] {
+                    opacity: 0;
+
+                    transform: translateY(100vh);
+                }
+
+                &[data-ending-style] {
+                    transform: translateY(max(100vh, 100%));
+                    transition-duration: 200ms;
+                    transition-timing-function: cubic-bezier(0.375, 0.015, 0.545, 0.455);
+                }
+
+                .content {
+                    overflow-y: auto;
+                    touch-action: auto;
+
+                    width: 100%;
+                    height: var(--drawer-frontmost-height, 100%);
+
+                    padding: calc(var(--spacing, 0.25rem) * 3);
+
+                    &::-webkit-scrollbar {
+                        display: none;
+                        width: 0;
+                        height: 0;
+                    }
+                }
+            }
+        }
+    }
+}

package/components/overlays/dialog/component/index.d.ts

@@ -0,0 +1,52 @@
+import { DialogClose } from './close/component';
+import { DialogCloseProps } from './close/component.interface';
+import { Dialog as Component } from './component';
+import { DialogProps as ComponentProps } from './component.interface';
+import { DialogOpen } from './open/component';
+import { DialogOpenProps } from './open/component.interface';
+import { DialogPortal } from './portal/component';
+import { DialogPortalProps } from './portal/component.interface';
+import { DialogPortalViewportBackdrop } from './portal/viewport/backdrop/component';
+import { DialogPortalViewportBackdropProps } from './portal/viewport/backdrop/component.interface';
+import { DialogPortalViewport } from './portal/viewport/component';
+import { DialogPortalViewportProps } from './portal/viewport/component.interface';
+import { DialogPortalViewportPopup } from './portal/viewport/popup/component';
+import { DialogPortalViewportPopupProps } from './portal/viewport/popup/component.interface';
+import { DialogPortalViewportPopupContent } from './portal/viewport/popup/content/component';
+import { DialogPortalViewportPopupContentProps } from './portal/viewport/popup/content/component.interface';
+export declare const Dialog: typeof Component & {
+    Open: typeof DialogOpen;
+    Close: typeof DialogClose;
+    Portal: typeof DialogPortal & {
+        Viewport: typeof DialogPortalViewport & {
+            Backdrop: typeof DialogPortalViewportBackdrop;
+            Popup: typeof DialogPortalViewportPopup & {
+                Content: typeof DialogPortalViewportPopupContent;
+            };
+        };
+    };
+};
+export declare namespace Dialog {
+    type Props = ComponentProps;
+    namespace Open {
+        type Props = DialogOpenProps;
+    }
+    namespace Close {
+        type Props = DialogCloseProps;
+    }
+    namespace Portal {
+        type Props = DialogPortalProps;
+        namespace Viewport {
+            type Props = DialogPortalViewportProps;
+            namespace Backdrop {
+                type Props = DialogPortalViewportBackdropProps;
+            }
+            namespace Popup {
+                type Props = DialogPortalViewportPopupProps;
+                namespace Content {
+                    type Props = DialogPortalViewportPopupContentProps;
+                }
+            }
+        }
+    }
+}

package/components/overlays/dialog/component/index.js

@@ -0,0 +1,20 @@
+import { DialogClose } from './close/component';
+import { Dialog as Component } from './component';
+import { DialogOpen } from './open/component';
+import { DialogPortal } from './portal/component';
+import { DialogPortalViewportBackdrop } from './portal/viewport/backdrop/component';
+import { DialogPortalViewport } from './portal/viewport/component';
+import { DialogPortalViewportPopup } from './portal/viewport/popup/component';
+import { DialogPortalViewportPopupContent } from './portal/viewport/popup/content/component';
+export var Dialog = Object.assign(Component, {
+    Open: DialogOpen,
+    Close: DialogClose,
+    Portal: Object.assign(DialogPortal, {
+        Viewport: Object.assign(DialogPortalViewport, {
+            Backdrop: DialogPortalViewportBackdrop,
+            Popup: Object.assign(DialogPortalViewportPopup, {
+                Content: DialogPortalViewportPopupContent,
+            }),
+        }),
+    }),
+});

package/components/overlays/dialog/component/open/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DialogOpenProps } from './component.interface';
+export declare function DialogOpen({ ...rest }: DialogOpenProps): React.JSX.Element;

package/components/overlays/dialog/component/open/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Dialog as BaseUIDialog } from '@base-ui/react';
+export interface DialogOpenProps extends BaseUIDialog.Trigger.Props {
+}

package/components/{texts/a/component/icon → overlays/dialog/component/open}/component.js

@@ -20,11 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { Dialog as BaseUIDialog } from '@base-ui/react';
 import classNames from 'classnames';
 import React from 'react';
-import { Icon } from '../../../../actions/icon/component/index';
-import styles from '../component.module.css';
-export function AIcon(_a) {
+export function DialogOpen(_a) {
     var rest = __rest(_a, []);
-    return (React.createElement(Icon, __assign({}, rest, { className: classNames('mosuk-a-icon', styles.icon, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+    return (React.createElement(BaseUIDialog.Trigger, __assign({}, rest, { className: classNames('mosuk-dialog-open', rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/overlays/dialog/component/portal/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DialogPortalProps } from './component.interface';
+export declare function DialogPortal({ ...rest }: DialogPortalProps): React.JSX.Element;

package/components/overlays/dialog/component/portal/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Dialog as BaseUIDialog } from '@base-ui/react';
+export interface DialogPortalProps extends BaseUIDialog.Portal.Props {
+}

package/components/{texts/h1/component/icon → overlays/dialog/component/portal}/component.js

@@ -20,11 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { Dialog as BaseUIDialog } from '@base-ui/react';
 import classNames from 'classnames';
 import React from 'react';
-import { Icon } from '../../../../actions/icon/component/index';
 import styles from '../component.module.css';
-export function H1Icon(_a) {
+export function DialogPortal(_a) {
     var rest = __rest(_a, []);
-    return (React.createElement(Icon, __assign({}, rest, { className: classNames('mosuk-h1-icon', styles.icon, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+    return (React.createElement(BaseUIDialog.Portal, __assign({}, rest, { className: classNames('mosuk-dialog-portal', styles.portal, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/overlays/dialog/component/portal/viewport/backdrop/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DialogPortalViewportBackdropProps } from './component.interface';
+export declare function DialogPortalViewportBackdrop({ ...rest }: DialogPortalViewportBackdropProps): React.JSX.Element;

package/components/overlays/dialog/component/portal/viewport/backdrop/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Dialog as BaseUIDialog } from '@base-ui/react';
+export interface DialogPortalViewportBackdropProps extends BaseUIDialog.Backdrop.Props {
+}

package/components/overlays/dialog/component/portal/viewport/backdrop/component.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Dialog as BaseUIDialog } from '@base-ui/react';
+import classNames from 'classnames';
+import React from 'react';
+import styles from '../../../component.module.css';
+export function DialogPortalViewportBackdrop(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(BaseUIDialog.Backdrop, __assign({}, rest, { className: classNames('mosuk-dialog-portal-viewport-backdrop', styles.backdrop, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/overlays/dialog/component/portal/viewport/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DialogPortalViewportProps } from './component.interface';
+export declare function DialogPortalViewport({ ...rest }: DialogPortalViewportProps): React.JSX.Element;

package/components/overlays/dialog/component/portal/viewport/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Dialog as BaseUIDialog } from '@base-ui/react';
+export interface DialogPortalViewportProps extends BaseUIDialog.Viewport.Props {
+}

package/components/overlays/{dialogs/dialog/component/dialog/body → dialog/component/portal/viewport}/component.js

@@ -20,11 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { Dialog as BaseUIDialog } from '@base-ui/react';
 import classNames from 'classnames';
 import React from 'react';
 import styles from '../../component.module.css';
-export function DialogDialogBody(_a) {
+export function DialogPortalViewport(_a) {
     var rest = __rest(_a, []);
-    var Component = ((rest === null || rest === void 0 ? void 0 : rest.as) || 'div');
-    return (React.createElement(Component, __assign({}, rest, { ref: rest === null || rest === void 0 ? void 0 : rest.ref, className: classNames('mosuk-dialog-dialog-body', styles.body, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+    return (React.createElement(BaseUIDialog.Viewport, __assign({}, rest, { className: classNames('mosuk-dialog-portal-viewport', styles.viewport, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/overlays/dialog/component/portal/viewport/popup/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DialogPortalViewportPopupProps } from './component.interface';
+export declare function DialogPortalViewportPopup({ ...rest }: DialogPortalViewportPopupProps): React.JSX.Element;

package/components/overlays/dialog/component/portal/viewport/popup/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Dialog as BaseUIDialog } from '@base-ui/react';
+export interface DialogPortalViewportPopupProps extends BaseUIDialog.Popup.Props {
+}

package/components/overlays/{dialogs/dialog/(images)/dialog → dialog/component/portal/viewport/popup}/component.js

@@ -20,11 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { Dialog as BaseUIDialog } from '@base-ui/react';
 import classNames from 'classnames';
 import React from 'react';
-import { DialogDialog } from '../../component/dialog/component';
-import style from '../component.module.css';
-export function DialogImagesDialog(_a) {
+import styles from '../../../component.module.css';
+export function DialogPortalViewportPopup(_a) {
     var rest = __rest(_a, []);
-    return (React.createElement(DialogDialog, __assign({}, rest, { className: classNames(style.dialog, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+    return (React.createElement(BaseUIDialog.Popup, __assign({}, rest, { className: classNames('mosuk-dialog-portal-viewport-popup', styles.popup, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/overlays/dialog/component/portal/viewport/popup/content/component.d.ts

@@ -0,0 +1,3 @@
+import React, { ElementType } from 'react';
+import { DialogPortalViewportPopupContentProps } from './component.interface';
+export declare function DialogPortalViewportPopupContent<C extends ElementType = 'div'>({ as, ...rest }: DialogPortalViewportPopupContentProps<C>): React.JSX.Element;

package/components/overlays/{dialogs/dialog/component/dialog/header → dialog/component/portal/viewport/popup/content}/component.interface.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ElementType, Ref } from 'react';
-export type DialogDialogHeaderProps<C extends ElementType = 'div'> = {
+export type DialogPortalViewportPopupContentProps<C extends ElementType = 'div'> = {
     as?: C;
     ref?: Ref<any>;
 } & Omit<ComponentPropsWithoutRef<C>, 'as' | 'ref'>;

package/components/{texts/h1/component/text → overlays/dialog/component/portal/viewport/popup/content}/component.js

@@ -22,9 +22,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../component.module.css';
-export function H1Text(_a) {
+import styles from '../../../../component.module.css';
+export function DialogPortalViewportPopupContent(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
-    var Component = (as || 'span');
-    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-h1-text', styles.text, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+    var Component = (as || 'div');
+    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-dialog-viewport-popup-content', styles.content, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/overlays/drawer/component/close/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DrawerCloseProps } from './component.interface';
+export declare function DrawerClose({ ...rest }: DrawerCloseProps): React.JSX.Element;

package/components/overlays/drawer/component/close/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { DrawerPreview as BaseUiDrawer } from '@base-ui/react';
+export interface DrawerCloseProps extends BaseUiDrawer.Close.Props {
+}

package/components/{texts/h3/component/icon → overlays/drawer/component/close}/component.js

@@ -20,11 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { DrawerPreview as BaseUiDrawer } from '@base-ui/react';
 import classNames from 'classnames';
 import React from 'react';
-import { Icon } from '../../../../actions/icon/component/index';
-import styles from '../component.module.css';
-export function H3Icon(_a) {
+export function DrawerClose(_a) {
     var rest = __rest(_a, []);
-    return (React.createElement(Icon, __assign({}, rest, { className: classNames('mosuk-h3-icon', styles.icon, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+    return (React.createElement(BaseUiDrawer.Close, __assign({}, rest, { className: classNames('mosuk-drawer-close', rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/overlays/drawer/component/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DrawerProps } from './component.interface';
+export declare function Drawer({ ...rest }: DrawerProps): React.JSX.Element;

package/components/overlays/drawer/component/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { DrawerPreview as BaseUiDrawer } from '@base-ui/react';
+export interface DrawerProps extends BaseUiDrawer.Root.Props {
+}

package/components/overlays/drawer/component/component.js

@@ -0,0 +1,28 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { DrawerPreview as BaseUiDrawer } from '@base-ui/react';
+import React from 'react';
+export function Drawer(_a) {
+    var rest = __rest(_a, []);
+    return React.createElement(BaseUiDrawer.Root, __assign({}, rest), rest === null || rest === void 0 ? void 0 : rest.children);
+}