@onereach/ui-components 5.7.1-beta.3226.0 → 6.0.0

package/dist/esm/v2/{OrCheckboxGroup-c67a86bf.js → OrCheckboxGroup-9c4ff9fd.js}

@@ -4,7 +4,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrCheckboxTree-c81f2968.js';
-import { _ as __vue_component__$2, F as FormGroupDirection } from './OrFormGroup-9000fcdf.js';
+import { _ as __vue_component__$2, F as FormGroupDirection } from './OrFormGroup-bed59f6c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrFormGroup-9000fcdf.js → OrFormGroup-bed59f6c.js}

@@ -15,12 +15,12 @@ const FormGroupRoot = [
 'layout-column', 'gap-md md:gap-sm'];
 const FormGroupContent = [
 // Layout
-'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
+'pl-[10px] md:pl-[0]'];
 const FormGroupLabel = [
 // Typography
 '!typography-body-2-regular', '!theme-foreground', 'dark:!theme-foreground-dark', 'invalid:!theme-foreground-error', 'dark:invalid:!theme-foreground-error-dark'];
 const FormGroupContentDirections = {
-  [FormGroupDirection.Vertical]: ['layout-column', 'gap-sm'],
+  [FormGroupDirection.Vertical]: ['layout-column', 'gap-md md:gap-sm'],
   [FormGroupDirection.Horizontal]: ['layout-row', 'gap-[18px] md:gap-md']
 };
 

package/dist/esm/v2/{OrRadioGroup-c35908e2.js → OrRadioGroup-dd15c51d.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrFormGroup-9000fcdf.js';
+import { _ as __vue_component__$1 } from './OrFormGroup-bed59f6c.js';
 import { _ as __vue_component__$2 } from './OrRadio-199a38b5.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSidebar-021d9e3f.js → OrSidebar-26c90771.js}

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

package/dist/esm/v2/{OrTabs-863901b6.js → OrTabs-1904e6dc.js}

@@ -20,7 +20,7 @@ const TabsRoot = [
 // Layout
 'grid', 'grid-flow-col', 'items-center',
 // Box
-'overflow-hidden', 'flex-shrink-0',
+'overflow-hidden',
 // Spacing
 'gap-lg',
 // Theme
@@ -36,15 +36,8 @@ const TabsRootVariants = {
 const TabsContainer = [
 // Layout
 'layout-column',
-// Box
-'h-full', 'overflow-hidden',
 // Spacing
 'gap-lg'];
-const TabsContent = [
-// Layout
-'grow',
-// box
-'h-full', 'overflow-auto'];
 
 var script = defineComponent({
   name: 'OrTabs',
@@ -91,7 +84,6 @@ 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: [],
@@ -157,7 +149,6 @@ var script = defineComponent({
       overflowMenuRoot,
       rootStyles,
       containerStyles,
-      contentStyles,
       tabs,
       proxyModelValue,
       activeTab
@@ -220,9 +211,7 @@ var __vue_render__ = function () {
         }
       }
     }, [_vm._v("\n          " + _vm._s(tab.label) + "\n        ")]);
-  }), 1)] : _vm._e()], 2), _vm._v(" "), _c('div', {
-    class: _vm.contentStyles
-  }, [_vm._t(String(_vm.proxyModelValue))], 2)]);
+  }), 1)] : _vm._e()], 2), _vm._v(" "), _vm._t(String(_vm.proxyModelValue))], 2);
 };
 var __vue_staticRenderFns__ = [];
 

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

@@ -11,7 +11,7 @@ export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCol
 export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-8b7d61f5.js';
 export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
 export { _ as OrCheckbox } from '../OrCheckbox-fcd6b64c.js';
-export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-c67a86bf.js';
+export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-9c4ff9fd.js';
 export { _ as OrCheckboxTreeV3 } from '../OrCheckboxTree-c81f2968.js';
 export { _ as OrCheckboxV3 } from '../OrCheckbox-06d3723c.js';
 export { _ as OrChip } from '../OrChip-6cae6dab.js';
@@ -41,7 +41,7 @@ export { _ as OrErrorV3 } from '../OrError-4ffc1c39.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../OrExpansionPanel-024a0fe1.js';
 export { F as FabColor, _ as OrFabV3 } from '../OrFab-f3a590c0.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-b41017c7.js';
-export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../OrFormGroup-9000fcdf.js';
+export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../OrFormGroup-bed59f6c.js';
 export { _ as OrHint } from '../OrHint-7eadc91e.js';
 export { _ as OrHintV3 } from '../OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-d26e8a1e.js';
