@onereach/ui-components 4.17.1-beta.3096.0 → 4.18.0

package/dist/esm/v3/components/or-bottom-sheet-v3/hooks/useBottomSheetSwipeState.d.ts

@@ -1,530 +0,0 @@
-import { Ref } from 'vue-demi';
-import { BottomSheetVariant } from '../props';
-declare function useBottomSheetSwipeState(root: Ref<HTMLElement | undefined>, content: Ref<HTMLElement | undefined>, fullscreen: Ref<boolean>, variant: Ref<`${BottomSheetVariant}`>, close: () => void): {
-    rootInlineStyles: import("vue-demi").ComputedRef<{
-        [x: number]: string | undefined;
-        accentColor?: string | undefined;
-        alignContent?: string | undefined;
-        alignItems?: string | undefined;
-        alignSelf?: string | undefined;
-        alignmentBaseline?: string | undefined;
-        all?: string | undefined;
-        animation?: string | undefined;
-        animationDelay?: string | undefined;
-        animationDirection?: string | undefined;
-        animationDuration?: string | undefined;
-        animationFillMode?: string | undefined;
-        animationIterationCount?: string | undefined;
-        animationName?: string | undefined;
-        animationPlayState?: string | undefined;
-        animationTimingFunction?: string | undefined;
-        appearance?: string | undefined;
-        aspectRatio?: string | undefined;
-        backdropFilter?: string | undefined;
-        backfaceVisibility?: string | undefined;
-        background?: string | undefined;
-        backgroundAttachment?: string | undefined;
-        backgroundBlendMode?: string | undefined;
-        backgroundClip?: string | undefined;
-        backgroundColor?: string | undefined;
-        backgroundImage?: string | undefined;
-        backgroundOrigin?: string | undefined;
-        backgroundPosition?: string | undefined;
-        backgroundPositionX?: string | undefined;
-        backgroundPositionY?: string | undefined;
-        backgroundRepeat?: string | undefined;
-        backgroundSize?: string | undefined;
-        baselineShift?: string | undefined;
-        blockSize?: string | undefined;
-        border?: string | undefined;
-        borderBlock?: string | undefined;
-        borderBlockColor?: string | undefined;
-        borderBlockEnd?: string | undefined;
-        borderBlockEndColor?: string | undefined;
-        borderBlockEndStyle?: string | undefined;
-        borderBlockEndWidth?: string | undefined;
-        borderBlockStart?: string | undefined;
-        borderBlockStartColor?: string | undefined;
-        borderBlockStartStyle?: string | undefined;
-        borderBlockStartWidth?: string | undefined;
-        borderBlockStyle?: string | undefined;
-        borderBlockWidth?: string | undefined;
-        borderBottom?: string | undefined;
-        borderBottomColor?: string | undefined;
-        borderBottomLeftRadius?: string | undefined;
-        borderBottomRightRadius?: string | undefined;
-        borderBottomStyle?: string | undefined;
-        borderBottomWidth?: string | undefined;
-        borderCollapse?: string | undefined;
-        borderColor?: string | undefined;
-        borderEndEndRadius?: string | undefined;
-        borderEndStartRadius?: string | undefined;
-        borderImage?: string | undefined;
-        borderImageOutset?: string | undefined;
-        borderImageRepeat?: string | undefined;
-        borderImageSlice?: string | undefined;
-        borderImageSource?: string | undefined;
-        borderImageWidth?: string | undefined;
-        borderInline?: string | undefined;
-        borderInlineColor?: string | undefined;
-        borderInlineEnd?: string | undefined;
-        borderInlineEndColor?: string | undefined;
-        borderInlineEndStyle?: string | undefined;
-        borderInlineEndWidth?: string | undefined;
-        borderInlineStart?: string | undefined;
-        borderInlineStartColor?: string | undefined;
-        borderInlineStartStyle?: string | undefined;
-        borderInlineStartWidth?: string | undefined;
-        borderInlineStyle?: string | undefined;
-        borderInlineWidth?: string | undefined;
-        borderLeft?: string | undefined;
-        borderLeftColor?: string | undefined;
-        borderLeftStyle?: string | undefined;
-        borderLeftWidth?: string | undefined;
-        borderRadius?: string | undefined;
-        borderRight?: string | undefined;
-        borderRightColor?: string | undefined;
-        borderRightStyle?: string | undefined;
-        borderRightWidth?: string | undefined;
-        borderSpacing?: string | undefined;
-        borderStartEndRadius?: string | undefined;
-        borderStartStartRadius?: string | undefined;
-        borderStyle?: string | undefined;
-        borderTop?: string | undefined;
-        borderTopColor?: string | undefined;
-        borderTopLeftRadius?: string | undefined;
-        borderTopRightRadius?: string | undefined;
-        borderTopStyle?: string | undefined;
-        borderTopWidth?: string | undefined;
-        borderWidth?: string | undefined;
-        bottom?: string | undefined;
-        boxShadow?: string | undefined;
-        boxSizing?: string | undefined;
-        breakAfter?: string | undefined;
-        breakBefore?: string | undefined;
-        breakInside?: string | undefined;
-        captionSide?: string | undefined;
-        caretColor?: string | undefined;
-        clear?: string | undefined;
-        clip?: string | undefined;
-        clipPath?: string | undefined;
-        clipRule?: string | undefined;
-        color?: string | undefined;
-        colorInterpolation?: string | undefined;
-        colorInterpolationFilters?: string | undefined;
-        colorScheme?: string | undefined;
-        columnCount?: string | undefined;
-        columnFill?: string | undefined;
-        columnGap?: string | undefined;
-        columnRule?: string | undefined;
-        columnRuleColor?: string | undefined;
-        columnRuleStyle?: string | undefined;
-        columnRuleWidth?: string | undefined;
-        columnSpan?: string | undefined;
-        columnWidth?: string | undefined;
-        columns?: string | undefined;
-        contain?: string | undefined;
-        container?: string | undefined;
-        containerName?: string | undefined;
-        containerType?: string | undefined;
-        content?: string | undefined;
-        counterIncrement?: string | undefined;
-        counterReset?: string | undefined;
-        counterSet?: string | undefined;
-        cssFloat?: string | undefined;
-        cssText?: string | undefined;
-        cursor?: string | undefined;
-        direction?: string | undefined;
-        display?: string | undefined;
-        dominantBaseline?: string | undefined;
-        emptyCells?: string | undefined;
-        fill?: string | undefined;
-        fillOpacity?: string | undefined;
-        fillRule?: string | undefined;
-        filter?: string | undefined;
-        flex?: string | undefined;
-        flexBasis?: string | undefined;
-        flexDirection?: string | undefined;
-        flexFlow?: string | undefined;
-        flexGrow?: string | undefined;
-        flexShrink?: string | undefined;
-        flexWrap?: string | undefined;
-        float?: string | undefined;
-        floodColor?: string | undefined;
-        floodOpacity?: string | undefined;
-        font?: string | undefined;
-        fontFamily?: string | undefined;
-        fontFeatureSettings?: string | undefined;
-        fontKerning?: string | undefined;
-        fontOpticalSizing?: string | undefined;
-        fontPalette?: string | undefined;
-        fontSize?: string | undefined;
-        fontSizeAdjust?: string | undefined;
-        fontStretch?: string | undefined;
-        fontStyle?: string | undefined;
-        fontSynthesis?: string | undefined;
-        fontVariant?: string | undefined;
-        fontVariantAlternates?: string | undefined;
-        fontVariantCaps?: string | undefined;
-        fontVariantEastAsian?: string | undefined;
-        fontVariantLigatures?: string | undefined;
-        fontVariantNumeric?: string | undefined;
-        fontVariantPosition?: string | undefined;
-        fontVariationSettings?: string | undefined;
-        fontWeight?: string | undefined;
-        gap?: string | undefined;
-        grid?: string | undefined;
-        gridArea?: string | undefined;
-        gridAutoColumns?: string | undefined;
-        gridAutoFlow?: string | undefined;
-        gridAutoRows?: string | undefined;
-        gridColumn?: string | undefined;
-        gridColumnEnd?: string | undefined;
-        gridColumnGap?: string | undefined;
-        gridColumnStart?: string | undefined;
-        gridGap?: string | undefined;
-        gridRow?: string | undefined;
-        gridRowEnd?: string | undefined;
-        gridRowGap?: string | undefined;
-        gridRowStart?: string | undefined;
-        gridTemplate?: string | undefined;
-        gridTemplateAreas?: string | undefined;
-        gridTemplateColumns?: string | undefined;
-        gridTemplateRows?: string | undefined;
-        height?: string | undefined;
-        hyphenateCharacter?: string | undefined;
-        hyphens?: string | undefined;
-        imageOrientation?: string | undefined;
-        imageRendering?: string | undefined;
-        inlineSize?: string | undefined;
-        inset?: string | undefined;
-        insetBlock?: string | undefined;
-        insetBlockEnd?: string | undefined;
-        insetBlockStart?: string | undefined;
-        insetInline?: string | undefined;
-        insetInlineEnd?: string | undefined;
-        insetInlineStart?: string | undefined;
-        isolation?: string | undefined;
-        justifyContent?: string | undefined;
-        justifyItems?: string | undefined;
-        justifySelf?: string | undefined;
-        left?: string | undefined;
-        readonly length?: number | undefined;
-        letterSpacing?: string | undefined;
-        lightingColor?: string | undefined;
-        lineBreak?: string | undefined;
-        lineHeight?: string | undefined;
-        listStyle?: string | undefined;
-        listStyleImage?: string | undefined;
-        listStylePosition?: string | undefined;
-        listStyleType?: string | undefined;
-        margin?: string | undefined;
-        marginBlock?: string | undefined;
-        marginBlockEnd?: string | undefined;
-        marginBlockStart?: string | undefined;
-        marginBottom?: string | undefined;
-        marginInline?: string | undefined;
-        marginInlineEnd?: string | undefined;
-        marginInlineStart?: string | undefined;
-        marginLeft?: string | undefined;
-        marginRight?: string | undefined;
-        marginTop?: string | undefined;
-        marker?: string | undefined;
-        markerEnd?: string | undefined;
-        markerMid?: string | undefined;
-        markerStart?: string | undefined;
-        mask?: string | undefined;
-        maskClip?: string | undefined;
-        maskComposite?: string | undefined;
-        maskImage?: string | undefined;
-        maskMode?: string | undefined;
-        maskOrigin?: string | undefined;
-        maskPosition?: string | undefined;
-        maskRepeat?: string | undefined;
-        maskSize?: string | undefined;
-        maskType?: string | undefined;
-        maxBlockSize?: string | undefined;
-        maxHeight?: string | undefined;
-        maxInlineSize?: string | undefined;
-        maxWidth?: string | undefined;
-        minBlockSize?: string | undefined;
-        minHeight?: string | undefined;
-        minInlineSize?: string | undefined;
-        minWidth?: string | undefined;
-        mixBlendMode?: string | undefined;
-        objectFit?: string | undefined;
-        objectPosition?: string | undefined;
-        offset?: string | undefined;
-        offsetDistance?: string | undefined;
-        offsetPath?: string | undefined;
-        offsetRotate?: string | undefined;
-        opacity?: string | undefined;
-        order?: string | undefined;
-        orphans?: string | undefined;
-        outline?: string | undefined;
-        outlineColor?: string | undefined;
-        outlineOffset?: string | undefined;
-        outlineStyle?: string | undefined;
-        outlineWidth?: string | undefined;
-        overflow?: string | undefined;
-        overflowAnchor?: string | undefined;
-        overflowClipMargin?: string | undefined;
-        overflowWrap?: string | undefined;
-        overflowX?: string | undefined;
-        overflowY?: string | undefined;
-        overscrollBehavior?: string | undefined;
-        overscrollBehaviorBlock?: string | undefined;
-        overscrollBehaviorInline?: string | undefined;
-        overscrollBehaviorX?: string | undefined;
-        overscrollBehaviorY?: string | undefined;
-        padding?: string | undefined;
-        paddingBlock?: string | undefined;
-        paddingBlockEnd?: string | undefined;
-        paddingBlockStart?: string | undefined;
-        paddingBottom?: string | undefined;
-        paddingInline?: string | undefined;
-        paddingInlineEnd?: string | undefined;
-        paddingInlineStart?: string | undefined;
-        paddingLeft?: string | undefined;
-        paddingRight?: string | undefined;
-        paddingTop?: string | undefined;
-        pageBreakAfter?: string | undefined;
-        pageBreakBefore?: string | undefined;
-        pageBreakInside?: string | undefined;
-        paintOrder?: string | undefined;
-        readonly parentRule?: {
-            cssText: string;
-            readonly parentRule: any | null;
-            readonly parentStyleSheet: {
-                readonly cssRules: {
-                    [x: number]: any;
-                    readonly length: number;
-                    item: (index: number) => CSSRule | null;
-                    [Symbol.iterator]: () => IterableIterator<CSSRule>;
-                };
-                readonly ownerRule: any | null;
-                readonly rules: {
-                    [x: number]: any;
-                    readonly length: number;
-                    item: (index: number) => CSSRule | null;
-                    [Symbol.iterator]: () => IterableIterator<CSSRule>;
-                };
-                addRule: (selector?: string | undefined, style?: string | undefined, index?: number | undefined) => number;
-                deleteRule: (index: number) => void;
-                insertRule: (rule: string, index?: number | undefined) => number;
-                removeRule: (index?: number | undefined) => void;
-                replace: (text: string) => Promise<CSSStyleSheet>;
-                replaceSync: (text: string) => void;
-                disabled: boolean;
-                readonly href: string | null;
-                readonly media: {
-                    [x: number]: string;
-                    readonly length: number;
-                    mediaText: string;
-                    toString: () => string;
-                    appendMedium: (medium: string) => void;
-                    deleteMedium: (medium: string) => void;
-                    item: (index: number) => string | null;
-                    [Symbol.iterator]: () => IterableIterator<string>;
-                };
-                readonly ownerNode: Element | ProcessingInstruction | null;
-                readonly parentStyleSheet: any | null;
-                readonly title: string | null;
-                readonly type: string;
-            } | null;
-            readonly type: number;
-            readonly CHARSET_RULE: number;
-            readonly FONT_FACE_RULE: number;
-            readonly IMPORT_RULE: number;
-            readonly KEYFRAMES_RULE: number;
-            readonly KEYFRAME_RULE: number;
-            readonly MEDIA_RULE: number;
-            readonly NAMESPACE_RULE: number;
-            readonly PAGE_RULE: number;
-            readonly STYLE_RULE: number;
-            readonly SUPPORTS_RULE: number;
-        } | null | undefined;
-        perspective?: string | undefined;
-        perspectiveOrigin?: string | undefined;
-        placeContent?: string | undefined;
-        placeItems?: string | undefined;
-        placeSelf?: string | undefined;
-        pointerEvents?: string | undefined;
-        position?: string | undefined;
-        printColorAdjust?: string | undefined;
-        quotes?: string | undefined;
-        resize?: string | undefined;
-        right?: string | undefined;
-        rotate?: string | undefined;
-        rowGap?: string | undefined;
-        rubyPosition?: string | undefined;
-        scale?: string | undefined;
-        scrollBehavior?: string | undefined;
-        scrollMargin?: string | undefined;
-        scrollMarginBlock?: string | undefined;
-        scrollMarginBlockEnd?: string | undefined;
-        scrollMarginBlockStart?: string | undefined;
-        scrollMarginBottom?: string | undefined;
-        scrollMarginInline?: string | undefined;
-        scrollMarginInlineEnd?: string | undefined;
-        scrollMarginInlineStart?: string | undefined;
-        scrollMarginLeft?: string | undefined;
-        scrollMarginRight?: string | undefined;
-        scrollMarginTop?: string | undefined;
-        scrollPadding?: string | undefined;
-        scrollPaddingBlock?: string | undefined;
-        scrollPaddingBlockEnd?: string | undefined;
-        scrollPaddingBlockStart?: string | undefined;
-        scrollPaddingBottom?: string | undefined;
-        scrollPaddingInline?: string | undefined;
-        scrollPaddingInlineEnd?: string | undefined;
-        scrollPaddingInlineStart?: string | undefined;
-        scrollPaddingLeft?: string | undefined;
-        scrollPaddingRight?: string | undefined;
-        scrollPaddingTop?: string | undefined;
-        scrollSnapAlign?: string | undefined;
-        scrollSnapStop?: string | undefined;
-        scrollSnapType?: string | undefined;
-        scrollbarGutter?: string | undefined;
-        shapeImageThreshold?: string | undefined;
-        shapeMargin?: string | undefined;
-        shapeOutside?: string | undefined;
-        shapeRendering?: string | undefined;
-        stopColor?: string | undefined;
-        stopOpacity?: string | undefined;
-        stroke?: string | undefined;
-        strokeDasharray?: string | undefined;
-        strokeDashoffset?: string | undefined;
-        strokeLinecap?: string | undefined;
-        strokeLinejoin?: string | undefined;
-        strokeMiterlimit?: string | undefined;
-        strokeOpacity?: string | undefined;
-        strokeWidth?: string | undefined;
-        tabSize?: string | undefined;
-        tableLayout?: string | undefined;
-        textAlign?: string | undefined;
-        textAlignLast?: string | undefined;
-        textAnchor?: string | undefined;
-        textCombineUpright?: string | undefined;
-        textDecoration?: string | undefined;
-        textDecorationColor?: string | undefined;
-        textDecorationLine?: string | undefined;
-        textDecorationSkipInk?: string | undefined;
-        textDecorationStyle?: string | undefined;
-        textDecorationThickness?: string | undefined;
-        textEmphasis?: string | undefined;
-        textEmphasisColor?: string | undefined;
-        textEmphasisPosition?: string | undefined;
-        textEmphasisStyle?: string | undefined;
-        textIndent?: string | undefined;
-        textOrientation?: string | undefined;
-        textOverflow?: string | undefined;
-        textRendering?: string | undefined;
-        textShadow?: string | undefined;
-        textTransform?: string | undefined;
-        textUnderlineOffset?: string | undefined;
-        textUnderlinePosition?: string | undefined;
-        top?: string | undefined;
-        touchAction?: string | undefined;
-        transform?: string | undefined;
-        transformBox?: string | undefined;
-        transformOrigin?: string | undefined;
-        transformStyle?: string | undefined;
-        transition?: string | undefined;
-        transitionDelay?: string | undefined;
-        transitionDuration?: string | undefined;
-        transitionProperty?: string | undefined;
-        transitionTimingFunction?: string | undefined;
-        translate?: string | undefined;
-        unicodeBidi?: string | undefined;
-        userSelect?: string | undefined;
-        verticalAlign?: string | undefined;
-        visibility?: string | undefined;
-        webkitAlignContent?: string | undefined;
-        webkitAlignItems?: string | undefined;
-        webkitAlignSelf?: string | undefined;
-        webkitAnimation?: string | undefined;
-        webkitAnimationDelay?: string | undefined;
-        webkitAnimationDirection?: string | undefined;
-        webkitAnimationDuration?: string | undefined;
-        webkitAnimationFillMode?: string | undefined;
-        webkitAnimationIterationCount?: string | undefined;
-        webkitAnimationName?: string | undefined;
-        webkitAnimationPlayState?: string | undefined;
-        webkitAnimationTimingFunction?: string | undefined;
-        webkitAppearance?: string | undefined;
-        webkitBackfaceVisibility?: string | undefined;
-        webkitBackgroundClip?: string | undefined;
-        webkitBackgroundOrigin?: string | undefined;
-        webkitBackgroundSize?: string | undefined;
-        webkitBorderBottomLeftRadius?: string | undefined;
-        webkitBorderBottomRightRadius?: string | undefined;
-        webkitBorderRadius?: string | undefined;
-        webkitBorderTopLeftRadius?: string | undefined;
-        webkitBorderTopRightRadius?: string | undefined;
-        webkitBoxAlign?: string | undefined;
-        webkitBoxFlex?: string | undefined;
-        webkitBoxOrdinalGroup?: string | undefined;
-        webkitBoxOrient?: string | undefined;
-        webkitBoxPack?: string | undefined;
-        webkitBoxShadow?: string | undefined;
-        webkitBoxSizing?: string | undefined;
-        webkitFilter?: string | undefined;
-        webkitFlex?: string | undefined;
-        webkitFlexBasis?: string | undefined;
-        webkitFlexDirection?: string | undefined;
-        webkitFlexFlow?: string | undefined;
-        webkitFlexGrow?: string | undefined;
-        webkitFlexShrink?: string | undefined;
-        webkitFlexWrap?: string | undefined;
-        webkitJustifyContent?: string | undefined;
-        webkitLineClamp?: string | undefined;
-        webkitMask?: string | undefined;
-        webkitMaskBoxImage?: string | undefined;
-        webkitMaskBoxImageOutset?: string | undefined;
-        webkitMaskBoxImageRepeat?: string | undefined;
-        webkitMaskBoxImageSlice?: string | undefined;
-        webkitMaskBoxImageSource?: string | undefined;
-        webkitMaskBoxImageWidth?: string | undefined;
-        webkitMaskClip?: string | undefined;
-        webkitMaskComposite?: string | undefined;
-        webkitMaskImage?: string | undefined;
-        webkitMaskOrigin?: string | undefined;
-        webkitMaskPosition?: string | undefined;
-        webkitMaskRepeat?: string | undefined;
-        webkitMaskSize?: string | undefined;
-        webkitOrder?: string | undefined;
-        webkitPerspective?: string | undefined;
-        webkitPerspectiveOrigin?: string | undefined;
-        webkitTextFillColor?: string | undefined;
-        webkitTextSizeAdjust?: string | undefined;
-        webkitTextStroke?: string | undefined;
-        webkitTextStrokeColor?: string | undefined;
-        webkitTextStrokeWidth?: string | undefined;
-        webkitTransform?: string | undefined;
-        webkitTransformOrigin?: string | undefined;
-        webkitTransformStyle?: string | undefined;
-        webkitTransition?: string | undefined;
-        webkitTransitionDelay?: string | undefined;
-        webkitTransitionDuration?: string | undefined;
-        webkitTransitionProperty?: string | undefined;
-        webkitTransitionTimingFunction?: string | undefined;
-        webkitUserSelect?: string | undefined;
-        whiteSpace?: string | undefined;
-        widows?: string | undefined;
-        width?: string | undefined;
-        willChange?: string | undefined;
-        wordBreak?: string | undefined;
-        wordSpacing?: string | undefined;
-        wordWrap?: string | undefined;
-        writingMode?: string | undefined;
-        zIndex?: string | undefined;
-        getPropertyPriority?: ((property: string) => string) | undefined;
-        getPropertyValue?: ((property: string) => string) | undefined;
-        item?: ((index: number) => string) | undefined;
-        removeProperty?: ((property: string) => string) | undefined;
-        setProperty?: ((property: string, value: string | null, priority?: string | undefined) => void) | undefined;
-        [Symbol.iterator]?: (() => IterableIterator<string>) | undefined;
-    }>;
-};
-export default useBottomSheetSwipeState;

