mosuk-ui 1.0.2 → 1.0.3

package/components/integrations/yandex/maps/component/map/default_scheme_layer/component.interface.d.ts

@@ -1,3 +0,0 @@
-import { YMapDefaultSchemeLayerProps } from '@yandex/ymaps3-types';
-export interface YandexMapsMapDefaultSchemeLayerProps extends YMapDefaultSchemeLayerProps {
-}

package/components/integrations/yandex/maps/component/map/feature/component.d.ts

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

package/components/integrations/yandex/maps/component/map/marker/component.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { YandexMapsMapMarkerProps } from './component.interface';
-export declare function YandexMapsMapMarker({ coordinates, children, ...props }: YandexMapsMapMarkerProps): React.JSX.Element | null;

package/components/integrations/yandex/maps/skeleton/map/component.d.ts

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

package/components/integrations/yandex/maps/skeleton/map/component.interface.d.ts

@@ -1,3 +0,0 @@
-import { SkeletonProps } from '../../../../../display/skeleton/component/component.interface';
-export interface YandexMapsMapSkeletonProps extends SkeletonProps {
-}

package/components/integrations/yandex/maps/skeleton/map/component.js

@@ -1,32 +0,0 @@
-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 classNames from 'classnames';
-import { Locate } from 'lucide-react';
-import React from 'react';
-import { Skeleton } from '../../../../../display/skeleton/component';
-import styles from '../component.module.css';
-export function YandexMapsMapSkeleton(_a) {
-    var rest = __rest(_a, []);
-    return (React.createElement(Skeleton, __assign({}, rest, { title: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u043A\u0430\u0440\u0442\u044B...", className: classNames(styles.yandexMapsMap, rest === null || rest === void 0 ? void 0 : rest.className) }),
-        React.createElement(Locate, null)));
-}

package/components/overlays/dialogs/dialog/(images)/component.module.css

@@ -1,24 +0,0 @@
-@layer mosuk-ui {
-    @layer index-27 {
-        .dialog {
-            width: 100%;
-            height: 100%;
-        }
-
-        .images {
-            --swiper-navigation-sides-offset: calc(var(--spacing, 0.25rem) * 4);
-
-            width: 100%;
-            height: 100%;
-        }
-
-        @media (min-width: 1025px) {
-            .dialog {
-                max-width: 100%;
-                max-height: 100%;
-
-                border-radius: 0;
-            }
-        }
-    }
-}

package/components/overlays/dialogs/dialog/(images)/dialog/component.d.ts

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

package/components/overlays/dialogs/dialog/(images)/dialog/component.interface.d.ts

@@ -1,3 +0,0 @@
-import { DialogDialogProps as ParentDialogProps } from '../../component/dialog/component.interface';
-export interface DialogImagesDialogProps extends ParentDialogProps {
-}

package/components/overlays/dialogs/dialog/(images)/dialog/images/component.d.ts

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

package/components/overlays/dialogs/dialog/(images)/dialog/images/component.interface.d.ts

@@ -1,3 +0,0 @@
-import { SwiperProps } from 'swiper/react';
-export interface DialogImagesDialogImagesProps extends SwiperProps {
-}

package/components/overlays/dialogs/dialog/(images)/dialog/images/component.js

@@ -1,47 +0,0 @@
-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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import classNames from 'classnames';
-import React, { Children, isValidElement } from 'react';
-import { Navigation } from 'swiper/modules';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import styles from '../../component.module.css';
-import { DialogImagesDialogImagesImage } from './image/component';
-export function DialogImagesDialogImages(_a) {
-    var _b, _c, _d, _e;
-    var rest = __rest(_a, []);
-    return (React.createElement(Swiper, __assign({}, rest, { modules: __spreadArray([Navigation], ((rest === null || rest === void 0 ? void 0 : rest.modules) || []), true), navigation: true, speed: (_b = rest === null || rest === void 0 ? void 0 : rest.speed) !== null && _b !== void 0 ? _b : 400, spaceBetween: (_c = rest === null || rest === void 0 ? void 0 : rest.spaceBetween) !== null && _c !== void 0 ? _c : 0, slidesPerView: (_d = rest === null || rest === void 0 ? void 0 : rest.slidesPerView) !== null && _d !== void 0 ? _d : 1, draggable: (_e = rest === null || rest === void 0 ? void 0 : rest.draggable) !== null && _e !== void 0 ? _e : true, className: classNames('dialog-images-dialog-images', styles.images, rest === null || rest === void 0 ? void 0 : rest.className) }), Children.map(rest === null || rest === void 0 ? void 0 : rest.children, function (child, index) {
-        if (isValidElement(child) && child.type === DialogImagesDialogImagesImage) {
-            return (React.createElement(SwiperSlide, { key: index, className: classNames('dialog-images-dialog-images-slide', rest === null || rest === void 0 ? void 0 : rest.className) }, child));
-        }
-        return child;
-    })));
-}

package/components/overlays/dialogs/dialog/(images)/dialog/images/image/component.d.ts

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

package/components/overlays/dialogs/dialog/(images)/dialog/images/image/component.interface.d.ts

@@ -1,3 +0,0 @@
-import { ImageImageProps } from '../../../../../../../display/image/component/image/component.interface';
-export interface DialogImagesDialogImagesImageProps extends ImageImageProps {
-}

package/components/overlays/dialogs/dialog/(images)/index.d.ts

@@ -1,49 +0,0 @@
-import { DialogBackdrop as ParentDialogBackdrop } from '../component/backdrop/component';
-import { DialogBackdropProps as ParentDialogBackdropProps } from '../component/backdrop/component.interface';
-import { DialogProps as ParentDialogProps } from '../component/component.interface';
-import { DialogContextProps as ParentDialogContextProps } from '../component/context/component.interface';
-import { DialogDialogBodyProps as ParentDialogBodyProps } from '../component/dialog/body/component.interface';
-import { DialogDialogFooterProps as ParentDialogFooterProps } from '../component/dialog/footer/component.interface';
-import { DialogDialogHeaderProps as ParentDialogHeaderProps } from '../component/dialog/header/component.interface';
-import { DialogImagesDialog } from './dialog/component';
-import { DialogImagesDialogProps } from './dialog/component.interface';
-import { DialogImagesDialogImages } from './dialog/images/component';
-import { DialogImagesDialogImagesProps } from './dialog/images/component.interface';
-import { DialogImagesDialogImagesImage } from './dialog/images/image/component';
-import { DialogImagesDialogImagesImageProps } from './dialog/images/image/component.interface';
-export declare const DialogImages: ((props: ParentDialogProps) => import("react").JSX.Element) & {
-    Context: import("react").Context<ParentDialogContextProps | null>;
-    Backdrop: typeof ParentDialogBackdrop;
-    Dialog: typeof DialogImagesDialog & {
-        Images: typeof DialogImagesDialogImages & {
-            Image: typeof DialogImagesDialogImagesImage;
-        };
-    };
-};
-export declare namespace Dialog {
-    type Props = ParentDialogProps;
-    namespace Context {
-        type Props = ParentDialogContextProps;
-    }
-    namespace Backdrop {
-        type Props = ParentDialogBackdropProps;
-    }
-    namespace Dialog {
-        type Props = DialogImagesDialogProps;
-        namespace Header {
-            type Props = ParentDialogHeaderProps;
-        }
-        namespace Body {
-            type Props = ParentDialogBodyProps;
-        }
-        namespace Footer {
-            type Props = ParentDialogFooterProps;
-        }
-        namespace Images {
-            type Props = DialogImagesDialogImagesProps;
-            namespace Image {
-                type Props = DialogImagesDialogImagesImageProps;
-            }
-        }
-    }
-}

package/components/overlays/dialogs/dialog/(images)/index.js

@@ -1,16 +0,0 @@
-import { DialogBackdrop as ParentDialogBackdrop } from '../component/backdrop/component';
-import { Dialog as ParentDialog } from '../component/component';
-import { DialogContext as ParentDialogContext } from '../component/context/component';
-import { DialogImagesDialog } from './dialog/component';
-import { DialogImagesDialogImages } from './dialog/images/component';
-import { DialogImagesDialogImagesImage } from './dialog/images/image/component';
-var ChildDialog = function (props) { return ParentDialog(props); };
-export var DialogImages = Object.assign(ChildDialog, {
-    Context: ParentDialogContext,
-    Backdrop: ParentDialogBackdrop,
-    Dialog: Object.assign(DialogImagesDialog, {
-        Images: Object.assign(DialogImagesDialogImages, {
-            Image: DialogImagesDialogImagesImage,
-        }),
-    }),
-});

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

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

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

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

package/components/overlays/dialogs/dialog/component/backdrop/component.js

@@ -1,39 +0,0 @@
-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-components/react/dialog';
-import classNames from 'classnames';
-import React, { useContext } from 'react';
-import styles from '../component.module.css';
-import { DialogContext } from '../context/component';
-export function DialogBackdrop(_a) {
-    var _b;
-    var rest = __rest(_a, []);
-    var context = useContext(DialogContext);
-    if (!context) {
-        throw new Error('Dialog.Backdrop must be used within a Dialog.Context');
-    }
-    var _c = context, styleVars = _c.styleVars, isDragging = _c.isDragging;
-    return (React.createElement(BaseUiDialog.Backdrop, __assign({}, rest, { style: __assign(__assign({}, rest === null || rest === void 0 ? void 0 : rest.style), styleVars), className: classNames('mosuk-dialog-backdrop', styles.backdrop, (_b = {},
-            _b[styles.dragging] = isDragging,
-            _b), rest === null || rest === void 0 ? void 0 : rest.className) })));
-}

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

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

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

@@ -1,8 +0,0 @@
-import { Dialog } from '@base-ui-components/react/dialog';
-import { RefObject } from 'react';
-export interface DialogProps extends Dialog.Root.Props {
-    ref?: RefObject<HTMLDivElement | null>;
-    container?: Dialog.Portal.Props['container'];
-    keepMounted?: boolean;
-    children?: React.ReactNode;
-}

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

@@ -1,139 +0,0 @@
-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-components/react/dialog';
-import React, { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
-import { DialogContext } from './context/component';
-export function Dialog(_a) {
-    var _b;
-    var keepMounted = _a.keepMounted, container = _a.container, rest = __rest(_a, ["keepMounted", "container"]);
-    var popupRef = useRef(null);
-    var _c = useState(1), progress = _c[0], setProgress = _c[1];
-    var _d = useState({
-        isDragging: false,
-        startY: 0,
-        isTouch: false,
-    }), dragState = _d[0], setDragState = _d[1];
-    var isDragging = dragState.isDragging, startY = dragState.startY, isTouch = dragState.isTouch;
-    var applyProgress = useCallback(function (value) {
-        setProgress(value);
-    }, []);
-    var handleOpenChange = useCallback(function (open, eventDetails) {
-        var _a;
-        (_a = rest === null || rest === void 0 ? void 0 : rest.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(rest, open, eventDetails);
-    }, [rest === null || rest === void 0 ? void 0 : rest.onOpenChange]);
-    useEffect(function () {
-        if (rest === null || rest === void 0 ? void 0 : rest.open) {
-            setProgress(0);
-            requestAnimationFrame(function () { return setProgress(1); });
-        }
-        else {
-            setProgress(0);
-        }
-    }, [rest === null || rest === void 0 ? void 0 : rest.open]);
-    var calculateProgress = useCallback(function (clientY) {
-        if (!startY || !popupRef.current)
-            return 1;
-        var delta = clientY - startY;
-        var height = popupRef.current.getBoundingClientRect().height || 0;
-        if (height === 0 || delta <= 0)
-            return 1;
-        return Math.max(0, Math.min(1, 1 - delta / height));
-    }, [startY]);
-    var handleTouchStart = useCallback(function (e) {
-        var now = Date.now();
-        e._lastClick = now;
-        var isTouchEvent = 'touches' in e;
-        var clientY = isTouchEvent ? e.touches[0].clientY : e.clientY;
-        setDragState({
-            isDragging: true,
-            startY: clientY,
-            isTouch: isTouchEvent,
-        });
-    }, [rest === null || rest === void 0 ? void 0 : rest.onOpenChange]);
-    var handleDragMove = useCallback(function (clientY) {
-        if (!isDragging)
-            return;
-        var newProgress = calculateProgress(clientY);
-        applyProgress(newProgress);
-    }, [isDragging, calculateProgress, applyProgress]);
-    var handleDragEnd = useCallback(function (clientY) {
-        var _a;
-        if (!isDragging)
-            return;
-        setDragState(function (s) { return (__assign(__assign({}, s), { isDragging: false })); });
-        if (clientY !== undefined)
-            handleDragMove(clientY);
-        if (progress < 0.5) {
-            (_a = rest === null || rest === void 0 ? void 0 : rest.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(rest, false, undefined);
-        }
-        else {
-            applyProgress(1);
-        }
-    }, [isDragging, handleDragMove, progress, applyProgress, rest === null || rest === void 0 ? void 0 : rest.onOpenChange]);
-    useEffect(function () {
-        if (!isDragging)
-            return;
-        var move = function (e) {
-            handleDragMove(e.clientY);
-        };
-        var touchMove = function (e) {
-            if (e.touches.length > 0) {
-                handleDragMove(e.touches[0].clientY);
-            }
-        };
-        var end = function (e) {
-            handleDragEnd(e.clientY);
-        };
-        var touchEnd = function (e) {
-            if (e.changedTouches.length > 0) {
-                handleDragEnd(e.changedTouches[0].clientY);
-            }
-        };
-        document.addEventListener('mousemove', move);
-        document.addEventListener('mouseup', end);
-        document.addEventListener('touchmove', touchMove, { passive: false });
-        document.addEventListener('touchend', touchEnd);
-        return function () {
-            document.removeEventListener('mousemove', move);
-            document.removeEventListener('mouseup', end);
-            document.removeEventListener('touchmove', touchMove);
-            document.removeEventListener('touchend', touchEnd);
-        };
-    }, [isDragging, handleDragMove, handleDragEnd]);
-    // * Styles
-    var styleVars = useMemo(function () {
-        return ({
-            '--progress': progress,
-        });
-    }, [progress]);
-    return (React.createElement(DialogContext.Provider, { value: {
-            styleVars: styleVars,
-            popupRef: popupRef,
-            isDragging: isDragging,
-            handleTouchStart: handleTouchStart,
-            onOpenChange: handleOpenChange,
-            open: rest === null || rest === void 0 ? void 0 : rest.open,
-        } },
-        React.createElement(BaseUiDialog.Root, __assign({}, rest, { modal: (_b = rest === null || rest === void 0 ? void 0 : rest.modal) !== null && _b !== void 0 ? _b : true, open: rest === null || rest === void 0 ? void 0 : rest.open, onOpenChange: rest === null || rest === void 0 ? void 0 : rest.onOpenChange }),
-            React.createElement(BaseUiDialog.Portal, { container: container !== null && container !== void 0 ? container : undefined, keepMounted: keepMounted !== null && keepMounted !== void 0 ? keepMounted : false }, rest === null || rest === void 0 ? void 0 : rest.children))));
-}

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

@@ -1,211 +0,0 @@
-@layer mosuk-ui {
-    @layer index-17 {
-        .backdrop {
-            position: fixed;
-            inset: 0;
-            z-index: 200;
-
-            background-color: rgba(0, 0, 0, calc(var(--progress, 0) * 0.025));
-            backdrop-filter: blur(calc(var(--progress, 0) * 4px));
-
-            transition: all 300ms ease-in-out;
-
-            &.dragging {
-                transition: all 0ms;
-            }
-        }
-
-        .dialog {
-            overflow: hidden;
-
-            position: fixed;
-            inset: 0;
-            z-index: 200;
-
-            width: 100%;
-            height: fit-content;
-            max-height: calc(100% - calc(var(--spacing, 0.25rem) * 16));
-
-            background-color: rgba(255, 255, 255, 1);
-            backdrop-filter: blur(8px);
-
-            margin: auto auto 0 auto;
-            border: 1px solid var(--color-gray-100, oklch(0.967 0.003 264.542));
-            border-top-left-radius: var(--radius-2xl, 1rem);
-            border-top-right-radius: var(--radius-2xl, 1rem);
-            outline: none;
-
-            box-shadow: 0 25px 50px -12px rgba(243, 244, 246, var(--tw-shadow-alpha, 0.5));
-
-            transform: translateY(calc((1 - var(--progress, 0)) * 100%));
-            transition: all 300ms ease-in-out;
-
-            &::-webkit-scrollbar {
-                display: none;
-            }
-
-            .gesture {
-                position: fixed;
-                inset: 0;
-                z-index: 202;
-
-                width: calc(var(--spacing, 0.25rem) * 40);
-                height: calc(var(--spacing, 0.25rem) * 8);
-
-                margin-left: auto;
-                margin-right: auto;
-
-                outline: none;
-                touch-action: none;
-                user-select: none;
-                cursor: grab;
-
-                .line {
-                    display: block;
-
-                    width: calc(var(--spacing, 0.25rem) * 20);
-                    height: calc(var(--spacing, 0.25rem) * 0.75);
-
-                    background-color: var(--color-gray-300, oklch(0.872 0.01 258.338));
-
-                    margin-top: calc(var(--spacing, 0.25rem) * 1.75);
-                    margin-left: auto;
-                    margin-right: auto;
-                    border-radius: 9999px;
-
-                    transition: all 0.2s ease-in-out;
-                }
-
-                &:hover {
-                    .line {
-                        background-color: var(--color-gray-400, oklch(0.707 0.022 261.325));
-                    }
-                }
-
-                &:not(:hover) {
-                    .line {
-                        transition: all 600ms ease-in-out;
-                    }
-                }
-            }
-
-            .header {
-                position: absolute;
-                top: 0;
-                left: 0;
-                z-index: 201;
-
-                display: block;
-
-                width: 100%;
-
-                background-color: rgba(255, 255, 255, 0.7);
-                backdrop-filter: blur(12px);
-
-                padding: calc(var(--spacing, 0.25rem) * 3) calc(var(--spacing, 0.25rem) * 4);
-                border-bottom: 1px solid var(--color-gray-100, oklch(0.967 0.003 264.542));
-            }
-
-            .body {
-                overflow-x: hidden;
-                overflow-y: auto;
-
-                display: block;
-
-                height: fit-content;
-                max-height: calc(var(--window-height, 100vh) - calc(var(--spacing, 0.25rem) * 16));
-
-                padding: calc(var(--spacing, 0.25rem) * 4) calc(var(--spacing, 0.25rem) * 2) calc(var(--spacing, 0.25rem) * 4);
-                margin: 0 calc(var(--spacing, 0.25rem) * 2);
-
-                &::-webkit-scrollbar {
-                    width: calc(var(--spacing, .25rem) * 1);
-                }
-
-                &::-webkit-scrollbar-track {
-                    margin: calc(var(--header-height, 0px) + var(--spacing, 0.25rem) * 4 + var(--spacing, 0.25rem) * 4) calc(var(--spacing, 0.25rem) * 4) calc(var(--footer-height, 0px) + var(--spacing, 0.25rem) * 4 + var(--spacing, 0.25rem) * 4);
-                }
-            }
-
-            .footer {
-                position: absolute;
-                bottom: 0;
-                left: 0;
-                z-index: 201;
-
-                display: block;
-
-                width: 100%;
-
-                background-color: rgba(255, 255, 255, 0.7);
-                backdrop-filter: blur(12px);
-
-                padding: calc(var(--spacing, 0.25rem) * 4);
-                border-top: 1px solid var(--color-gray-100, oklch(0.967 0.003 264.542));
-            }
-
-            &.dragging {
-                transition: all 0ms;
-            }
-
-            &:has(.header) {
-                .body {
-                    padding-top: calc(var(--header-height, 0px) + var(--spacing, 0.25rem) * 4);
-                }
-            }
-
-            &:has(.footer) {
-                .body {
-                    padding-bottom: calc(var(--footer-height, 0px) + var(--spacing, 0.25rem) * 4);
-                }
-            }
-        }
-
-        @media (min-width: 1025px) {
-            .dialog {
-                max-width: var(--container-lg, 512px);
-                max-height: calc(100% - calc(var(--spacing, 0.25rem) * 32));
-
-                margin: auto;
-                border-radius: var(--radius-3xl, 1.5rem);
-
-                scale: calc((0.8 + (var(--progress, 0)) * 0.2));
-                opacity: calc((0 + (var(--progress, 0)) * 1));
-
-                transform: unset;
-
-                .gesture {
-                    display: none;
-                    opacity: 0;
-                }
-
-                .header {
-                    padding: calc(var(--spacing, 0.25rem) * 4) calc(var(--spacing, 0.25rem) * 4);
-                }
-
-                .body {
-                    max-height: calc(var(--window-height, 100vh) - calc(var(--spacing, 0.25rem) * 32));
-
-                    padding: calc(var(--spacing, 0.25rem) * 4) calc(var(--spacing, 0.25rem) * 2) calc(var(--spacing, 0.25rem) * 4);
-                    margin: 0 calc(var(--spacing, 0.25rem) * 2);
-                }
-
-                .footer {
-                    padding: calc(var(--spacing, 0.25rem) * 4) calc(var(--spacing, 0.25rem) * 4);
-                }
-
-                &:has(.header) {
-                    .body {
-                        padding-top: calc(var(--header-height, 0px) + var(--spacing, 0.25rem) * 7);
-                    }
-                }
-
-                &:has(.footer) {
-                    .body {
-                        padding-bottom: calc(var(--footer-height, 0px) + var(--spacing, 0.25rem) * 7);
-                    }
-                }
-            }
-        }
-    }
-}

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

@@ -1,2 +0,0 @@
-import { DialogContextProps } from './component.interface';
-export declare const DialogContext: import("react").Context<DialogContextProps | null>;

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

@@ -1,9 +0,0 @@
-import { CSSProperties, MouseEvent, RefObject, TouchEvent } from 'react';
-export interface DialogContextProps {
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    styleVars: CSSProperties;
-    popupRef: RefObject<HTMLDivElement | null>;
-    isDragging: boolean;
-    handleTouchStart: (e: TouchEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => void;
-}

package/components/overlays/dialogs/dialog/component/context/component.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export var DialogContext = createContext(null);