@onereach/ui-components 8.4.0-beta.3653.0 → 8.4.0

package/dist/bundled/v3/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.d.ts

@@ -0,0 +1,530 @@
+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/dist/bundled/v3/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -0,0 +1,71 @@
+import { ref, computed, unref } from 'vue-demi';
+import { n as usePointerSwipe, S as SwipeDirection } from '../../../index-06852368.js';
+import { BottomSheetVariant } from '../props.js';
+import { useTheme } from '../../../hooks/useTheme.js';
+
+function useBottomSheetSwipeState(root, content, fullscreen, variant, close) {
+  const inlineSwipingStyles = ref({});
+  const skipSwipe = ref(false);
+  const theme = useTheme();
+  const isEventSkipped = event => {
+    return variant.value === BottomSheetVariant.Basic || event.composedPath().includes(content.value) && fullscreen.value;
+  };
+  const {
+    isSwiping
+  } = usePointerSwipe(root, {
+    threshold: 12,
+    onSwipe(event) {
+      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, direction) {
+      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 { useBottomSheetSwipeState as default };

package/dist/bundled/v3/components/OrBottomSheetV3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrBottomSheetV3 } from './OrBottomSheet.vue';
+export * from './props';

package/dist/bundled/v3/components/OrBottomSheetV3/index.js

@@ -0,0 +1,2 @@
+export { BottomSheetVariant } from './props.js';
+export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-0cabf675.js';

package/dist/bundled/v3/components/OrBottomSheetV3/props.d.ts

@@ -0,0 +1,4 @@
+export declare enum BottomSheetVariant {
+    Basic = "basic",
+    Advanced = "advanced"
+}

package/dist/bundled/v3/components/OrBottomSheetV3/props.js

@@ -0,0 +1,7 @@
+var BottomSheetVariant;
+(function (BottomSheetVariant) {
+  BottomSheetVariant["Basic"] = "basic";
+  BottomSheetVariant["Advanced"] = "advanced";
+})(BottomSheetVariant || (BottomSheetVariant = {}));
+
+export { BottomSheetVariant };

package/dist/bundled/v3/components/OrBottomSheetV3/styles.d.ts

@@ -0,0 +1,6 @@
+import { BottomSheetVariant } from './props';
+export declare const BottomSheet: string[];
+export declare const BottomSheetVariants: Record<BottomSheetVariant, string[]>;
+export declare const BottomSheetHandle: string[];
+export declare const BottomSheetHeader: string[];
+export declare const BottomSheetContent: string[];

package/dist/bundled/v3/components/OrBottomSheetV3/styles.js

@@ -0,0 +1,48 @@
+import { BottomSheetVariant } from './props.js';
+
+const BottomSheet = [
+// Position
+'fixed', 'left-none', 'right-none', 'bottom-none',
+// Layout
+'layout-column',
+// Shape
+'rounded-t-lg',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark',
+// Typography
+'typography-body-2-regular',
+// Theme
+'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const BottomSheetVariants = {
+  [BottomSheetVariant.Basic]: [],
+  [BottomSheetVariant.Advanced]: [
+  // Box
+  'max-h-[50%]',
+  // Transition
+  'transition-[min-height]', 'transition-[max-height]']
+};
+const BottomSheetHandle = [
+// Layout
+'layout-row justify-center',
+// Interactivity
+'interactivity-drag',
+// Box
+'after:w-2xl', 'after:h-xs',
+// Spacing
+'px-sm', 'py-sm',
+// Shape
+'after:rounded-full',
+// Theme
+'after:bg-outline', 'after:dark:bg-outline'];
+const BottomSheetHeader = [
+// Layout (empty)
+'empty:hidden',
+// Spacing
+'px-lg', 'py-md',
+// Typography
+'typography-headline-3'];
+const BottomSheetContent = [
+// Layout
+'layout-column', 'grow'];
+
+export { BottomSheet, BottomSheetContent, BottomSheetHandle, BottomSheetHeader, BottomSheetVariants };