package/src/components/or-bottom-sheet-v3/hooks/useBottomSheetSwipeState.ts

@@ -1,87 +0,0 @@
-import { ref, computed, Ref, unref } from 'vue-demi';
-import { usePointerSwipe, SwipeDirection } from '@vueuse/core';
-import { useTheme } from '../../../hooks';
-import { BottomSheetVariant } from '../props';
-
-function useBottomSheetSwipeState(
-  root: Ref<HTMLElement | undefined>,
-  content: Ref<HTMLElement | undefined>,
-  fullscreen: Ref<boolean>,
-  variant: Ref<`${BottomSheetVariant}`>,
-  close: () => void
-) {
-  const inlineSwipingStyles = ref<Partial<CSSStyleDeclaration>>({});
-  const skipSwipe = ref<boolean>(false);
-  const theme = useTheme();
-
-  const isEventSkipped = (event: Event): boolean => {
-    return variant.value === BottomSheetVariant.Basic || event.composedPath().includes(content.value!) && fullscreen.value;
-  };
-
-  const { isSwiping } = usePointerSwipe(root, {
-    threshold: 12,
-    onSwipe(event: PointerEvent): void {
-      skipSwipe.value = isEventSkipped(event);
-      if (variant.value === BottomSheetVariant.Advanced) {
-        const rootElement = unref(root)!;
-        inlineSwipingStyles.value = {
-          transitionProperty: 'none',
-          minHeight: `${rootElement.clientHeight - event.offsetY}px`,
-          maxHeight: `${rootElement.clientHeight - event.offsetY}px`,
-        };
-      }
-    },
-
-    onSwipeEnd(event: PointerEvent, direction: SwipeDirection): void {
-      if (isEventSkipped(event)) {
-        return;
-      }
-      if (variant.value === BottomSheetVariant.Advanced) {
-        switch (direction) {
-          case SwipeDirection.UP:
-            fullscreen.value = true;
-
-            break;
-
-          case SwipeDirection.DOWN:
-            if (fullscreen.value) {
-              fullscreen.value = false;
-            } else {
-              close();
-            }
-
-            break;
-        }
-      }
-    },
-  });
-
-  const rootInlineStyles = computed(() => {
-    if (variant.value === BottomSheetVariant.Basic) {
-      return {
-        transitionProperty: 'min-height, max-height',
-        minHeight: '0',
-        maxHeight: `calc(100% - ${theme.spacing.xl})`,
-      };
-    }
-    return isSwiping.value && !skipSwipe.value
-      ? inlineSwipingStyles.value
-      : fullscreen.value
-        ? {
-          transitionProperty: 'min-height, max-height',
-          minHeight: `calc(100% - ${theme.spacing.xl})`,
-          maxHeight: `calc(100% - ${theme.spacing.xl})`,
-        }
-        : {
-          transitionProperty: 'min-height, max-height',
-          minHeight: '0',
-          maxHeight: '50%',
-        };
-  });
-
-  return {
-    rootInlineStyles,
-  };
-}
-
-export default useBottomSheetSwipeState;