@@ -77,7 +77,7 @@ export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '..
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-ded162ea.js';
 export { _ as OrRadio } from '../OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
-export { _ as OrRadioGroupV3 } from '../OrRadioGroup-c35908e2.js';
+export { _ as OrRadioGroupV3 } from '../OrRadioGroup-dd15c51d.js';
 export { _ as OrRadioV3 } from '../OrRadio-199a38b5.js';
 export { _ as OrSearch } from '../OrSearch-ac542dd6.js';
 export { _ as OrSearchV3 } from '../OrSearch-989ecaa1.js';
@@ -85,7 +85,7 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { _ as OrSelect } from '../OrSelect-c0d04cf6.js';
 export { _ as OrSelectV3 } from '../OrSelect-f25ad0cf.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from '../OrSidebar-021d9e3f.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-26c90771.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-a0bdec50.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from '../OrSkeletonRect-79162a84.js';
@@ -103,7 +103,7 @@ export { _ as OrTab } from '../OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from '../OrTab-88036fe9.js';
 export { _ as OrTabs } from '../OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-863901b6.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-1904e6dc.js';
 export { _ as OrTag } from '../OrTag-b5803a20.js';
 export { _ as OrTagInputV3 } from '../OrTagInput-572e89c9.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-03166a8f.js';

