@onereach/ui-components 8.0.8 → 8.0.9-beta.3621.0

package/dist/esm/v3/index.js

@@ -1,5 +1,5 @@
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from './OrAvatar-c1b2339e.js';
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar-495e5033.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar-c2d6f463.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from './OrBottomSheet-375aa75c.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-9118c20e.js';
 export { s as OrButtonV2 } from './OrButton-130ad8d9.js';
@@ -33,13 +33,13 @@ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-7a91060e.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-c0ff35b6.js';
 export { s as OrMenuV3 } from './OrMenu-72844eb1.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-3b07d49e.js';
-export { s as OrDateFormatV3 } from './OrDateFormat-8590fb19.js';
-export { s as OrDatePickerV3 } from './OrDatePicker-4c5cc5c8.js';
-export { s as OrDateRangePickerV3 } from './OrDateRangePicker-8504c6e3.js';
-export { s as OrDateTimeFormatV3 } from './OrDateTimeFormat-b9ba9f89.js';
+export { s as OrDateFormatV3 } from './OrDateFormat-934be120.js';
+export { s as OrDatePickerV3 } from './OrDatePicker-71467fbf.js';
+export { s as OrDateRangePickerV3 } from './OrDateRangePicker-3d15ae71.js';
+export { s as OrDateTimeFormatV3 } from './OrDateTimeFormat-82b281c8.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-4bfefbcd.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker-5a2b70e3.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-2ecdc981.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker-e4cee603.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-950549f6.js';
 export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from './getTimePlaceholder-13d5f743.js';
 export { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
@@ -96,8 +96,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { s as OrSelect } from './OrSelect-9520d6e6.js';
 export { s as OrSelectV3 } from './OrSelect-d2790afa.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-aaf73310.js';
-export { s as OrSidebarV3 } from './OrSidebar-8e0771d3.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from './props-aedf339b.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-f3f3d4ef.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from './OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from './OrSkeletonText-9a800de4.js';
@@ -112,9 +111,9 @@ export { s as OrSwitch } from './OrSwitch-fb864132.js';
 export { s as OrSwitchV3 } from './OrSwitch-a493c66d.js';
 export { s as OrTab } from './OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-c2af7ca3.js';
-export { s as OrTabV3 } from './OrTab-db771526.js';
+export { s as OrTabV3 } from './OrTab-276ea81d.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-faae418d.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-03b959f6.js';
 export { s as OrTag } from './OrTag-1b3b1296.js';
 export { s as OrTagInputV3 } from './OrTagInput-bdbf9b9f.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-a37e8e69.js';
@@ -125,9 +124,9 @@ export { s as OrTextV3 } from './OrText-d54c951d.js';
 export { s as OrTextarea } from './OrTextarea-7a753c1a.js';
 export { s as OrTextareaV3 } from './OrTextarea-e198e17e.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-cb6762c8.js';
-export { s as OrTimeFormatV3 } from './OrTimeFormat-360bca75.js';
-export { s as OrTimePickerV3 } from './OrTimePicker-95f72797.js';
-export { s as OrTimeRangePickerV3 } from './OrTimeRangePicker-58946ad3.js';
+export { s as OrTimeFormatV3 } from './OrTimeFormat-1c8d49fb.js';
+export { s as OrTimePickerV3 } from './OrTimePicker-f008a03b.js';
+export { s as OrTimeRangePickerV3 } from './OrTimeRangePicker-a4f2eb8d.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-d6f117e2.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-05a9c81b.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-8dc3e248.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.0.8",
+  "version": "8.0.9-beta.3621.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -39,7 +39,7 @@
     "@codemirror/lang-json": "6.0.1",
     "@codemirror/lang-markdown": "6.1.1",
     "@floating-ui/dom": "1.4.2",
-    "@onereach/styles": "^6.0.0",
+    "@onereach/styles": "^6.0.1-beta.3621.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -175,6 +175,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "80eeb749fcfa3d054f661f1d49e166fd8bfee5c8"
+  }
 }

package/src/components/or-avatar-v3/styles.ts

