@onereach/ui-components 6.1.1 → 6.1.2-beta.3248.0

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-53a557ca.js → OrTabs.vue_vue_type_script_lang-d53cdbc8.js}

@@ -1,7 +1,7 @@
 import { f as useResizeObserver } from './index-929e224a.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './components/OrTabsV3/props.js';
-import { TabsRoot, TabsRootVariants, TabsContainer } from './components/OrTabsV3/styles.js';
+import { TabsRoot, TabsRootVariants, TabsContainer, TabsContent } from './components/OrTabsV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
@@ -57,6 +57,7 @@ var script = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-tabs-v3', ...TabsRoot, ...TabsRootVariants[props.variant]]);
     const containerStyles = computed(() => [...TabsContainer]);
+    const contentStyles = computed(() => [...TabsContent]);
     // State
     const tabs = reactive({
       normal: [],
@@ -122,6 +123,7 @@ var script = defineComponent({
       overflowMenuRoot,
       rootStyles,
       containerStyles,
+      contentStyles,
       tabs,
       proxyModelValue,
       activeTab

package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-2d963ac1.js';
-export { s as default } from '../../OrSidebar.vue_vue_type_script_lang-2d963ac1.js';
+import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-5e39e11c.js';
+export { s as default } from '../../OrSidebar.vue_vue_type_script_lang-5e39e11c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

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

@@ -1,2 +1,2 @@
 export { OrSidebarPlacement } from './props.js';
-export { s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-2d963ac1.js';
+export { s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-5e39e11c.js';

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

@@ -4,7 +4,7 @@ const SidebarRoot = [
 // Layout
 'flex', 'flex-row', 'shrink-0',
 // Box
-'min-w-0', 'h-full', 'p-0',
+'min-w-0', 'min-h-0', 'h-full', 'p-0',
 // Theme
 'bg-background', 'dark:bg-background-dark'];
 const SidebarBar = [

package/dist/bundled/v3/components/OrTabsV3/OrTabs.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrTabs.vue_vue_type_script_lang-53a557ca.js';
-export { s as default } from '../../OrTabs.vue_vue_type_script_lang-53a557ca.js';
+import { s as script } from '../../OrTabs.vue_vue_type_script_lang-d53cdbc8.js';
+export { s as default } from '../../OrTabs.vue_vue_type_script_lang-d53cdbc8.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -53,7 +53,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128 /* KEYED_FRAGMENT */))]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))], 2 /* CLASS */)], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/bundled/v3/components/OrTabsV3/OrTabs.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     overflowMenuRoot: import("vue-demi").ComputedRef<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     containerStyles: import("vue-demi").ComputedRef<string[]>;
+    contentStyles: import("vue-demi").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;

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

@@ -1,2 +1,2 @@
 export { TabsVariant } from './props.js';
-export { s as OrTabsV3 } from '../../OrTabs.vue_vue_type_script_lang-53a557ca.js';
+export { s as OrTabsV3 } from '../../OrTabs.vue_vue_type_script_lang-d53cdbc8.js';

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

@@ -2,3 +2,4 @@ import { TabsVariant } from './props';
 export declare const TabsRoot: string[];
 export declare const TabsRootVariants: Record<TabsVariant, string[]>;
 export declare const TabsContainer: string[];
+export declare const TabsContent: string[];

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

@@ -2,7 +2,7 @@ const TabsRoot = [
 // Layout
 'grid', 'grid-flow-col', 'items-center',
 // Box
-'overflow-hidden',
+'overflow-hidden', 'flex-shrink-0',
 // Spacing
 'gap-lg',
 // Theme
@@ -18,7 +18,14 @@ const TabsRootVariants = {
 const TabsContainer = [
 // Layout
 'layout-column',
+// Box
+'h-full', 'overflow-hidden',
 // Spacing
 'gap-lg'];
+const TabsContent = [
+// Layout
+'grow',
+// box
+'h-full', 'overflow-auto'];
 
-export { TabsContainer, TabsRoot, TabsRootVariants };
+export { TabsContainer, TabsContent, TabsRoot, TabsRootVariants };

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

@@ -120,7 +120,7 @@ export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-0e16c49d.js'
 export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-6bdb35b4.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-81941fe6.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
-export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-2d963ac1.js';
+export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-5e39e11c.js';
 export { OrSidebarPlacement } from './OrSidebarV3/props.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle.vue_vue_type_script_lang-b768e00d.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect.vue_vue_type_script_lang-32f819ad.js';
@@ -138,7 +138,7 @@ export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-d9ee65b6.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-e1a0b91f.js';
 export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-8af58197.js';
 export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-9129d34b.js';
-export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-53a557ca.js';
+export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-d53cdbc8.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-e3c6c3ea.js';
 export { s as OrTagInputV3 } from '../OrTagInput.vue_vue_type_script_lang-aad1679e.js';