package/dist/esm/v2/components/or-checkbox-group-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-c67a86bf.js';
+export { _ as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-9c4ff9fd.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useProxyModelValue-940010d2.js';
@@ -14,6 +14,6 @@ import '../../isEmptyValue-fd56a6e4.js';
 import '../../OrLabel-4a3d8904.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrFormGroup-9000fcdf.js';
+import '../../OrFormGroup-bed59f6c.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';

package/dist/esm/v2/components/or-form-group-v3/index.js

@@ -1,4 +1,4 @@
-export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../../OrFormGroup-9000fcdf.js';
+export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../../OrFormGroup-bed59f6c.js';
 import 'vue-demi';
 import '../../OrLabel-4a3d8904.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-radio-group-v3/index.js

@@ -1,10 +1,10 @@
-export { _ as OrRadioGroupV3 } from '../../OrRadioGroup-c35908e2.js';
+export { _ as OrRadioGroupV3 } from '../../OrRadioGroup-dd15c51d.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrFormGroup-9000fcdf.js';
+import '../../OrFormGroup-bed59f6c.js';
 import '../../OrLabel-4a3d8904.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrError-4ffc1c39.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrSidebarV3 } from '../../OrSidebar-021d9e3f.js';
+export { _ as OrSidebarV3 } from '../../OrSidebar-26c90771.js';
 export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-a0bdec50.js';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/esm/v2/components/or-tabs-v3/OrTabs.vue.d.ts

@@ -17,7 +17,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;
@@ -78,7 +77,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     overflowMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
             value: string | number;

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

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-863901b6.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-1904e6dc.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useProxyModelValue-940010d2.js';

package/dist/esm/v2/components/or-tabs-v3/styles.d.ts

@@ -2,4 +2,3 @@ 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/esm/v2/index.js

@@ -11,7 +11,7 @@ export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardColl
 export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-8b7d61f5.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { _ as OrCheckbox } from './OrCheckbox-fcd6b64c.js';
-export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-c67a86bf.js';
+export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-9c4ff9fd.js';
 export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-c81f2968.js';
 export { _ as OrCheckboxV3 } from './OrCheckbox-06d3723c.js';
 export { _ as OrChip } from './OrChip-6cae6dab.js';
@@ -41,7 +41,7 @@ export { _ as OrErrorV3 } from './OrError-4ffc1c39.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-024a0fe1.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-f3a590c0.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-b41017c7.js';
-export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-9000fcdf.js';
+export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-bed59f6c.js';
 export { _ as OrHint } from './OrHint-7eadc91e.js';
 export { _ as OrHintV3 } from './OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-d26e8a1e.js';
@@ -77,7 +77,7 @@ export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-ded162ea.js';
 export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
-export { _ as OrRadioGroupV3 } from './OrRadioGroup-c35908e2.js';
+export { _ as OrRadioGroupV3 } from './OrRadioGroup-dd15c51d.js';
 export { _ as OrRadioV3 } from './OrRadio-199a38b5.js';
 export { _ as OrSearch } from './OrSearch-ac542dd6.js';
 export { _ as OrSearchV3 } from './OrSearch-989ecaa1.js';
@@ -85,7 +85,7 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { _ as OrSelect } from './OrSelect-c0d04cf6.js';
 export { _ as OrSelectV3 } from './OrSelect-f25ad0cf.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from './OrSidebar-021d9e3f.js';
+export { _ as OrSidebarV3 } from './OrSidebar-26c90771.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-a0bdec50.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
@@ -103,7 +103,7 @@ export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from './OrTab-88036fe9.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-863901b6.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-1904e6dc.js';
 export { _ as OrTag } from './OrTag-b5803a20.js';
 export { _ as OrTagInputV3 } from './OrTagInput-572e89c9.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-03166a8f.js';

package/dist/esm/v3/{OrCheckboxGroup-9bf9bc0e.js → OrCheckboxGroup-6f291e59.js}

@@ -4,7 +4,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrCheckboxTree-f6becd09.js';
-import { s as script$2, F as FormGroupDirection } from './OrFormGroup-c4631ef0.js';
+import { s as script$2, F as FormGroupDirection } from './OrFormGroup-37f2b304.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrFormGroup-c4631ef0.js → OrFormGroup-37f2b304.js}

@@ -15,12 +15,12 @@ const FormGroupRoot = [
 'layout-column', 'gap-md md:gap-sm'];
 const FormGroupContent = [
 // Layout
-'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
+'pl-[10px] md:pl-[0]'];
 const FormGroupLabel = [
 // Typography
 '!typography-body-2-regular', '!theme-foreground', 'dark:!theme-foreground-dark', 'invalid:!theme-foreground-error', 'dark:invalid:!theme-foreground-error-dark'];
 const FormGroupContentDirections = {
-  [FormGroupDirection.Vertical]: ['layout-column', 'gap-sm'],
+  [FormGroupDirection.Vertical]: ['layout-column', 'gap-md md:gap-sm'],
   [FormGroupDirection.Horizontal]: ['layout-row', 'gap-[18px] md:gap-md']
 };
 

package/dist/esm/v3/{OrRadioGroup-bd432209.js → OrRadioGroup-0d2a447e.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrFormGroup-c4631ef0.js';
+import { s as script$1 } from './OrFormGroup-37f2b304.js';
 import { s as script$2 } from './OrRadio-af656e37.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 

package/dist/esm/v3/{OrSidebar-53853f20.js → OrSidebar-196a0117.js}

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

package/dist/esm/v3/{OrTabs-166b8876.js → OrTabs-7d2f3587.js}

@@ -20,7 +20,7 @@ const TabsRoot = [
 // Layout
 'grid', 'grid-flow-col', 'items-center',
 // Box
-'overflow-hidden', 'flex-shrink-0',
+'overflow-hidden',
 // Spacing
 'gap-lg',
 // Theme
@@ -36,15 +36,8 @@ const TabsRootVariants = {
 const TabsContainer = [
 // Layout
 'layout-column',
-// Box
-'h-full', 'overflow-hidden',
 // Spacing
 'gap-lg'];
-const TabsContent = [
-// Layout
-'grow',
-// box
-'h-full', 'overflow-auto'];
 
 var script = defineComponent({
   name: 'OrTabs',
@@ -91,7 +84,6 @@ 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: [],
@@ -157,7 +149,6 @@ var script = defineComponent({
       overflowMenuRoot,
       rootStyles,
       containerStyles,
-      contentStyles,
       tabs,
       proxyModelValue,
       activeTab
@@ -216,9 +207,7 @@ 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 */), createElementVNode("div", {
-    class: normalizeClass(_ctx.contentStyles)
-  }, [renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))], 2 /* CLASS */)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))], 2 /* CLASS */);
 }
 
 script.render = render;

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

@@ -10,7 +10,7 @@ export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCol
 export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-c0a1ff70.js';
 export { s as OrCardV3 } from '../OrCard-cc82902c.js';
 export { s as OrCheckbox } from '../OrCheckbox-5666c954.js';
-export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-9bf9bc0e.js';
+export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-6f291e59.js';
 export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-f6becd09.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox-9f821a86.js';
 export { s as OrChip } from '../OrChip-74e27265.js';
@@ -38,7 +38,7 @@ export { s as OrErrorV3 } from '../OrError-c01d0c29.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-84a2f4a9.js';
 export { F as FabColor, s as OrFabV3 } from '../OrFab-83cd7ed7.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-052ede5f.js';
-export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-c4631ef0.js';
+export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-37f2b304.js';
 export { s as OrHint } from '../OrHint-8822005b.js';
 export { s as OrHintV3 } from '../OrHint-06ab89d7.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-f7130a5c.js';