@@ -109,31 +109,46 @@ export const AvatarColors: Record<AvatarColor, string[]> = {
 
   [AvatarColor.Blue]: [
     // Theme
-    'theme-preset-1-primary',
-    'dark:theme-preset-1-primary-dark',
+    'theme-foreground-on-primary',
+    'dark:theme-foreground-on-primary-dark',
+
+    'theme-background-primary',
+    'dark:theme-background-primary-dark',
   ],
 
   [AvatarColor.Grey]: [
     // Theme
-    'theme-preset-1-secondary',
-    'dark:theme-preset-1-secondary-dark',
+    'theme-foreground-on-secondary',
+    'dark:theme-foreground-on-secondary-dark',
+
+    'theme-background-secondary',
+    'dark:theme-background-secondary-dark',
   ],
 
   [AvatarColor.Green]: [
     // Theme
-    'theme-preset-1-success',
-    'dark:theme-preset-1-success-dark',
+    'theme-foreground-on-success',
+    'dark:theme-foreground-on-success-dark',
+
+    'theme-background-success',
+    'dark:theme-background-success-dark',
   ],
 
   [AvatarColor.Yellow]: [
     // Theme
-    'theme-preset-1-warning',
-    'dark:theme-preset-1-warning-dark',
+    'theme-foreground-on-warning',
+    'dark:theme-foreground-on-warning-dark',
+
+    'theme-background-warning',
+    'dark:theme-background-warning-dark',
   ],
 
   [AvatarColor.Red]: [
     // Theme
-    'theme-preset-1-error',
-    'dark:theme-preset-1-error-dark',
+    'theme-foreground-on-error',
+    'dark:theme-foreground-on-error-dark',
+
+    'theme-background-error',
+    'dark:theme-background-error-dark',
   ],
 };

package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-date-control/styles.ts

