@onereach/ui-components 26.0.0 → 26.0.1-beta.5836.0

package/dist/esm/{OrResizeablePanel-BfuVn8Lq.mjs → OrResizeablePanel-D62tzOxs.mjs}

@@ -1,16 +1,16 @@
-import { usePopoverState as L } from "@onereach/ui-components-common/hooks";
-import { O } from "./OrIconButton-Ds8k8FmS.mjs";
-import { useDraggable as _ } from "@vueuse/core";
-import { defineComponent as $, ref as b, computed as l, toRef as N, watch as W, resolveComponent as D, openBlock as m, createElementBlock as d, normalizeClass as s, normalizeStyle as I, renderSlot as k, createElementVNode as j, createVNode as M, createCommentVNode as w } from "vue";
-import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-var i = /* @__PURE__ */ ((e) => (e.L = "l", e.M = "m", e.S = "s", e.None = "none", e))(i || {}), t = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e.Left = "left", e.Right = "right", e))(t || {});
-const V = [
+import { usePopoverState as $ } from "@onereach/ui-components-common/hooks";
+import { O as N } from "./OrIconButton-Ds8k8FmS.mjs";
+import { useDraggable as O } from "@vueuse/core";
+import { defineComponent as W, ref as b, computed as n, toRef as D, watch as I, resolveComponent as M, openBlock as c, createElementBlock as d, normalizeClass as i, normalizeStyle as j, renderSlot as p, createElementVNode as _, createVNode as E, createCommentVNode as w } from "vue";
+import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+var l = /* @__PURE__ */ ((e) => (e.L = "l", e.M = "m", e.S = "s", e.None = "none", e))(l || {}), t = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e.Left = "left", e.Right = "right", e))(t || {});
+const q = [
   // Layout
   "shrink-0",
   // Theme
   "theme-background-default",
   "dark:theme-background-default-dark"
-], q = {
+], A = {
   [t.Top]: [
     // Layout
     "layout-column"
@@ -31,29 +31,29 @@ const V = [
     // Box
     "h-full min-h-0"
   ]
-}, A = [
+}, F = [
   // Layout
   "layout-column grow",
   // Overflow
   "overflow-auto"
-], F = {
-  [i.L]: [
+], G = {
+  [l.L]: [
     // Spacing
     "px-lg",
     "py-lg"
   ],
-  [i.M]: [
+  [l.M]: [
     // Spacing
     "px-md",
     "py-md"
   ],
-  [i.S]: [
+  [l.S]: [
     // Spacing
     "px-sm",
     "py-sm"
   ],
-  [i.None]: []
-}, G = [], H = {
+  [l.None]: []
+}, H = [], J = {
   [t.Top]: [
     // Box
     "h-[calc(theme(spacing.md)+theme(spacing.sm))]"
@@ -70,7 +70,7 @@ const V = [
     // Box
     "w-[calc(theme(spacing.md)+theme(spacing.sm))]"
   ]
-}, J = [
+}, K = [
   // Position
   "relative",
   // Layout
@@ -86,7 +86,7 @@ const V = [
   // Theme (after, activated)
   "after:activated:border-primary-hover",
   "after:dark:activated:border-primary-hover-dark"
-], K = {
+], Q = {
   [t.Top]: [
     // Layout
     "flex flex-col justify-center",
@@ -131,7 +131,7 @@ const V = [
     // Theme (after)
     "after:border-l-1"
   ]
-}, Q = [
+}, U = [
   // Position
   "absolute",
   // Shape
@@ -146,7 +146,7 @@ const V = [
   "dark:theme-background-default-dark",
   "theme-border-outline-variant border-1",
   "dark:theme-border-outline-variant-dark"
-], U = {
+], X = {
   [t.Top]: [
     // Position
     "left-md"
@@ -163,7 +163,7 @@ const V = [
     // Position
     "top-md"
   ]
-}, X = [
+}, Y = [
   // Layout
   "shrink-0",
   // Overflow
@@ -175,7 +175,7 @@ const V = [
   // Theme
   "theme-border-outline-variant border-1",
   "dark:theme-border-outline-variant-dark"
-], Y = {
+], Z = {
   [t.Top]: [
     // Layout
     "layout-row",
@@ -204,10 +204,37 @@ const V = [
     "!border-r-0",
     "!border-y-0"
   ]
-}, Z = $({
+}, ee = [
+  // Layout
+  "layout-column",
+  "shrink-0",
+  // Overflow
+  "overflow-auto",
+  // Spacing
+  "px-md",
+  "py-md",
+  "gap-md"
+], te = {
+  [l.L]: [
+    // Box
+    "px-lg",
+    "py-lg"
+  ],
+  [l.M]: [
+    // Box
+    "px-md",
+    "py-md"
+  ],
+  [l.S]: [
+    // Box
+    "px-sm",
+    "py-sm"
+  ],
+  [l.None]: []
+}, oe = W({
   name: "OrResizeablePanel",
   components: {
-    OrIconButton: O
+    OrIconButton: N
   },
   props: {
     isOpen: {
@@ -228,7 +255,7 @@ const V = [
     },
     padding: {
       type: String,
-      default: () => i.M
+      default: () => l.M
     },
     placement: {
       type: String,
@@ -257,28 +284,31 @@ const V = [
     "close",
     "toggle"
   ],
-  setup(e, c) {
-    const y = b(), f = b(), p = l(() => [
+  setup(e, m) {
+    const h = b(), y = b(), g = n(() => [
       "or-resizeable-panel-v3",
-      ...V,
-      ...q[e.placement]
-    ]), g = l(() => [
-      ...A,
-      ...F[e.padding]
-    ]), h = l(() => [
-      ...G,
-      ...H[e.placement]
-    ]), v = l(() => [
-      ...J,
-      ...K[e.placement],
+      ...q,
+      ...A[e.placement]
+    ]), v = n(() => [
+      ...F,
+      ...G[e.padding]
+    ]), f = n(() => [
+      ...H,
+      ...J[e.placement]
+    ]), k = n(() => [
+      ...K,
+      ...Q[e.placement],
       ...!e.resizeable || e.collapsible && u.value === "closed" ? ["interactivity-none"] : []
-    ]), z = l(() => [
-      ...Q,
-      ...U[e.placement]
-    ]), B = l(() => [
-      ...X,
-      ...Y[e.placement]
-    ]), { state: u, open: S, close: R, toggle: C } = L(N(e, "isOpen"), c.emit), P = l(() => {
+    ]), z = n(() => [
+      ...U,
+      ...X[e.placement]
+    ]), B = n(() => [
+      ...Y,
+      ...Z[e.placement]
+    ]), S = n(() => [
+      ...ee,
+      ...te[e.padding]
+    ]), { state: u, open: R, close: C, toggle: P } = $(D(e, "isOpen"), m.emit), L = n(() => {
       if (u.value === "open")
         switch (e.placement) {
           case t.Top:
@@ -302,29 +332,29 @@ const V = [
             return "keyboard_arrow_left";
         }
       return "menu";
-    }), x = l(() => {
+    }), T = n(() => {
       switch (e.placement) {
         case t.Top:
         case t.Bottom:
           return "height";
       }
       return "width";
-    }), n = b(e.width);
-    W(() => e.width, (a) => {
-      n.value = a;
+    }), s = b(e.width);
+    I(() => e.width, (a) => {
+      s.value = a;
     });
-    let o = 0;
-    const { isDragging: T } = _(f, {
-      onStart: (a, r) => {
+    let r = 0;
+    const { isDragging: x } = O(y, {
+      onStart: (a, o) => {
         if (e.resizeable) {
           switch (e.placement) {
             case t.Top:
             case t.Bottom:
-              o = r.y;
+              r = o.y;
               break;
             case t.Left:
             case t.Right:
-              o = r.x;
+              r = o.x;
               break;
           }
           document.body.style.userSelect = "none";
@@ -332,22 +362,22 @@ const V = [
       },
       onMove: (a) => {
         if (e.resizeable) {
-          let r = 0;
+          let o = 0;
           switch (e.placement) {
             case t.Top:
-              r = n.value + (a.y - o), o = a.y;
+              o = s.value + (a.y - r), r = a.y;
               break;
             case t.Bottom:
-              r = n.value + (o - a.y), o = a.y;
+              o = s.value + (r - a.y), r = a.y;
               break;
             case t.Left:
-              r = n.value + (a.x - o), o = a.x;
+              o = s.value + (a.x - r), r = a.x;
               break;
             case t.Right:
-              r = n.value + (o - a.x), o = a.x;
+              o = s.value + (r - a.x), r = a.x;
               break;
           }
-          r < e.minWidth && (r = e.minWidth), r > e.maxWidth && (r = e.maxWidth), r !== n.value && c.emit("resize", n.value = r);
+          o < e.minWidth && (o = e.minWidth), o > e.maxWidth && (o = e.maxWidth), o !== s.value && m.emit("resize", s.value = o);
         }
       },
       onEnd: () => {
@@ -355,71 +385,77 @@ const V = [
       }
     });
     return {
-      root: y,
-      resizeBar: f,
-      rootStyles: p,
-      contentStyles: g,
-      contentPlaceholderStyles: h,
-      resizeBarStyles: v,
+      root: h,
+      resizeBar: y,
+      rootStyles: g,
+      contentStyles: v,
+      contentPlaceholderStyles: f,
+      resizeBarStyles: k,
       collapseButtonContainerStyles: z,
       toolbarStyles: B,
+      collapsedContentStyles: S,
       state: u,
-      open: S,
-      close: R,
-      toggle: C,
-      collapseButtonIcon: P,
-      currentDirection: x,
-      currentSize: n,
-      isDragging: T
+      open: R,
+      close: C,
+      toggle: P,
+      collapseButtonIcon: L,
+      currentDirection: T,
+      currentSize: s,
+      isDragging: x
     };
   }
-}), ee = ["activated"];
-function te(e, c, y, f, p, g) {
-  const h = D("OrIconButton");
-  return m(), d("div", {
+}), ae = ["activated"];
+function re(e, m, h, y, g, v) {
+  const f = M("OrIconButton");
+  return c(), d("div", {
     ref: "root",
-    class: s(e.rootStyles),
-    style: I({ [e.currentDirection]: !e.collapsible || e.state === "open" ? `${e.currentSize}px` : "auto" })
+    class: i(e.rootStyles),
+    style: j({ [e.currentDirection]: !e.collapsible || e.state === "open" ? `${e.currentSize}px` : "auto" })
   }, [
-    !e.collapsible || e.state === "open" ? (m(), d("div", {
+    !e.collapsible || e.state === "open" ? (c(), d("div", {
       key: 0,
-      class: s(e.contentStyles)
+      class: i(e.contentStyles)
     }, [
-      k(e.$slots, "default")
-    ], 2)) : (m(), d("div", {
+      p(e.$slots, "default")
+    ], 2)) : e.collapsible && e.state === "closed" && e.$slots.collapsedContent ? (c(), d("div", {
       key: 1,
-      class: s(e.contentPlaceholderStyles)
+      class: i(e.collapsedContentStyles)
+    }, [
+      p(e.$slots, "collapsedContent")
+    ], 2)) : (c(), d("div", {
+      key: 2,
+      class: i(e.contentPlaceholderStyles)
     }, null, 2)),
-    j("div", {
+    _("div", {
       ref: "resizeBar",
-      class: s(e.resizeBarStyles),
+      class: i(e.resizeBarStyles),
       activated: e.isDragging
     }, [
-      e.collapsible ? (m(), d("div", {
+      e.collapsible ? (c(), d("div", {
         key: 0,
-        class: s(e.collapseButtonContainerStyles)
+        class: i(e.collapseButtonContainerStyles)
       }, [
-        M(h, {
+        E(f, {
           "additional-styles": ["p-xs"],
           icon: e.collapseButtonIcon,
           color: "primary",
           size: "m",
-          onClick: c[0] || (c[0] = (v) => e.toggle())
+          onClick: m[0] || (m[0] = (k) => e.toggle())
         }, null, 8, ["icon"])
       ], 2)) : w("", !0)
-    ], 10, ee),
-    e.$slots.toolbar ? (m(), d("div", {
-      key: 2,
-      class: s(e.toolbarStyles)
+    ], 10, ae),
+    e.$slots.toolbar ? (c(), d("div", {
+      key: 3,
+      class: i(e.toolbarStyles)
     }, [
-      k(e.$slots, "toolbar")
+      p(e.$slots, "toolbar")
     ], 2)) : w("", !0)
   ], 6);
 }
-const se = /* @__PURE__ */ E(Z, [["render", te]]);
+const de = /* @__PURE__ */ V(oe, [["render", re]]);
 export {
-  se as O,
-  i as R,
+  de as O,
+  l as R,
   t as a
 };
-//# sourceMappingURL=OrResizeablePanel-BfuVn8Lq.mjs.map
+//# sourceMappingURL=OrResizeablePanel-D62tzOxs.mjs.map

package/dist/esm/OrResizeablePanel-D62tzOxs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrResizeablePanel-D62tzOxs.mjs","sources":["../../../components/or-resizeable-panel-v3/src/props.ts","../../../components/or-resizeable-panel-v3/src/styles.ts","../../../components/or-resizeable-panel-v3/src/OrResizeablePanel.vue"],"sourcesContent":["export enum ResizeablePanelPadding {\n  L = 'l',\n  M = 'm',\n  S = 's',\n  None = 'none',\n}\n\nexport enum ResizeablePanelPlacement {\n  Top = 'top',\n  Bottom = 'bottom',\n  Left = 'left',\n  Right = 'right',\n}\n","import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\n\nexport const ResizeablePanel: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n\nexport const ResizeablePanelPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'layout-column',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'layout-column-reverse',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'layout-row !items-stretch',\n\n    // Box\n    'h-full min-h-0',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'layout-row-reverse !items-stretch',\n\n    // Box\n    'h-full min-h-0',\n  ],\n};\n\nexport const ResizeablePanelContent: string[] = [\n  // Layout\n  'layout-column grow',\n\n  // Overflow\n  'overflow-auto',\n];\n\nexport const ResizeablePanelContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Spacing\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Spacing\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Spacing\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const ResizeablePanelContentPlaceholder: string[] = [];\n\nexport const ResizeablePanelContentPlaceholderPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Box\n    'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Box\n    'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Box\n    'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Box\n    'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n};\n\nexport const ResizeablePanelResizeBar: string[] = [\n  // Position\n  'relative',\n\n  // Layout\n  'shrink-0',\n\n  // Layout (after)\n  'after:block',\n\n  // Theme (after)\n  'after:border-outline-variant',\n  'after:dark:border-outline-variant-dark',\n\n  // Theme (after, hover)\n  'after:hover:border-primary-hover',\n  'after:dark:hover:border-primary-hover-dark',\n\n  // Theme (after, activated)\n  'after:activated:border-primary-hover',\n  'after:dark:activated:border-primary-hover-dark',\n];\n\nexport const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'flex flex-col justify-center',\n\n    // Interactivity\n    'interactivity-resize-row',\n\n    // Spacing\n    '-my-[calc(theme(spacing.md)/2)]',\n    'py-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-b-1',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'flex flex-col justify-center',\n\n    // Interactivity\n    'interactivity-resize-row',\n\n    // Spacing\n    '-my-[calc(theme(spacing.md)/2)]',\n    'py-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-t-1',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'flex flex-row justify-center',\n\n    // Interactivity\n    'interactivity-resize-column',\n\n    // Spacing\n    '-mx-[calc(theme(spacing.md)/2)]',\n    'px-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-r-1',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'flex flex-row justify-center',\n\n    // Interactivity\n    'interactivity-resize-column',\n\n    // Spacing\n    '-mx-[calc(theme(spacing.md)/2)]',\n    'px-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-l-1',\n  ],\n};\n\nexport const ResizeablePanelCollapseButtonContainer: string[] = [\n  // Position\n  'absolute',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-fit',\n  'h-fit',\n\n  // Typography\n  'leading-[0]',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline-variant border-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelCollapseButtonContainerPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Position\n    'left-md',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Position\n    'left-md',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Position\n    'top-md',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Position\n    'top-md',\n  ],\n};\n\nexport const ResizeablePanelToolbar: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-auto',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Theme\n  'theme-border-outline-variant border-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelToolbarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'layout-row',\n\n    // Theme\n    '!border-t-0',\n    '!border-x-0',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'layout-row',\n\n    // Theme\n    '!border-b-0',\n    '!border-x-0',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'layout-column',\n\n    // Theme\n    '!border-l-0',\n    '!border-y-0',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'layout-column',\n\n    // Theme\n    '!border-r-0',\n    '!border-y-0',\n  ],\n};\n\nexport const ResizeablePanelCollapsedContent: string[] = [\n  // Layout\n  'layout-column',\n  'shrink-0',\n\n  // Overflow\n  'overflow-auto',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n];\n\nexport const ResizeablePanelCollapsedContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :style=\"{ [currentDirection]: !collapsible || state === 'open' ? `${currentSize}px` : 'auto' }\"\n  >\n    <template v-if=\"!collapsible || state === 'open'\">\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n    </template>\n\n    <template v-else-if=\"collapsible && state === 'closed' && $slots.collapsedContent\">\n      <div :class=\"collapsedContentStyles\">\n        <slot name=\"collapsedContent\" />\n      </div>\n    </template>\n\n    <template v-else>\n      <div :class=\"contentPlaceholderStyles\" />\n    </template>\n\n    <div\n      :ref=\"'resizeBar'\"\n      :class=\"resizeBarStyles\"\n      :activated=\"isDragging\"\n    >\n      <template v-if=\"collapsible\">\n        <div :class=\"collapseButtonContainerStyles\">\n          <OrIconButton\n            :additional-styles=\"['p-xs']\"\n            :icon=\"collapseButtonIcon\"\n            :color=\"'primary'\"\n            :size=\"'m'\"\n            @click=\"toggle()\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <template v-if=\"$slots.toolbar\">\n      <div :class=\"toolbarStyles\">\n        <slot name=\"toolbar\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { useDraggable } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrResizeablePanel',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: true,\n    },\n\n    width: {\n      type: Number,\n      default: 320,\n    },\n\n    minWidth: {\n      type: Number,\n      default: 256,\n    },\n\n    maxWidth: {\n      type: Number,\n      default: 384,\n    },\n\n    padding: {\n      type: String as PropType<`${ResizeablePanelPadding}`>,\n      default: () => ResizeablePanelPadding.M,\n    },\n\n    placement: {\n      type: String as PropType<`${ResizeablePanelPlacement}`>,\n      default: () => ResizeablePanelPlacement.Right,\n    },\n\n    resizeable: {\n      type: Boolean,\n      default: true,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'resize',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n    'isDragging',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const resizeBar = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-resizeable-panel-v3',\n      ...Styles.ResizeablePanel,\n      ...Styles.ResizeablePanelPlacements[props.placement],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.ResizeablePanelContent,\n      ...Styles.ResizeablePanelContentPaddings[props.padding],\n    ]);\n\n    const contentPlaceholderStyles = computed(() => [\n      ...Styles.ResizeablePanelContentPlaceholder,\n      ...Styles.ResizeablePanelContentPlaceholderPlacements[props.placement],\n    ]);\n\n    const resizeBarStyles = computed(() => [\n      ...Styles.ResizeablePanelResizeBar,\n      ...Styles.ResizeablePanelResizeBarPlacements[props.placement],\n      ...!props.resizeable || props.collapsible && state.value === 'closed' ? ['interactivity-none'] : [],\n    ]);\n\n    const collapseButtonContainerStyles = computed(() => [\n      ...Styles.ResizeablePanelCollapseButtonContainer,\n      ...Styles.ResizeablePanelCollapseButtonContainerPlacements[props.placement],\n    ]);\n\n    const toolbarStyles = computed(() => [\n      ...Styles.ResizeablePanelToolbar,\n      ...Styles.ResizeablePanelToolbarPlacements[props.placement],\n    ]);\n\n    const collapsedContentStyles = computed(() => [\n      ...Styles.ResizeablePanelCollapsedContent,\n      ...Styles.ResizeablePanelCollapsedContentPaddings[props.padding],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    const collapseButtonIcon = computed(() => {\n      if (state.value === 'open') {\n        switch (props.placement) {\n          case ResizeablePanelPlacement.Top:\n            return 'keyboard_arrow_up';\n\n          case ResizeablePanelPlacement.Bottom:\n            return 'keyboard_arrow_down';\n\n          case ResizeablePanelPlacement.Left:\n            return 'keyboard_arrow_left';\n\n          case ResizeablePanelPlacement.Right:\n            return 'keyboard_arrow_right';\n        }\n      }\n\n      if (state.value === 'closed') {\n        switch (props.placement) {\n          case ResizeablePanelPlacement.Top:\n            return 'keyboard_arrow_down';\n\n          case ResizeablePanelPlacement.Bottom:\n            return 'keyboard_arrow_up';\n\n          case ResizeablePanelPlacement.Left:\n            return 'keyboard_arrow_right';\n\n          case ResizeablePanelPlacement.Right:\n            return 'keyboard_arrow_left';\n        }\n      }\n\n      return 'menu';\n    });\n\n    const currentDirection = computed(() => {\n      switch (props.placement) {\n        case ResizeablePanelPlacement.Top:\n        case ResizeablePanelPlacement.Bottom:\n          return 'height';\n      }\n\n      return 'width';\n    });\n\n    const currentSize = ref(props.width);\n\n    watch(() => props.width, (value) => {\n      currentSize.value = value;\n    });\n\n    // Effects\n    // #region Resize\n    let referencePoint = 0;\n\n    const { isDragging } = useDraggable(resizeBar, {\n      onStart: (_position, event) => {\n        if (props.resizeable) {\n          switch (props.placement) {\n            case ResizeablePanelPlacement.Top:\n            case ResizeablePanelPlacement.Bottom:\n              referencePoint = event.y;\n              break;\n\n            case ResizeablePanelPlacement.Left:\n            case ResizeablePanelPlacement.Right:\n              referencePoint = event.x;\n              break;\n          }\n\n          document.body.style.userSelect = 'none';\n        }\n      },\n\n      onMove: (position) => {\n        if (props.resizeable) {\n          let nextWidth = 0;\n\n          switch (props.placement) {\n            case ResizeablePanelPlacement.Top:\n              nextWidth = currentSize.value + (position.y - referencePoint);\n              referencePoint = position.y;\n              break;\n\n            case ResizeablePanelPlacement.Bottom:\n              nextWidth = currentSize.value + (referencePoint - position.y);\n              referencePoint = position.y;\n              break;\n\n            case ResizeablePanelPlacement.Left:\n              nextWidth = currentSize.value + (position.x - referencePoint);\n              referencePoint = position.x;\n              break;\n\n            case ResizeablePanelPlacement.Right:\n              nextWidth = currentSize.value + (referencePoint - position.x);\n              referencePoint = position.x;\n              break;\n          }\n\n          if (nextWidth < props.minWidth) {\n            nextWidth = props.minWidth;\n          }\n\n          if (nextWidth > props.maxWidth) {\n            nextWidth = props.maxWidth;\n          }\n\n          if (nextWidth !== currentSize.value) {\n            context.emit('resize', currentSize.value = nextWidth);\n          }\n        }\n      },\n\n      onEnd: () => {\n        if (props.resizeable) {\n          document.body.style.userSelect = '';\n        }\n      },\n    });\n    // #endregion\n\n    return {\n      root,\n      resizeBar,\n\n      rootStyles,\n      contentStyles,\n      contentPlaceholderStyles,\n      resizeBarStyles,\n      collapseButtonContainerStyles,\n      toolbarStyles,\n      collapsedContentStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n\n      collapseButtonIcon,\n      currentDirection,\n      currentSize,\n\n      isDragging,\n    };\n  },\n});\n</script>\n"],"names":["ResizeablePanelPadding","ResizeablePanelPlacement","ResizeablePanel","ResizeablePanelPlacements","ResizeablePanelContent","ResizeablePanelContentPaddings","ResizeablePanelContentPlaceholder","ResizeablePanelContentPlaceholderPlacements","ResizeablePanelResizeBar","ResizeablePanelResizeBarPlacements","ResizeablePanelCollapseButtonContainer","ResizeablePanelCollapseButtonContainerPlacements","ResizeablePanelToolbar","ResizeablePanelToolbarPlacements","ResizeablePanelCollapsedContent","ResizeablePanelCollapsedContentPaddings","_sfc_main","defineComponent","OrIconButton","props","context","root","ref","resizeBar","rootStyles","computed","Styles.ResizeablePanel","Styles.ResizeablePanelPlacements","contentStyles","Styles.ResizeablePanelContent","Styles.ResizeablePanelContentPaddings","contentPlaceholderStyles","Styles.ResizeablePanelContentPlaceholder","Styles.ResizeablePanelContentPlaceholderPlacements","resizeBarStyles","Styles.ResizeablePanelResizeBar","Styles.ResizeablePanelResizeBarPlacements","state","collapseButtonContainerStyles","Styles.ResizeablePanelCollapseButtonContainer","Styles.ResizeablePanelCollapseButtonContainerPlacements","toolbarStyles","Styles.ResizeablePanelToolbar","Styles.ResizeablePanelToolbarPlacements","collapsedContentStyles","Styles.ResizeablePanelCollapsedContent","Styles.ResizeablePanelCollapsedContentPaddings","open","close","toggle","usePopoverState","toRef","collapseButtonIcon","currentDirection","currentSize","watch","value","referencePoint","isDragging","useDraggable","_position","event","position","nextWidth","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_renderSlot","_createElementVNode","_component_OrIconButton","_createCommentVNode","_hoisted_1"],"mappings":"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"}

package/dist/esm/components/index.mjs

@@ -65,13 +65,13 @@ import { O as Ko } from "../OrRadioGroup-PJcCPCFn.mjs";
 import { O as Xo } from "../OrRadio-BZN3fBLW.mjs";
 import { O as Zo } from "../OrRangeSlider-Cxhafo9S.mjs";
 import { O as $o, R as re } from "../OrRating-CAwz23JA.mjs";
-import { O as oe, R as ee, a as te } from "../OrResizeablePanel-BfuVn8Lq.mjs";
+import { O as oe, R as ee, a as te } from "../OrResizeablePanel-D62tzOxs.mjs";
 import { F as Oe, O as ie, R as pe, a as me } from "../OrRichTextEditor-D0UmlBKz.mjs";
 import { O as xe, R as Ve } from "../OrRichTooltip-8ybIdsqK.mjs";
 import { O as le } from "../OrSearch-CRFuNmg2.mjs";
 import { O as de, S as ce } from "../OrSegmentedControl-DfPHDw7E.mjs";
 import { O as Ce } from "../OrSelect-ZitJ7RzV.mjs";
-import { O as ue, S as be } from "../props-Dx-rjh3U.mjs";
+import { O as ue, S as be } from "../props-kE89gx5m.mjs";
 import { b as Ie, O as ge, a as ke } from "../OrSkeletonArea-fMhHFyo1.mjs";
 import { O as Re } from "../OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
 import { O as he } from "../OrSlider-CD78-muf.mjs";

package/dist/esm/components/or-resizeable-panel-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as l, R as s, a as n } from "../../OrResizeablePanel-BfuVn8Lq.mjs";
+import { O as l, R as s, a as n } from "../../OrResizeablePanel-D62tzOxs.mjs";
 export {
   l as OrResizeablePanelV3,
   s as ResizeablePanelPadding,

package/dist/esm/components/or-sidebar-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as r, S } from "../../props-Dx-rjh3U.mjs";
+import { O as r, S } from "../../props-kE89gx5m.mjs";
 export {
   r as OrSidebarV3,
   S as SidebarPlacement

package/dist/esm/index.mjs

@@ -65,13 +65,13 @@ import { O as Ko } from "./OrRadioGroup-PJcCPCFn.mjs";
 import { O as Xo } from "./OrRadio-BZN3fBLW.mjs";
 import { O as Zo } from "./OrRangeSlider-Cxhafo9S.mjs";
 import { O as $o, R as re } from "./OrRating-CAwz23JA.mjs";
-import { O as oe, R as ee, a as te } from "./OrResizeablePanel-BfuVn8Lq.mjs";
+import { O as oe, R as ee, a as te } from "./OrResizeablePanel-D62tzOxs.mjs";
 import { F as Oe, O as ie, R as pe, a as me } from "./OrRichTextEditor-D0UmlBKz.mjs";
 import { O as xe, R as Ve } from "./OrRichTooltip-8ybIdsqK.mjs";
 import { O as le } from "./OrSearch-CRFuNmg2.mjs";
 import { O as de, S as ce } from "./OrSegmentedControl-DfPHDw7E.mjs";
 import { O as Ce } from "./OrSelect-ZitJ7RzV.mjs";
-import { O as ue, S as be } from "./props-Dx-rjh3U.mjs";
+import { O as ue, S as be } from "./props-kE89gx5m.mjs";
 import { b as Ie, O as ge, a as ke } from "./OrSkeletonArea-fMhHFyo1.mjs";
 import { O as Re } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
 import { O as he } from "./OrSlider-CD78-muf.mjs";

package/dist/esm/{props-Dx-rjh3U.mjs → props-kE89gx5m.mjs}

@@ -1,8 +1,8 @@
 import { usePopoverState as v } from "@onereach/ui-components-common/hooks";
-import { R as o, O as w } from "./OrResizeablePanel-BfuVn8Lq.mjs";
-import { defineComponent as z, ref as $, computed as s, toRef as k, resolveComponent as O, openBlock as d, createBlock as N, createSlots as P, withCtx as u, createElementVNode as y, normalizeClass as r, createElementBlock as b, renderSlot as a, createCommentVNode as g } from "vue";
-import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const C = [
+import { R as o, O as w } from "./OrResizeablePanel-D62tzOxs.mjs";
+import { defineComponent as $, ref as z, computed as a, toRef as k, resolveComponent as C, openBlock as d, createBlock as O, createSlots as N, withCtx as i, createElementVNode as u, normalizeClass as r, createElementBlock as b, renderSlot as s, createCommentVNode as g } from "vue";
+import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const R = [
   // Layout
   "layout-column grow",
   // Overflow
@@ -78,7 +78,7 @@ const C = [
     "py-sm"
   ],
   [o.None]: []
-}, H = z({
+}, H = $({
   name: "OrSidebar",
   components: {
     OrResizeablePanel: w
@@ -131,35 +131,35 @@ const C = [
     "toggle"
   ],
   setup(e, t) {
-    const i = $(), p = s(() => [
+    const p = z(), m = a(() => [
       "or-sidebar-v3",
-      ...C
-    ]), m = s(() => [
+      ...R
+    ]), f = a(() => [
       ...B,
       ...L[e.padding]
-    ]), f = s(() => [
+    ]), y = a(() => [
       ...M,
       ...W[e.padding]
-    ]), l = s(() => [
+    ]), l = a(() => [
       ...E,
       ...F[e.padding]
-    ]), { state: n, open: h, close: S, toggle: c } = v(k(e, "isOpen"), t.emit);
+    ]), { state: n, open: h, close: c, toggle: S } = v(k(e, "isOpen"), t.emit);
     return {
-      root: i,
-      rootStyles: p,
-      headerStyles: m,
-      contentStyles: f,
+      root: p,
+      rootStyles: m,
+      headerStyles: f,
+      contentStyles: y,
       footerStyles: l,
       state: n,
       open: h,
-      close: S,
-      toggle: c
+      close: c,
+      toggle: S
     };
   }
 });
-function V(e, t, i, p, m, f) {
-  const l = O("OrResizeablePanel");
-  return d(), N(l, {
+function V(e, t, p, m, f, y) {
+  const l = C("OrResizeablePanel");
+  return d(), O(l, {
     "is-open": e.state === "open",
     width: e.width,
     "min-width": e.minWidth,
@@ -170,9 +170,9 @@ function V(e, t, i, p, m, f) {
     collapsible: e.collapsible,
     "onUpdate:state": t[0] || (t[0] = (n) => n === "open" ? e.open() : e.close()),
     onResize: t[1] || (t[1] = (n) => e.$emit("resize", n))
-  }, P({
-    default: u(() => [
-      y("div", {
+  }, N({
+    default: i(() => [
+      u("div", {
         ref: "root",
         class: r(e.rootStyles)
       }, [
@@ -180,36 +180,43 @@ function V(e, t, i, p, m, f) {
           key: 0,
           class: r(e.headerStyles)
         }, [
-          a(e.$slots, "header")
+          s(e.$slots, "header")
         ], 2)) : g("", !0),
-        y("div", {
+        u("div", {
           class: r(e.contentStyles)
         }, [
-          a(e.$slots, "default")
+          s(e.$slots, "default")
         ], 2),
         e.$slots.footer ? (d(), b("footer", {
           key: 1,
           class: r(e.footerStyles)
         }, [
-          a(e.$slots, "footer")
+          s(e.$slots, "footer")
         ], 2)) : g("", !0)
       ], 2)
     ]),
     _: 2
   }, [
+    e.$slots.collapsedContent ? {
+      name: "collapsedContent",
+      fn: i(() => [
+        s(e.$slots, "collapsedContent")
+      ]),
+      key: "0"
+    } : void 0,
     e.$slots.toolbar ? {
       name: "toolbar",
-      fn: u(() => [
-        a(e.$slots, "toolbar")
+      fn: i(() => [
+        s(e.$slots, "toolbar")
       ]),
-      key: "0"
+      key: "1"
     } : void 0
   ]), 1032, ["is-open", "width", "min-width", "max-width", "placement", "resizeable", "collapsible"]);
 }
-const G = /* @__PURE__ */ R(H, [["render", V]]);
+const G = /* @__PURE__ */ P(H, [["render", V]]);
 var U = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(U || {});
 export {
   G as O,
   U as S
 };
-//# sourceMappingURL=props-Dx-rjh3U.mjs.map
+//# sourceMappingURL=props-kE89gx5m.mjs.map

package/dist/esm/props-kE89gx5m.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props-kE89gx5m.mjs","sources":["../../../components/or-sidebar-v3/src/styles.ts","../../../components/or-sidebar-v3/src/OrSidebar.vue","../../../components/or-sidebar-v3/src/props.ts"],"sourcesContent":["import { ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\n\nexport const Sidebar: string[] = [\n  // Layout\n  'layout-column grow',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const SidebarHeader: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Typography\n  'typography-headline-2 truncate',\n];\n\nexport const SidebarHeaderPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarContent: string[] = [\n  // Layout\n  'grow',\n\n  // Overflow\n  'overflow-auto',\n];\n\nexport const SidebarContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarFooter: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Theme\n  'theme-border-outline-variant border-t-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const SidebarFooterPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n","<template>\n  <OrResizeablePanel\n    :is-open=\"state === 'open'\"\n    :width=\"width\"\n    :min-width=\"minWidth\"\n    :max-width=\"maxWidth\"\n    :padding=\"'none'\"\n    :placement=\"placement\"\n    :resizeable=\"resizeable\"\n    :collapsible=\"collapsible\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n    @resize=\"$emit('resize', $event)\"\n  >\n    <div\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n    >\n      <template v-if=\"$slots.header\">\n        <header :class=\"headerStyles\">\n          <slot name=\"header\" />\n        </header>\n      </template>\n\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n\n      <template v-if=\"$slots.footer\">\n        <footer :class=\"footerStyles\">\n          <slot name=\"footer\" />\n        </footer>\n      </template>\n    </div>\n\n    <template\n      v-if=\"$slots.collapsedContent\"\n      v-slot:collapsedContent\n    >\n      <slot name=\"collapsedContent\" />\n    </template>\n\n    <template\n      v-if=\"!!$slots.toolbar\"\n      v-slot:toolbar\n    >\n      <slot name=\"toolbar\" />\n    </template>\n  </OrResizeablePanel>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrResizeablePanelV3 as OrResizeablePanel, ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport { SidebarPlacement } from './props';\nimport { Sidebar, SidebarContent, SidebarContentPaddings, SidebarFooter, SidebarFooterPaddings, SidebarHeader, SidebarHeaderPaddings } from './styles';\n\nexport default defineComponent({\n  name: 'OrSidebar',\n\n  components: {\n    OrResizeablePanel,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: true,\n    },\n\n    width: {\n      type: Number,\n      default: 320,\n    },\n\n    minWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    maxWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    padding: {\n      type: String as PropType<`${ResizeablePanelPadding}`>,\n      default: () => ResizeablePanelPadding.M,\n    },\n\n    placement: {\n      type: String as PropType<`${SidebarPlacement}`>,\n      default: undefined,\n    },\n\n    resizeable: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'resize',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-sidebar-v3',\n      ...Sidebar,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...SidebarHeader,\n      ...SidebarHeaderPaddings[props.padding],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...SidebarContent,\n      ...SidebarContentPaddings[props.padding],\n    ]);\n\n    const footerStyles = computed(() => [\n      ...SidebarFooter,\n      ...SidebarFooterPaddings[props.padding],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n\n      rootStyles,\n      headerStyles,\n      contentStyles,\n      footerStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n","export enum SidebarPlacement {\n  Left = 'left',\n  Right = 'right',\n}\n"],"names":["Sidebar","SidebarHeader","SidebarHeaderPaddings","ResizeablePanelPadding","SidebarContent","SidebarContentPaddings","SidebarFooter","SidebarFooterPaddings","_sfc_main","defineComponent","OrResizeablePanel","props","context","root","ref","rootStyles","computed","headerStyles","contentStyles","footerStyles","state","open","close","toggle","usePopoverState","toRef","_component_OrResizeablePanel","_resolveComponent","_openBlock","_createBlock","_ctx","_cache","$event","_createSlots","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_createCommentVNode","_renderSlot","SidebarPlacement"],"mappings":"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"}

package/dist/types/components/or-resizeable-panel-v3/OrResizeablePanel.vue.d.ts

@@ -42,6 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     resizeBarStyles: import("vue").ComputedRef<string[]>;
     collapseButtonContainerStyles: import("vue").ComputedRef<string[]>;
     toolbarStyles: import("vue").ComputedRef<string[]>;
+    collapsedContentStyles: import("vue").ComputedRef<string[]>;
     state: Readonly<import("vue").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;

package/dist/types/components/or-resizeable-panel-v3/styles.d.ts

@@ -11,3 +11,5 @@ export declare const ResizeablePanelCollapseButtonContainer: string[];
 export declare const ResizeablePanelCollapseButtonContainerPlacements: Record<ResizeablePanelPlacement, string[]>;
 export declare const ResizeablePanelToolbar: string[];
 export declare const ResizeablePanelToolbarPlacements: Record<ResizeablePanelPlacement, string[]>;
+export declare const ResizeablePanelCollapsedContent: string[];
+export declare const ResizeablePanelCollapsedContentPaddings: Record<ResizeablePanelPadding, string[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "26.0.0",
+  "version": "26.0.1-beta.5836.0",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -46,8 +46,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^26.0.0",
-    "@onereach/ui-components-common": "^26.0.0",
+    "@onereach/styles": "^26.0.1-beta.5836.0",
+    "@onereach/ui-components-common": "^26.0.1-beta.5836.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "7922d7073e1788e747b30943260b3ba361fc81c0"
+  "npmUnpacked": "4.15.2"
 }

package/dist/esm/OrResizeablePanel-BfuVn8Lq.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrResizeablePanel-BfuVn8Lq.mjs","sources":["../../../components/or-resizeable-panel-v3/src/props.ts","../../../components/or-resizeable-panel-v3/src/styles.ts","../../../components/or-resizeable-panel-v3/src/OrResizeablePanel.vue"],"sourcesContent":["export enum ResizeablePanelPadding {\n  L = 'l',\n  M = 'm',\n  S = 's',\n  None = 'none',\n}\n\nexport enum ResizeablePanelPlacement {\n  Top = 'top',\n  Bottom = 'bottom',\n  Left = 'left',\n  Right = 'right',\n}\n","import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\n\nexport const ResizeablePanel: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n\nexport const ResizeablePanelPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'layout-column',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'layout-column-reverse',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'layout-row !items-stretch',\n\n    // Box\n    'h-full min-h-0',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'layout-row-reverse !items-stretch',\n\n    // Box\n    'h-full min-h-0',\n  ],\n};\n\nexport const ResizeablePanelContent: string[] = [\n  // Layout\n  'layout-column grow',\n\n  // Overflow\n  'overflow-auto',\n];\n\nexport const ResizeablePanelContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Spacing\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Spacing\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Spacing\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const ResizeablePanelContentPlaceholder: string[] = [];\n\nexport const ResizeablePanelContentPlaceholderPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Box\n    'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Box\n    'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Box\n    'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Box\n    'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n  ],\n};\n\nexport const ResizeablePanelResizeBar: string[] = [\n  // Position\n  'relative',\n\n  // Layout\n  'shrink-0',\n\n  // Layout (after)\n  'after:block',\n\n  // Theme (after)\n  'after:border-outline-variant',\n  'after:dark:border-outline-variant-dark',\n\n  // Theme (after, hover)\n  'after:hover:border-primary-hover',\n  'after:dark:hover:border-primary-hover-dark',\n\n  // Theme (after, activated)\n  'after:activated:border-primary-hover',\n  'after:dark:activated:border-primary-hover-dark',\n];\n\nexport const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'flex flex-col justify-center',\n\n    // Interactivity\n    'interactivity-resize-row',\n\n    // Spacing\n    '-my-[calc(theme(spacing.md)/2)]',\n    'py-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-b-1',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'flex flex-col justify-center',\n\n    // Interactivity\n    'interactivity-resize-row',\n\n    // Spacing\n    '-my-[calc(theme(spacing.md)/2)]',\n    'py-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-t-1',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'flex flex-row justify-center',\n\n    // Interactivity\n    'interactivity-resize-column',\n\n    // Spacing\n    '-mx-[calc(theme(spacing.md)/2)]',\n    'px-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-r-1',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'flex flex-row justify-center',\n\n    // Interactivity\n    'interactivity-resize-column',\n\n    // Spacing\n    '-mx-[calc(theme(spacing.md)/2)]',\n    'px-[calc(theme(spacing.md)/2)]',\n\n    // Theme (after)\n    'after:border-l-1',\n  ],\n};\n\nexport const ResizeablePanelCollapseButtonContainer: string[] = [\n  // Position\n  'absolute',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'w-fit',\n  'h-fit',\n\n  // Typography\n  'leading-[0]',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline-variant border-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelCollapseButtonContainerPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Position\n    'left-md',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Position\n    'left-md',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Position\n    'top-md',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Position\n    'top-md',\n  ],\n};\n\nexport const ResizeablePanelToolbar: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-auto',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Theme\n  'theme-border-outline-variant border-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelToolbarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n  [ResizeablePanelPlacement.Top]: [\n    // Layout\n    'layout-row',\n\n    // Theme\n    '!border-t-0',\n    '!border-x-0',\n  ],\n\n  [ResizeablePanelPlacement.Bottom]: [\n    // Layout\n    'layout-row',\n\n    // Theme\n    '!border-b-0',\n    '!border-x-0',\n  ],\n\n  [ResizeablePanelPlacement.Left]: [\n    // Layout\n    'layout-column',\n\n    // Theme\n    '!border-l-0',\n    '!border-y-0',\n  ],\n\n  [ResizeablePanelPlacement.Right]: [\n    // Layout\n    'layout-column',\n\n    // Theme\n    '!border-r-0',\n    '!border-y-0',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :style=\"{ [currentDirection]: !collapsible || state === 'open' ? `${currentSize}px` : 'auto' }\"\n  >\n    <template v-if=\"!collapsible || state === 'open'\">\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n    </template>\n\n    <template v-else>\n      <div :class=\"contentPlaceholderStyles\" />\n    </template>\n\n    <div\n      :ref=\"'resizeBar'\"\n      :class=\"resizeBarStyles\"\n      :activated=\"isDragging\"\n    >\n      <template v-if=\"collapsible\">\n        <div :class=\"collapseButtonContainerStyles\">\n          <OrIconButton\n            :additional-styles=\"['p-xs']\"\n            :icon=\"collapseButtonIcon\"\n            :color=\"'primary'\"\n            :size=\"'m'\"\n            @click=\"toggle()\"\n          />\n        </div>\n      </template>\n    </div>\n\n\n    <template v-if=\"$slots.toolbar\">\n      <div :class=\"toolbarStyles\">\n        <slot name=\"toolbar\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { useDraggable } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrResizeablePanel',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: true,\n    },\n\n    width: {\n      type: Number,\n      default: 320,\n    },\n\n    minWidth: {\n      type: Number,\n      default: 256,\n    },\n\n    maxWidth: {\n      type: Number,\n      default: 384,\n    },\n\n    padding: {\n      type: String as PropType<`${ResizeablePanelPadding}`>,\n      default: () => ResizeablePanelPadding.M,\n    },\n\n    placement: {\n      type: String as PropType<`${ResizeablePanelPlacement}`>,\n      default: () => ResizeablePanelPlacement.Right,\n    },\n\n    resizeable: {\n      type: Boolean,\n      default: true,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'resize',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n    'isDragging',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const resizeBar = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-resizeable-panel-v3',\n      ...Styles.ResizeablePanel,\n      ...Styles.ResizeablePanelPlacements[props.placement],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.ResizeablePanelContent,\n      ...Styles.ResizeablePanelContentPaddings[props.padding],\n    ]);\n\n    const contentPlaceholderStyles = computed(() => [\n      ...Styles.ResizeablePanelContentPlaceholder,\n      ...Styles.ResizeablePanelContentPlaceholderPlacements[props.placement],\n    ]);\n\n    const resizeBarStyles = computed(() => [\n      ...Styles.ResizeablePanelResizeBar,\n      ...Styles.ResizeablePanelResizeBarPlacements[props.placement],\n      ...!props.resizeable || props.collapsible && state.value === 'closed' ? ['interactivity-none'] : [],\n    ]);\n\n    const collapseButtonContainerStyles = computed(() => [\n      ...Styles.ResizeablePanelCollapseButtonContainer,\n      ...Styles.ResizeablePanelCollapseButtonContainerPlacements[props.placement],\n    ]);\n\n    const toolbarStyles = computed(() => [\n      ...Styles.ResizeablePanelToolbar,\n      ...Styles.ResizeablePanelToolbarPlacements[props.placement],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    const collapseButtonIcon = computed(() => {\n      if (state.value === 'open') {\n        switch (props.placement) {\n          case ResizeablePanelPlacement.Top:\n            return 'keyboard_arrow_up';\n\n          case ResizeablePanelPlacement.Bottom:\n            return 'keyboard_arrow_down';\n\n          case ResizeablePanelPlacement.Left:\n            return 'keyboard_arrow_left';\n\n          case ResizeablePanelPlacement.Right:\n            return 'keyboard_arrow_right';\n        }\n      }\n\n      if (state.value === 'closed') {\n        switch (props.placement) {\n          case ResizeablePanelPlacement.Top:\n            return 'keyboard_arrow_down';\n\n          case ResizeablePanelPlacement.Bottom:\n            return 'keyboard_arrow_up';\n\n          case ResizeablePanelPlacement.Left:\n            return 'keyboard_arrow_right';\n\n          case ResizeablePanelPlacement.Right:\n            return 'keyboard_arrow_left';\n        }\n      }\n\n      return 'menu';\n    });\n\n    const currentDirection = computed(() => {\n      switch (props.placement) {\n        case ResizeablePanelPlacement.Top:\n        case ResizeablePanelPlacement.Bottom:\n          return 'height';\n      }\n\n      return 'width';\n    });\n\n    const currentSize = ref(props.width);\n\n    watch(() => props.width, (value) => {\n      currentSize.value = value;\n    });\n\n    // Effects\n    // #region Resize\n    let referencePoint = 0;\n\n    const { isDragging } = useDraggable(resizeBar, {\n      onStart: (_position, event) => {\n        if (props.resizeable) {\n          switch (props.placement) {\n            case ResizeablePanelPlacement.Top:\n            case ResizeablePanelPlacement.Bottom:\n              referencePoint = event.y;\n              break;\n\n            case ResizeablePanelPlacement.Left:\n            case ResizeablePanelPlacement.Right:\n              referencePoint = event.x;\n              break;\n          }\n\n          document.body.style.userSelect = 'none';\n        }\n      },\n\n      onMove: (position) => {\n        if (props.resizeable) {\n          let nextWidth = 0;\n\n          switch (props.placement) {\n            case ResizeablePanelPlacement.Top:\n              nextWidth = currentSize.value + (position.y - referencePoint);\n              referencePoint = position.y;\n              break;\n\n            case ResizeablePanelPlacement.Bottom:\n              nextWidth = currentSize.value + (referencePoint - position.y);\n              referencePoint = position.y;\n              break;\n\n            case ResizeablePanelPlacement.Left:\n              nextWidth = currentSize.value + (position.x - referencePoint);\n              referencePoint = position.x;\n              break;\n\n            case ResizeablePanelPlacement.Right:\n              nextWidth = currentSize.value + (referencePoint - position.x);\n              referencePoint = position.x;\n              break;\n          }\n\n          if (nextWidth < props.minWidth) {\n            nextWidth = props.minWidth;\n          }\n\n          if (nextWidth > props.maxWidth) {\n            nextWidth = props.maxWidth;\n          }\n\n          if (nextWidth !== currentSize.value) {\n            context.emit('resize', currentSize.value = nextWidth);\n          }\n        }\n      },\n\n      onEnd: () => {\n        if (props.resizeable) {\n          document.body.style.userSelect = '';\n        }\n      },\n    });\n    // #endregion\n\n    return {\n      root,\n      resizeBar,\n\n      rootStyles,\n      contentStyles,\n      contentPlaceholderStyles,\n      resizeBarStyles,\n      collapseButtonContainerStyles,\n      toolbarStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n\n      collapseButtonIcon,\n      currentDirection,\n      currentSize,\n\n      isDragging,\n    };\n  },\n});\n</script>\n"],"names":["ResizeablePanelPadding","ResizeablePanelPlacement","ResizeablePanel","ResizeablePanelPlacements","ResizeablePanelContent","ResizeablePanelContentPaddings","ResizeablePanelContentPlaceholder","ResizeablePanelContentPlaceholderPlacements","ResizeablePanelResizeBar","ResizeablePanelResizeBarPlacements","ResizeablePanelCollapseButtonContainer","ResizeablePanelCollapseButtonContainerPlacements","ResizeablePanelToolbar","ResizeablePanelToolbarPlacements","_sfc_main","defineComponent","OrIconButton","props","context","root","ref","resizeBar","rootStyles","computed","Styles.ResizeablePanel","Styles.ResizeablePanelPlacements","contentStyles","Styles.ResizeablePanelContent","Styles.ResizeablePanelContentPaddings","contentPlaceholderStyles","Styles.ResizeablePanelContentPlaceholder","Styles.ResizeablePanelContentPlaceholderPlacements","resizeBarStyles","Styles.ResizeablePanelResizeBar","Styles.ResizeablePanelResizeBarPlacements","state","collapseButtonContainerStyles","Styles.ResizeablePanelCollapseButtonContainer","Styles.ResizeablePanelCollapseButtonContainerPlacements","toolbarStyles","Styles.ResizeablePanelToolbar","Styles.ResizeablePanelToolbarPlacements","open","close","toggle","usePopoverState","toRef","collapseButtonIcon","currentDirection","currentSize","watch","value","referencePoint","isDragging","useDraggable","_position","event","position","nextWidth","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createElementVNode","_component_OrIconButton","_createCommentVNode","_hoisted_1"],"mappings":"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"}

package/dist/esm/props-Dx-rjh3U.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"props-Dx-rjh3U.mjs","sources":["../../../components/or-sidebar-v3/src/styles.ts","../../../components/or-sidebar-v3/src/OrSidebar.vue","../../../components/or-sidebar-v3/src/props.ts"],"sourcesContent":["import { ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\n\nexport const Sidebar: string[] = [\n  // Layout\n  'layout-column grow',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const SidebarHeader: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Typography\n  'typography-headline-2 truncate',\n];\n\nexport const SidebarHeaderPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarContent: string[] = [\n  // Layout\n  'grow',\n\n  // Overflow\n  'overflow-auto',\n];\n\nexport const SidebarContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarFooter: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Theme\n  'theme-border-outline-variant border-t-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const SidebarFooterPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n","<template>\n  <OrResizeablePanel\n    :is-open=\"state === 'open'\"\n    :width=\"width\"\n    :min-width=\"minWidth\"\n    :max-width=\"maxWidth\"\n    :padding=\"'none'\"\n    :placement=\"placement\"\n    :resizeable=\"resizeable\"\n    :collapsible=\"collapsible\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n    @resize=\"$emit('resize', $event)\"\n  >\n    <div\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n    >\n      <template v-if=\"$slots.header\">\n        <header :class=\"headerStyles\">\n          <slot name=\"header\" />\n        </header>\n      </template>\n\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n\n      <template v-if=\"$slots.footer\">\n        <footer :class=\"footerStyles\">\n          <slot name=\"footer\" />\n        </footer>\n      </template>\n    </div>\n\n    <template\n      v-if=\"!!$slots.toolbar\"\n      v-slot:toolbar\n    >\n      <slot name=\"toolbar\" />\n    </template>\n  </OrResizeablePanel>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrResizeablePanelV3 as OrResizeablePanel, ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport { SidebarPlacement } from './props';\nimport { Sidebar, SidebarContent, SidebarContentPaddings, SidebarFooter, SidebarFooterPaddings, SidebarHeader, SidebarHeaderPaddings } from './styles';\n\nexport default defineComponent({\n  name: 'OrSidebar',\n\n  components: {\n    OrResizeablePanel,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: true,\n    },\n\n    width: {\n      type: Number,\n      default: 320,\n    },\n\n    minWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    maxWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    padding: {\n      type: String as PropType<`${ResizeablePanelPadding}`>,\n      default: () => ResizeablePanelPadding.M,\n    },\n\n    placement: {\n      type: String as PropType<`${SidebarPlacement}`>,\n      default: undefined,\n    },\n\n    resizeable: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'resize',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-sidebar-v3',\n      ...Sidebar,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...SidebarHeader,\n      ...SidebarHeaderPaddings[props.padding],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...SidebarContent,\n      ...SidebarContentPaddings[props.padding],\n    ]);\n\n    const footerStyles = computed(() => [\n      ...SidebarFooter,\n      ...SidebarFooterPaddings[props.padding],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n\n      rootStyles,\n      headerStyles,\n      contentStyles,\n      footerStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n","export enum SidebarPlacement {\n  Left = 'left',\n  Right = 'right',\n}\n"],"names":["Sidebar","SidebarHeader","SidebarHeaderPaddings","ResizeablePanelPadding","SidebarContent","SidebarContentPaddings","SidebarFooter","SidebarFooterPaddings","_sfc_main","defineComponent","OrResizeablePanel","props","context","root","ref","rootStyles","computed","headerStyles","contentStyles","footerStyles","state","open","close","toggle","usePopoverState","toRef","_component_OrResizeablePanel","_resolveComponent","_openBlock","_createBlock","_ctx","_cache","$event","_createSlots","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_createCommentVNode","_renderSlot","SidebarPlacement"],"mappings":"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"}