@@ -74,7 +74,7 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '..
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-e383d682.js';
 export { s as OrRadio } from '../OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
-export { s as OrRadioGroupV3 } from '../OrRadioGroup-bd432209.js';
+export { s as OrRadioGroupV3 } from '../OrRadioGroup-0d2a447e.js';
 export { s as OrRadioV3 } from '../OrRadio-af656e37.js';
 export { s as OrSearch } from '../OrSearch-2800e9bf.js';
 export { s as OrSearchV3 } from '../OrSearch-95119a66.js';
@@ -82,7 +82,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { s as OrSelect } from '../OrSelect-9520d6e6.js';
 export { s as OrSelectV3 } from '../OrSelect-1de75c73.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
-export { s as OrSidebarV3 } from '../OrSidebar-53853f20.js';
+export { s as OrSidebarV3 } from '../OrSidebar-196a0117.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-5552cb78.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect-c694574e.js';
@@ -100,7 +100,7 @@ export { s as OrTab } from '../OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from '../OrTab-2d567d8e.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-166b8876.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-7d2f3587.js';
 export { s as OrTag } from '../OrTag-1b3b1296.js';
 export { s as OrTagInputV3 } from '../OrTagInput-a882052c.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-6d177cf7.js';

package/dist/esm/v3/components/or-checkbox-group-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-9bf9bc0e.js';
+export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-6f291e59.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useProxyModelValue-940010d2.js';
@@ -14,6 +14,6 @@ import '../../isEmptyValue-fd56a6e4.js';
 import '../../OrLabel-d4c46bb6.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrIcon-62793572.js';
-import '../../OrFormGroup-c4631ef0.js';
+import '../../OrFormGroup-37f2b304.js';
 import '../../OrError-c01d0c29.js';
 import '../../OrHint-06ab89d7.js';

package/dist/esm/v3/components/or-form-group-v3/index.js

@@ -1,4 +1,4 @@
-export { F as FormGroupDirection, s as OrFormGroupV3 } from '../../OrFormGroup-c4631ef0.js';
+export { F as FormGroupDirection, s as OrFormGroupV3 } from '../../OrFormGroup-37f2b304.js';
 import 'vue-demi';
 import '../../OrLabel-d4c46bb6.js';
 import 'vue';

package/dist/esm/v3/components/or-radio-group-v3/index.js

@@ -1,10 +1,10 @@
-export { s as OrRadioGroupV3 } from '../../OrRadioGroup-bd432209.js';
+export { s as OrRadioGroupV3 } from '../../OrRadioGroup-0d2a447e.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrFormGroup-c4631ef0.js';
+import '../../OrFormGroup-37f2b304.js';
 import '../../OrLabel-d4c46bb6.js';
 import 'vue';
 import '../../OrError-c01d0c29.js';

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

@@ -1,4 +1,4 @@
-export { s as OrSidebarV3 } from '../../OrSidebar-53853f20.js';
+export { s as OrSidebarV3 } from '../../OrSidebar-196a0117.js';
 export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-5552cb78.js';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/esm/v3/components/or-tabs-v3/OrTabs.vue.d.ts

@@ -22,7 +22,6 @@ 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/esm/v3/components/or-tabs-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-166b8876.js';
+export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-7d2f3587.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useProxyModelValue-940010d2.js';

package/dist/esm/v3/components/or-tabs-v3/styles.d.ts

@@ -2,4 +2,3 @@ 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/esm/v3/index.js

@@ -10,7 +10,7 @@ export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardColl
 export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-c0a1ff70.js';
 export { s as OrCardV3 } from './OrCard-cc82902c.js';
 export { s as OrCheckbox } from './OrCheckbox-5666c954.js';
-export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-9bf9bc0e.js';
+export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-6f291e59.js';
 export { s as OrCheckboxTreeV3 } from './OrCheckboxTree-f6becd09.js';
 export { s as OrCheckboxV3 } from './OrCheckbox-9f821a86.js';
 export { s as OrChip } from './OrChip-74e27265.js';
@@ -38,7 +38,7 @@ export { s as OrErrorV3 } from './OrError-c01d0c29.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-84a2f4a9.js';
 export { F as FabColor, s as OrFabV3 } from './OrFab-83cd7ed7.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-052ede5f.js';
-export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroup-c4631ef0.js';
+export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroup-37f2b304.js';
 export { s as OrHint } from './OrHint-8822005b.js';
 export { s as OrHintV3 } from './OrHint-06ab89d7.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-f7130a5c.js';