@@ -6,16 +6,16 @@ export const DateTimePickerDateControl: string[] = [
   'interactivity-click',
 
   // Theme (focus)
+  'focus-visible:theme-border-underline',
+
   'focus-visible:theme-border-2-inherit',
   'dark:focus-visible:theme-border-2-inherit-dark',
 
-  'focus-visible:theme-border-underline',
-
   // Theme (selected)
+  'selected:theme-border-underline',
+
   'selected:theme-border-2-inherit',
   'dark:selected:theme-border-2-inherit-dark',
-
-  'selected:theme-border-underline',
 ];
 
 export const DateTimePickerDateControlPlaceholder: string[] = [

package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-popover-footer/styles.ts

@@ -12,8 +12,8 @@ export const DateTimePickerPopoverFooter: string[] = [
   'gap-md md:gap-sm',
 
   // Theme
+  'theme-border-overline',
+
   'theme-border-1-outline-variant',
   'dark:theme-border-1-outline-variant-dark',
-
-  'theme-border-overline',
 ];

package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/styles.ts

@@ -6,16 +6,16 @@ export const DateTimePickerTimeControl: string[] = [
   'interactivity-click',
 
   // Theme (focus)
+  'focus-visible:theme-border-underline',
+
   'focus-visible:theme-border-2-inherit',
   'dark:focus-visible:theme-border-2-inherit-dark',
 
-  'focus-visible:theme-border-underline',
-
   // Theme (selected)
+  'selected:theme-border-underline',
+
   'selected:theme-border-2-inherit',
   'dark:selected:theme-border-2-inherit-dark',
-
-  'selected:theme-border-underline',
 ];
 
 export const DateTimePickerTimeControlPlaceholder: string[] = [

package/src/components/or-sidebar-v3/styles.ts

@@ -79,10 +79,10 @@ export const SidebarFooter: string[] = [
   'overflow-hidden',
 
   // Theme
+  'theme-border-overline',
+
   'theme-border-1-outline-variant',
   'dark:theme-border-1-outline-variant-dark',
-
-  'theme-border-overline',
 ];
 
 export const SidebarFooterPaddings: Record<SidebarPadding, string[]> = {

package/src/components/or-tab-v3/styles.ts

@@ -15,11 +15,11 @@ export const TabRoot: string[] = [
   'theme-foreground-secondary',
   'dark:theme-foreground-secondary-dark',
 
+  'theme-border-underline',
+
   'theme-border-2-transparent',
   'dark:theme-border-2-transparent',
 
-  'theme-border-underline',
-
   // Theme (hover)
   'hover:md:theme-foreground-default',
   'dark:hover:md:theme-foreground-default-dark',
@@ -28,17 +28,17 @@ export const TabRoot: string[] = [
   'active:theme-foreground-default',
   'dark:active:theme-foreground-default-dark',
 
+  'active:theme-border-underline',
+
   'active:theme-border-2-current',
   'dark:active:theme-border-2-current',
 
-  'active:theme-border-underline',
-
   // Theme (selected)
   'selected:theme-foreground-default',
   'dark:selected:theme-foreground-default-dark',
 
+  'selected:theme-border-underline',
+
   'selected:theme-border-2-current',
   'dark:selected:theme-border-2-current',
-
-  'selected:theme-border-underline',
 ];

package/src/components/or-tabs-v3/styles.ts

@@ -14,10 +14,10 @@ export const TabsRoot: string[] = [
   'gap-lg',
 
   // Theme
+  'theme-border-underline',
+
   'theme-border-1-outline',
   'dark:theme-border-1-outline',
-
-  'theme-border-underline',
 ];
 
 export const TabsRootVariants: Record<TabsVariant, string[]> = {

package/dist/esm/v2/OrResizeablePanel-5e6fe9b7.js

@@ -1,65 +0,0 @@
-import { s as script } from './OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _obj;
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: 'root',
-    class: _vm.rootStyles,
-    style: (_obj = {}, _obj[_vm.currentDirection] = !_vm.collapsible || _vm.state === 'open' ? _vm.currentSize + "px" : 'auto', _obj)
-  }, [!_vm.collapsible || _vm.state === 'open' ? [_c('div', {
-    class: _vm.contentStyles
-  }, [_vm._t("default")], 2)] : [_c('div', {
-    class: _vm.contentPlaceholderStyles
-  })], _vm._v(" "), _c('div', {
-    ref: 'resizeBar',
-    class: _vm.resizeBarStyles,
-    attrs: {
-      "activated": _vm.isDragging ? '' : null
-    }
-  }), _vm._v(" "), _vm.collapsible ? [_c('div', {
-    class: _vm.collapseButtonContainerStyles
-  }, [_c('OrIconButton', {
-    attrs: {
-      "icon": _vm.collapseButtonIcon,
-      "color": 'primary',
-      "size": 'xl'
-    },
-    on: {
-      "click": function ($event) {
-        return _vm.toggle();
-      }
-    }
-  })], 1)] : _vm._e(), _vm._v(" "), _vm.$slots.toolbar ? [_c('div', {
-    class: _vm.toolbarStyles
-  }, [_vm._t("toolbar")], 2)] : _vm._e()], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as _ };

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

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

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

@@ -1,139 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../../OrIconButton-29a22ef8.js';
-import { S as SidebarPlacement } from '../../../props-e9140ae3.js';
-import { n as normalizeComponent } from '../../../normalize-component-6e8e3d80.js';
-import '../../../OrIcon-0343b3d8.js';
-import '../../../OrTooltip-b01c6ab1.js';
-import '@vueuse/core';
-import '../../../dom-aecadd9a.js';
-import 'lodash/isElement';
-import 'lodash/get';
-import '../../../usePopoverState-b92c698b.js';
-import '@onereach/styles/tailwind/plugins/core';
-import '@onereach/styles/tailwind.config.json';
-import '../../../OrPopover-2ced765c.js';
-import '@floating-ui/dom';
-import '../../../useElevation-a50ec347.js';
-import '../../../useResponsive-5c8291da.js';
-import '../../../OrBottomSheet-d95dd23d.js';
-import '../../../OrOverlay-868d1120.js';
-import '../../../OrTeleport.vue2-424c7f33.js';
-import 'portal-vue';
-import '../../../useTheme-0ef25778.js';
-import '../../../OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
-
-const CollapseButton = [
-// Box
-'w-[24px]', 'h-[24px]', 'rounded-full',
-// Theme
-'text-primary dark:text-primary-dark', 'bg-background dark:bg-background-dark'];
-const CollapseButtonButton = [
-// Box
-'w-[24px]', 'h-[24px]', 'rounded-full',
-// Typography
-'!text-[16px]',
-// Borders
-'!border-[1px]', '!border-solid',
-// Theme
-'!text-primary dark:!text-primary-dark', '!bg-background dark:!bg-background-dark', '!border-outline-variant dark:!border-outline-variant-dark', '!outline-none',
-// Theme (hover)
-'hover:!text-primary hover:dark:!text-primary-dark', 'hover:!bg-primary-opacity-0-08 dark:hover:!bg-primary-opacity-0-08-dark', 'hover:!border-outline dark:hover:!border-outline-dark',
-// Theme (active)
-'active:!text-primary active:dark:!text-primary-dark', 'active:!bg-primary-opacity-0-12 dark:active:!bg-primary-opacity-0-12-dark', 'active:!border-primary dark:active:!border-primary-dark',
-// Theme (focus)
-'focus-visible:!text-primary focus-visible:dark:!text-primary-dark', 'focus-visible:!bg-primary-opacity-0-12 dark:focus-visible:!bg-primary-opacity-0-12-dark', 'focus-visible:!border-outline dark:focus-visible:!border-outline-dark',
-// Theme (disabled)
-'disabled:!text-on-disabled disabled:dark:!text-on-disabled-dark', 'disabled:!bg-background disabled:dark:!bg-background-dark', 'disabled:!border-outline-variant disabled:dark:!border-outline-variant-dark'];
-
-var script = defineComponent({
-  name: 'OrSidebarCollapseButton',
-  components: {
-    OrIconButton: __vue_component__$1
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    /**
-     * Must be `true` if sidebar is collapsed.
-     */
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    side: {
-      type: String,
-      default: SidebarPlacement.Right
-    }
-  },
-  emits: ['update:modelValue'],
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    const rootStyles = computed(() => ['or-sidebar-collapse-button-v3', ...CollapseButton]);
-    const buttonStyles = computed(() => [...CollapseButtonButton]);
-    // State
-    const icon = computed(() => {
-      return props.side === SidebarPlacement.Left !== props.modelValue ? 'keyboard_arrow_left' : 'keyboard_arrow_right';
-    });
-    return {
-      root,
-      rootStyles,
-      buttonStyles,
-      icon
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: "root",
-    class: _vm.rootStyles
-  }, [_c('OrIconButton', {
-    attrs: {
-      "additional-styles": _vm.buttonStyles,
-      "icon": {
-        icon: _vm.icon,
-        size: 'inherit'
-      },
-      "color": 'inherit'
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.$emit('update:modelValue', !_vm.modelValue);
-      }
-    }
-  })], 1);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as OrSidebarCollapseButton };

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

@@ -1,51 +0,0 @@
-import { PropType } from 'vue-demi';
-import { SidebarPlacement } 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[]>;
-    buttonStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    icon: import("@vue/composition-api").ComputedRef<"keyboard_arrow_left" | "keyboard_arrow_right">;
-}> & import("@vue/composition-api").Data, {}, {}, {
-    /**
-     * Must be `true` if sidebar is collapsed.
-     */
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    side: {
-        type: PropType<"left" | "right">;
-        default: SidebarPlacement;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
-    /**
-     * Must be `true` if sidebar is collapsed.
-     */
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    side: {
-        type: PropType<"left" | "right">;
-        default: SidebarPlacement;
-    };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: boolean;
-    side: "left" | "right";
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    buttonStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    icon: import("@vue/composition-api").ComputedRef<"keyboard_arrow_left" | "keyboard_arrow_right">;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: boolean;
-    side: "left" | "right";
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    modelValue: boolean;
-    side: "left" | "right";
-}, true>);
-export default _default;

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

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

package/dist/esm/v2/props-e9140ae3.js

@@ -1,9 +0,0 @@
-import './OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
-
-var SidebarPlacement;
-(function (SidebarPlacement) {
-  SidebarPlacement["Left"] = "left";
-  SidebarPlacement["Right"] = "right";
-})(SidebarPlacement || (SidebarPlacement = {}));
-
-export { SidebarPlacement as S };

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

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

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

@@ -1,108 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from '../../../OrIconButton-a55f5ac0.js';
-import { S as SidebarPlacement } from '../../../props-aedf339b.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
-import '../../../OrIcon-8f6c9c29.js';
-import '../../../OrTooltip-bdd46da2.js';
-import '@vueuse/core';
-import '../../../dom-aecadd9a.js';
-import 'lodash/isElement';
-import 'lodash/get';
-import '../../../usePopoverState-b92c698b.js';
-import '@onereach/styles/tailwind/plugins/core';
-import '@onereach/styles/tailwind.config.json';
-import '../../../OrPopover-3b07d49e.js';
-import '@floating-ui/dom';
-import '../../../useElevation-a50ec347.js';
-import '../../../useResponsive-5c8291da.js';
-import '../../../OrBottomSheet-375aa75c.js';
-import '../../../OrOverlay-6269c33a.js';
-import '../../../OrTeleport.vue3-8099178c.js';
-import '../../../useTheme-0ef25778.js';
-import '../../../OrResizeablePanel-81a57c7a.js';
-
-const CollapseButton = [
-// Box
-'w-[24px]', 'h-[24px]', 'rounded-full',
-// Theme
-'text-primary dark:text-primary-dark', 'bg-background dark:bg-background-dark'];
-const CollapseButtonButton = [
-// Box
-'w-[24px]', 'h-[24px]', 'rounded-full',
-// Typography
-'!text-[16px]',
-// Borders
-'!border-[1px]', '!border-solid',
-// Theme
-'!text-primary dark:!text-primary-dark', '!bg-background dark:!bg-background-dark', '!border-outline-variant dark:!border-outline-variant-dark', '!outline-none',
-// Theme (hover)
-'hover:!text-primary hover:dark:!text-primary-dark', 'hover:!bg-primary-opacity-0-08 dark:hover:!bg-primary-opacity-0-08-dark', 'hover:!border-outline dark:hover:!border-outline-dark',
-// Theme (active)
-'active:!text-primary active:dark:!text-primary-dark', 'active:!bg-primary-opacity-0-12 dark:active:!bg-primary-opacity-0-12-dark', 'active:!border-primary dark:active:!border-primary-dark',
-// Theme (focus)
-'focus-visible:!text-primary focus-visible:dark:!text-primary-dark', 'focus-visible:!bg-primary-opacity-0-12 dark:focus-visible:!bg-primary-opacity-0-12-dark', 'focus-visible:!border-outline dark:focus-visible:!border-outline-dark',
-// Theme (disabled)
-'disabled:!text-on-disabled disabled:dark:!text-on-disabled-dark', 'disabled:!bg-background disabled:dark:!bg-background-dark', 'disabled:!border-outline-variant disabled:dark:!border-outline-variant-dark'];
-
-var script = defineComponent({
-  name: 'OrSidebarCollapseButton',
-  components: {
-    OrIconButton: script$1
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    /**
-     * Must be `true` if sidebar is collapsed.
-     */
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    side: {
-      type: String,
-      default: SidebarPlacement.Right
-    }
-  },
-  emits: ['update:modelValue'],
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    const rootStyles = computed(() => ['or-sidebar-collapse-button-v3', ...CollapseButton]);
-    const buttonStyles = computed(() => [...CollapseButtonButton]);
-    // State
-    const icon = computed(() => {
-      return props.side === SidebarPlacement.Left !== props.modelValue ? 'keyboard_arrow_left' : 'keyboard_arrow_right';
-    });
-    return {
-      root,
-      rootStyles,
-      buttonStyles,
-      icon
-    };
-  }
-});
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIconButton = resolveComponent("OrIconButton");
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
-  }, [createVNode(_component_OrIconButton, {
-    "additional-styles": _ctx.buttonStyles,
-    icon: {
-      icon: _ctx.icon,
-      size: 'inherit'
-    },
-    color: 'inherit',
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('update:modelValue', !_ctx.modelValue), ["stop"]))
-  }, null, 8 /* PROPS */, ["additional-styles", "icon"])], 2 /* CLASS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue";
-
-export { script as OrSidebarCollapseButton };