@onereach/ui-components 2.72.2-beta.2263.0 → 2.72.2-beta.2264.0

package/dist/bundled/v2/{OrSidebar-64cc9127.js → OrSidebar-dd8296d4.js}

@@ -1,10 +1,125 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import _ from 'lodash';
 import './index-fa6eb4ca.js';
-import { a as OrSidebarCollapseButton, O as OrSidebarPlacement, S as SidebarRoot, b as SidebarBar, c as SidebarSides, d as SidebarToolbar, C as CollapsibleSidebarToolbar, e as SidebarToolbarSides, f as SidebarResize, g as SidebarResizeSides, h as SidebarResizingSides, i as SidebarCollapseButton, j as SidebarCollapseButtonSides, k as SidebarMain, l as SidebarHeader, m as SidebarContent, n as SidebarFooter } from './OrSidebarCollapseButton-fcc085c7.js';
+import { O as OrSidebarPlacement, a as OrSidebarCollapseButton } from './OrSidebarCollapseButton-64e065fa.js';
 import { defineComponent, ref, computed, useSlots, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
+const SidebarRoot = [
+// Position
+'relative',
+// Layout
+'flex', 'flex-row', 'shrink-0',
+// Box
+'min-w-0', 'h-auto', 'p-0',
+// Theme
+'bg-background', 'dark:bg-background-dark'];
+const SidebarBar = [
+// Position
+'relative',
+// Layout
+'flex', 'flex-col', 'shrink-0', 'grow',
+// Box
+'min-h-0', 'p-0',
+// Theme
+'text-on-background', 'dark:text-on-background-dark',
+// Transition
+'transition-[width]'];
+const SidebarToolbar = [
+// Position
+'relative',
+// Layout
+'flex', 'flex-col', 'shrink-0', 'grow', 'overflow-auto', 'items-center',
+// Sizing
+'gap-md',
+// Box
+'min-h-0', 'min-w-xl', 'p-[6px]', 'py-md+',
+// Theme
+'text-outline', 'dark:text-outline-dark'];
+const CollapsibleSidebarToolbar = ['pt-[56px]'];
+const SidebarSides = {
+  [OrSidebarPlacement.left]: [
+  // Borders
+  'border-r-[1px]', 'border-r-solid', 'border-r-outline-variant dark:border-r-outline-variant-dark'],
+  [OrSidebarPlacement.right]: [
+  // Borders
+  'border-l-[1px]', 'border-l-solid', 'border-l-outline-variant dark:border-l-outline-variant-dark']
+};
+const SidebarToolbarSides = {
+  [OrSidebarPlacement.left]: [
+  // Borders
+  'border-r-[1px]', 'border-r-solid', 'border-r-outline-variant dark:border-r-outline-variant-dark'],
+  [OrSidebarPlacement.right]: [
+  // Borders
+  'border-l-[1px]', 'border-l-solid', 'border-l-outline-variant dark:border-l-outline-variant-dark']
+};
+const SidebarResize = [
+// Position
+'absolute', 'inset-y-none', 'z-[1]',
+// Box
+'w-sm+', 'h-[100%]',
+// Cursor
+'cursor-ew-resize'];
+const SidebarResizeSides = {
+  [OrSidebarPlacement.left]: [
+  // Position
+  '-right-[1px]',
+  // Borders
+  'hover:border-r-2', 'hover:border-r-primary-hover hover:dark:border-r-primary-hover-dark',
+  // Transition
+  'transition-[border-right]'],
+  [OrSidebarPlacement.right]: [
+  // Position
+  '-left-[1px]',
+  // Borders
+  'hover:border-l-2', 'hover:border-l-primary-hover hover:dark:border-l-primary-hover-dark',
+  // Transition
+  'transition-[border-left]']
+};
+const SidebarCollapseButton = [
+// Position
+'absolute', 'top-md', 'inset-y-none', 'z-[1]'];
+const SidebarCollapseButtonSides = {
+  [OrSidebarPlacement.left]: [
+  // Position
+  '-right-[12px]'],
+  [OrSidebarPlacement.right]: [
+  // Position
+  '-left-[12px]']
+};
+const SidebarResizingSides = {
+  [OrSidebarPlacement.left]: [
+  // Borders
+  'border-r-2', 'border-r-primary-hover dark:border-r-primary-hover-dark'],
+  [OrSidebarPlacement.right]: [
+  // Borders
+  'border-l-2', 'border-l-primary-hover dark:border-l-primary-hover-dark']
+};
+const SidebarMain = [
+// Layout
+'flex', 'flex-col', 'grow', 'overflow-x-hidden',
+// Box
+'min-h-0'];
+const SidebarHeader = [
+// Layout
+'shrink-0', 'overflow-hidden',
+// Sizing
+'p-md',
+// Typography
+'typography-headline-2', 'whitespace-nowrap', 'text-ellipsis'];
+const SidebarContent = [
+// Layout
+'grow', 'overflow-auto',
+// Sizing
+'p-md'];
+const SidebarFooter = [
+// Layout
+'shrink-0', 'overflow-x-hidden',
+// Sizing
+'p-md',
+// Borders
+'border-t-[1px]', 'border-t-solid', 'border-t-outline-variant dark:border-t-outline-variant-dark'];
+
 var script = defineComponent({
   name: 'OrSidebar',
   components: {

package/dist/bundled/v2/{OrSidebarCollapseButton-fcc085c7.js → OrSidebarCollapseButton-64e065fa.js}

@@ -10,120 +10,6 @@ var OrSidebarPlacement;
   OrSidebarPlacement["right"] = "right";
 })(OrSidebarPlacement || (OrSidebarPlacement = {}));
 
-const SidebarRoot = [
-// Position
-'relative',
-// Layout
-'flex', 'flex-row', 'shrink-0',
-// Box
-'min-w-0', 'h-auto', 'p-0',
-// Theme
-'bg-background', 'dark:bg-background-dark'];
-const SidebarBar = [
-// Position
-'relative',
-// Layout
-'flex', 'flex-col', 'shrink-0', 'grow',
-// Box
-'min-h-0', 'p-0',
-// Theme
-'text-on-background', 'dark:text-on-background-dark',
-// Transition
-'transition-[width]'];
-const SidebarToolbar = [
-// Position
-'relative',
-// Layout
-'flex', 'flex-col', 'shrink-0', 'grow', 'overflow-auto', 'items-center',
-// Sizing
-'gap-md',
-// Box
-'min-h-0', 'min-w-xl', 'p-[6px]', 'py-md+',
-// Theme
-'text-outline', 'dark:text-outline-dark'];
-const CollapsibleSidebarToolbar = ['pt-[56px]'];
-const SidebarSides = {
-  [OrSidebarPlacement.left]: [
-  // Borders
-  'border-r-[1px]', 'border-r-solid', 'border-r-outline-variant dark:border-r-outline-variant-dark'],
-  [OrSidebarPlacement.right]: [
-  // Borders
-  'border-l-[1px]', 'border-l-solid', 'border-l-outline-variant dark:border-l-outline-variant-dark']
-};
-const SidebarToolbarSides = {
-  [OrSidebarPlacement.left]: [
-  // Borders
-  'border-r-[1px]', 'border-r-solid', 'border-r-outline-variant dark:border-r-outline-variant-dark'],
-  [OrSidebarPlacement.right]: [
-  // Borders
-  'border-l-[1px]', 'border-l-solid', 'border-l-outline-variant dark:border-l-outline-variant-dark']
-};
-const SidebarResize = [
-// Position
-'absolute', 'inset-y-none', 'z-[1]',
-// Box
-'w-sm+', 'h-[100%]',
-// Cursor
-'cursor-ew-resize'];
-const SidebarResizeSides = {
-  [OrSidebarPlacement.left]: [
-  // Position
-  '-right-[1px]',
-  // Borders
-  'hover:border-r-2', 'hover:border-r-primary-hover hover:dark:border-r-primary-hover-dark',
-  // Transition
-  'transition-[border-right]'],
-  [OrSidebarPlacement.right]: [
-  // Position
-  '-left-[1px]',
-  // Borders
-  'hover:border-l-2', 'hover:border-l-primary-hover hover:dark:border-l-primary-hover-dark',
-  // Transition
-  'transition-[border-left]']
-};
-const SidebarCollapseButton = [
-// Position
-'absolute', 'top-md', 'inset-y-none', 'z-[1]'];
-const SidebarCollapseButtonSides = {
-  [OrSidebarPlacement.left]: [
-  // Position
-  '-right-[12px]'],
-  [OrSidebarPlacement.right]: [
-  // Position
-  '-left-[12px]']
-};
-const SidebarResizingSides = {
-  [OrSidebarPlacement.left]: [
-  // Borders
-  'border-r-2', 'border-r-primary-hover dark:border-r-primary-hover-dark'],
-  [OrSidebarPlacement.right]: [
-  // Borders
-  'border-l-2', 'border-l-primary-hover dark:border-l-primary-hover-dark']
-};
-const SidebarMain = [
-// Layout
-'flex', 'flex-col', 'grow', 'overflow-x-hidden',
-// Box
-'min-h-0'];
-const SidebarHeader = [
-// Layout
-'shrink-0', 'overflow-hidden',
-// Sizing
-'p-md',
-// Typography
-'typography-headline-2', 'whitespace-nowrap', 'text-ellipsis'];
-const SidebarContent = [
-// Layout
-'grow', 'overflow-auto',
-// Sizing
-'p-md'];
-const SidebarFooter = [
-// Layout
-'shrink-0', 'overflow-x-hidden',
-// Sizing
-'p-md',
-// Borders
-'border-t-[1px]', 'border-t-solid', 'border-t-outline-variant dark:border-t-outline-variant-dark'];
 const CollapseButtonContainer = [
 // Box
 'w-[24px]', 'h-[24px]', 'rounded-full',
@@ -232,4 +118,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 var OrSidebarCollapseButton = __vue_component__;
 
-export { CollapsibleSidebarToolbar as C, OrSidebarPlacement as O, SidebarRoot as S, OrSidebarCollapseButton as a, SidebarBar as b, SidebarSides as c, SidebarToolbar as d, SidebarToolbarSides as e, SidebarResize as f, SidebarResizeSides as g, SidebarResizingSides as h, SidebarCollapseButton as i, SidebarCollapseButtonSides as j, SidebarMain as k, SidebarHeader as l, SidebarContent as m, SidebarFooter as n };
+export { OrSidebarPlacement as O, OrSidebarCollapseButton as a };

package/dist/bundled/v2/components/index.js

@@ -71,8 +71,8 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { _ as OrSelect } from '../OrSelect-a23d4210.js';
 export { _ as OrSelectV3 } from '../OrSelect-2ececfc1.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
-export { _ as OrSidebarV3 } from '../OrSidebar-64cc9127.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-fcc085c7.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-dd8296d4.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-64e065fa.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-9a2f39dc.js';
 export { _ as OrSlider } from '../OrSlider-59d05856.js';

package/dist/bundled/v2/components/or-sidebar-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrSidebarV3 } from '../../OrSidebar-64cc9127.js';
-export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-fcc085c7.js';
+export { _ as OrSidebarV3 } from '../../OrSidebar-dd8296d4.js';
+export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-64e065fa.js';
 import '@vueuse/core';
 import 'lodash';
 import '../../index-fa6eb4ca.js';

package/dist/bundled/v2/components/or-sidebar-v3/partials/index.d.ts

@@ -1 +1 @@
-export { default as OrSidebarCollapseButton } from './OrSidebarCollapseButton.vue';
+export * from './or-sidebar-collapse-button';

package/dist/bundled/v2/components/or-sidebar-v3/partials/index.js

@@ -1,4 +1,4 @@
-export { a as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-fcc085c7.js';
+export { a as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-64e065fa.js';
 import 'lodash';
 import '../../../index-fa6eb4ca.js';
 import 'vue';

package/dist/{esm/v2/components/or-sidebar-v3/partials → bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button}/OrSidebarCollapseButton.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { OrSidebarPlacement } from '../props';
+import { OrSidebarPlacement } from '../../props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;

package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts

@@ -0,0 +1 @@
+export { default as OrSidebarCollapseButton } from './OrSidebarCollapseButton.vue';

package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js

@@ -0,0 +1,18 @@
+export { a as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton-64e065fa.js';
+import 'lodash';
+import '../../../../index-fa6eb4ca.js';
+import 'vue';
+import '@vue/composition-api/dist/vue-composition-api.mjs';
+import '../../../../OrIconButton-837d57f8.js';
+import '../../../../OrIcon-458206aa.js';
+import '../../../../normalize-component-6e8e3d80.js';
+import '../../../../OrTooltip-b1f38647.js';
+import '@vueuse/core';
+import '../../../../OrPopover-4e8acb7b.js';
+import '../../../../floating-ui.dom.esm-83eba816.js';
+import '../../../../OrBottomSheet-ddba20c1.js';
+import '../../../../OrOverlay-efa7992e.js';
+import '../../../../OrTeleport.vue2-e9ba3054.js';
+import 'portal-vue';
+import '../../../../useElevation-aac032f4.js';
+import '../../../../useResponsive-e13dfbb0.js';

package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const CollapseButtonContainer: string[];
+export declare const CollapseButton: string[];

package/dist/bundled/v2/components/or-sidebar-v3/styles.d.ts

@@ -14,5 +14,3 @@ export declare const SidebarMain: string[];
 export declare const SidebarHeader: string[];
 export declare const SidebarContent: string[];
 export declare const SidebarFooter: string[];
-export declare const CollapseButtonContainer: string[];
-export declare const CollapseButton: string[];