@@ -74,7 +74,7 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-e383d682.js';
 export { s as OrRadio } from './OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
-export { s as OrRadioGroupV3 } from './OrRadioGroup-bd432209.js';
+export { s as OrRadioGroupV3 } from './OrRadioGroup-0d2a447e.js';
 export { s as OrRadioV3 } from './OrRadio-af656e37.js';
 export { s as OrSearch } from './OrSearch-2800e9bf.js';
 export { s as OrSearchV3 } from './OrSearch-95119a66.js';
@@ -82,7 +82,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { s as OrSelect } from './OrSelect-9520d6e6.js';
 export { s as OrSelectV3 } from './OrSelect-1de75c73.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-aaf73310.js';
-export { s as OrSidebarV3 } from './OrSidebar-53853f20.js';
+export { s as OrSidebarV3 } from './OrSidebar-196a0117.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-5552cb78.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from './OrSkeletonRect-c694574e.js';
@@ -100,7 +100,7 @@ export { s as OrTab } from './OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from './OrTab-2d567d8e.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-166b8876.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-7d2f3587.js';
 export { s as OrTag } from './OrTag-1b3b1296.js';
 export { s as OrTagInputV3 } from './OrTagInput-a882052c.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-6d177cf7.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "5.7.1-beta.3226.0",
+  "version": "6.0.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": "0.3.1",
-    "@onereach/styles": "^3.3.0",
+    "@onereach/styles": "^4.0.0",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
     "@types/uuid": "8.3.1",
@@ -54,12 +54,12 @@
   },
   "devDependencies": {
     "@babel/preset-env": "7.18.10",
-    "@onereach/rollup-vue-lib-config": "2.4.0",
+    "@onereach/rollup-vue-lib-config": "2.4.1",
     "@rollup/plugin-replace": "4.0.0",
     "@rollup/plugin-url": "^8.0.1",
     "@vue/composition-api": "1.7.1",
     "glob": "9.3.0",
-    "sass": "1.32.8",
+    "sass": "1.63.4",
     "typescript": "4.9.5",
     "vue": "2.6.14",
     "vue-template-compiler": "2.6.14",
@@ -156,5 +156,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "87b465acb6b53d0a451d597a3f345f44e5d12b87"
 }

package/src/components/or-form-group-v3/styles.ts

@@ -8,7 +8,6 @@ export const FormGroupRoot: string[] = [
 export const FormGroupContent: string[] = [
   // Layout
   'pl-[10px] md:pl-[0]',
-  'gap-md md:gap-sm',
 ];
 
 export const FormGroupLabel: string[] = [
@@ -24,7 +23,7 @@ export const FormGroupLabel: string[] = [
 export const FormGroupContentDirections: Record<FormGroupDirection, string[]> = {
   [FormGroupDirection.Vertical]: [
     'layout-column',
-    'gap-sm',
+    'gap-md md:gap-sm',
   ],
   [FormGroupDirection.Horizontal]: [
     'layout-row',

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

@@ -11,7 +11,6 @@ export const SidebarRoot: string[] = [
 
   // Box
   'min-w-0',
-  'min-h-0',
   'h-full',
   'p-0',
 

package/src/components/or-tabs-v3/OrTabs.vue

@@ -39,9 +39,8 @@
         </OrMenu>
       </template>
     </div>
-    <div :class="contentStyles">
-      <slot :name="String(proxyModelValue)" />
-    </div>
+
+    <slot :name="String(proxyModelValue)" />
   </div>
 </template>
 
@@ -54,7 +53,7 @@ import { OrMenuItemV3 as OrMenuItem } from '../or-menu-item-v3';
 import { OrMenuV3 as OrMenu } from '../or-menu-v3';
 import { OrTabV3 as OrTab } from '../or-tab-v3';
 import { TabsVariant } from './props';
-import { TabsContainer, TabsRoot, TabsRootVariants, TabsContent } from './styles';
+import { TabsContainer, TabsRoot, TabsRootVariants } from './styles';
 import { TabsItem } from './types';
 
 export default defineComponent({
@@ -120,10 +119,6 @@ export default defineComponent({
       ...TabsContainer,
     ]);
 
-    const contentStyles = computed(() => [
-      ...TabsContent,
-    ]);
-
     // State
     const tabs = reactive({
       normal: [] as TabsItem[],
@@ -202,7 +197,6 @@ export default defineComponent({
       overflowMenuRoot,
       rootStyles,
       containerStyles,
-      contentStyles,
       tabs,
       proxyModelValue,
       activeTab,