@onereach/ui-components 2.74.7 → 2.74.8-beta.2332.0

package/dist/bundled/v2/{OrCardCollection-2429285f.js → OrCardCollection-3abc6259.js}

@@ -6,7 +6,7 @@ import { O as OrButton } from './OrButton-0a9470c0.js';
 import { O as OrMenu } from './OrMenu-021f347c.js';
 import { O as OrMenuItem } from './OrMenuItem-f295292e.js';
 import { O as OrIcon } from './OrIcon-2efd1925.js';
-import { O as OrSearch } from './OrSearch-0178b612.js';
+import { O as OrSearch } from './OrSearch-904d2382.js';
 
 const CardCollectionRoot = [
 // Layout

package/dist/bundled/v2/{OrCheckbox-41d31e45.js → OrCheckbox-384760cb.js}

@@ -12,7 +12,7 @@ const CheckboxRoot = [
 'gap-sm+ md:gap-sm'];
 const CheckboxControl = [
 // Layout
-'layout-row justify-center',
+'layout-row justify-center', 'shrink-0',
 // Box
 'w-md+ md:w-md', 'h-md+ md:h-md',
 // Shape

package/dist/bundled/v2/{OrConfirm-2cdb78b3.js → OrConfirm-fea00e7f.js}

@@ -3,7 +3,7 @@ import { l as logicAnd } from './index-17f264f9.js';
 import './index-fa6eb4ca.js';
 import { O as OrOverlay } from './OrOverlay-cb55bf20.js';
 import { O as OrButton, a as ButtonColor } from './OrButton-0a9470c0.js';
-import { O as OrInput } from './OrInput-93ccd5f2.js';
+import { O as OrInput } from './OrInput-bb9eabf2.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/{OrInput-93ccd5f2.js → OrInput-bb9eabf2.js}

@@ -3,7 +3,7 @@ import { O as OrError } from './OrError-52f668a4.js';
 import { O as OrHint } from './OrHint-fde53334.js';
 import { O as OrIcon } from './OrIcon-2efd1925.js';
 import { O as OrIconButton } from './OrIconButton-037b9c33.js';
-import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.js';
+import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-a6abbb63.js';
 import { O as OrLabel } from './OrLabel-aff09c39.js';
 import { O as OrLoader } from './OrLoader-cf28bfa6.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';

package/dist/bundled/v2/{OrInputBox-e54dcef9.js → OrInputBox-a6abbb63.js}

@@ -21,7 +21,9 @@ const InputBoxRoot = [
 // Shape
 'rounded-md',
 // Theme (children)
-'children:outline-none'];
+'children:outline-none',
+//Typography
+'truncate', 'min-w-0'];
 const InputBoxRootVariants = {
   'styled': [
   // Theme

package/dist/bundled/v2/{OrSearch-0178b612.js → OrSearch-904d2382.js}

@@ -1,8 +1,8 @@
 import { debouncedWatch } from '@vueuse/core';
 import './index-fa6eb4ca.js';
-import { O as OrInput } from './OrInput-93ccd5f2.js';
+import { O as OrInput } from './OrInput-bb9eabf2.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
-import { a as InputBoxSize } from './OrInputBox-e54dcef9.js';
+import { a as InputBoxSize } from './OrInputBox-a6abbb63.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/bundled/v2/{OrSelect-43ba3073.js → OrSelect-1e3e1eab.js}

@@ -1,15 +1,15 @@
 import './index-fa6eb4ca.js';
-import { O as OrCheckbox } from './OrCheckbox-41d31e45.js';
+import { O as OrCheckbox } from './OrCheckbox-384760cb.js';
 import { O as OrError } from './OrError-52f668a4.js';
 import { O as OrExpansionPanel } from './OrExpansionPanel-8968da49.js';
 import { O as OrHint } from './OrHint-fde53334.js';
 import { O as OrIcon } from './OrIcon-2efd1925.js';
-import { O as OrInput } from './OrInput-93ccd5f2.js';
-import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.js';
+import { O as OrInput } from './OrInput-bb9eabf2.js';
+import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-a6abbb63.js';
 import { O as OrLabel } from './OrLabel-aff09c39.js';
 import { O as OrMenuItem } from './OrMenuItem-f295292e.js';
 import { O as OrPopover } from './OrPopover-0697699f.js';
-import { O as OrTag } from './OrTag-59ab76c5.js';
+import { O as OrTag } from './OrTag-6ecab827.js';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
 import { u as useOverflow } from './useOverflow-bae6342f.js';
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -33,7 +33,9 @@ const SelectPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
 // Interactivity
-'select-none'];
+'select-none',
+// Typography
+'truncate'];
 const SelectDropdown = [
 // Overflow
 'overflow-y-auto',
@@ -365,7 +367,9 @@ var __vue_render__ = function () {
   }, {
     "model": _vm.proxyModelValue
   })] : [_vm.proxyModelValue ? [_vm._t("valueTemplate", function () {
-    return [_vm._v("\n            " + _vm._s(_vm.selection.label) + "\n          ")];
+    return [_c('span', {
+      staticClass: "truncate"
+    }, [_vm._v("\n              " + _vm._s(_vm.selection.label) + "\n            ")])];
   }, {
     "model": _vm.proxyModelValue
   })] : [_c('span', {

package/dist/bundled/v2/{OrTag-59ab76c5.js → OrTag-6ecab827.js}

@@ -19,7 +19,7 @@ const TagRoot = [
 // Layout
 'layout-inline-row',
 // Box
-'max-w-fit',
+'max-w-full',
 // Shape
 'rounded-full',
 // Spacing
@@ -122,7 +122,9 @@ var __vue_render__ = function () {
         return _vm.$emit('blur', $event);
       }
     }
-  }, [_vm._t("default"), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
+  }, [_c('div', {
+    staticClass: "truncate"
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
     class: ['layout-row', 'm-[-4px] md:m-[-2px]']
   }, [_c('OrIconButton', {
     attrs: {

package/dist/bundled/v2/{OrTextarea-5fdf63d0.js → OrTextarea-76c6db1b.js}

@@ -1,7 +1,7 @@
 import './index-fa6eb4ca.js';
 import { O as OrError } from './OrError-52f668a4.js';
 import { O as OrHint } from './OrHint-fde53334.js';
-import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.js';
+import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-a6abbb63.js';
 import { O as OrLabel } from './OrLabel-aff09c39.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
 import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';

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

@@ -8,18 +8,18 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-0a9470c0.js';
 export { O as OrCard } from '../OrCard-e07c7e8c.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-393dd952.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-2429285f.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-3abc6259.js';
 export { _ as OrCardV3 } from '../OrCard-45d5869b.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-0a3079c4.js';
 export { O as OrCheckbox } from '../OrCheckbox-a7b582e7.js';
-export { O as OrCheckboxV3 } from '../OrCheckbox-41d31e45.js';
+export { O as OrCheckboxV3 } from '../OrCheckbox-384760cb.js';
 export { O as OrChip } from '../OrChip-5223485f.js';
 export { _ as OrChips } from '../OrChips-03362e17.js';
 export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-538d60b8.js';
 export { O as OrCollapse } from '../OrCollapse-ec5dda58.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-f654471a.js';
 export { _ as OrConfirm } from '../OrConfirm-62ddc635.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-2cdb78b3.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-fea00e7f.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-24a56fd2.js';
 export { O as OrError } from '../OrError-29f0ce95.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-4675604d.js';
@@ -37,8 +37,8 @@ export { I as InlineInputBoxSize, I as InlineInputSize, O as OrInlineInputBoxV3
 export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-6a0ac021.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-a2d67c20.js';
 export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-59183fa9.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-e54dcef9.js';
-export { I as InputType, O as OrInputV3 } from '../OrInput-93ccd5f2.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-a6abbb63.js';
+export { I as InputType, O as OrInputV3 } from '../OrInput-bb9eabf2.js';
 export { O as OrInput } from '../OrInput-ec3d5c5b.js';
 export { O as OrLabel } from '../OrLabel-f19ccb5f.js';
 export { L as LabelVariant, O as OrLabelV3 } from '../OrLabel-aff09c39.js';
@@ -66,10 +66,10 @@ export { _ as OrRadio } from '../OrRadio-c3655202.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-fbe23f97.js';
 export { _ as OrRadioV3 } from '../OrRadio-2d05cea7.js';
 export { O as OrSearch } from '../OrSearch-51152b91.js';
-export { O as OrSearchV3 } from '../OrSearch-0178b612.js';
+export { O as OrSearchV3 } from '../OrSearch-904d2382.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-878279bf.js';
 export { _ as OrSelect } from '../OrSelect-0213e21a.js';
-export { _ as OrSelectV3 } from '../OrSelect-43ba3073.js';
+export { _ as OrSelectV3 } from '../OrSelect-1e3e1eab.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-9e7fe79c.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-b7a27e27.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-e8632afe.js';
@@ -86,12 +86,12 @@ export { O as OrTabV3 } from '../OrTab-8c5acf8a.js';
 export { _ as OrTabs } from '../OrTabs-251baec9.js';
 export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-70c1818f.js';
 export { _ as OrTag } from '../OrTag-e0b41e02.js';
-export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-59ab76c5.js';
+export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-6ecab827.js';
 export { O as OrTeleport } from '../OrTeleport.vue2-90147f16.js';
 export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
 export { _ as OrTextV3 } from '../OrText-a665b991.js';
 export { _ as OrTextarea } from '../OrTextarea-3fb6d95f.js';
-export { _ as OrTextareaV3 } from '../OrTextarea-5fdf63d0.js';
+export { _ as OrTextareaV3 } from '../OrTextarea-76c6db1b.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-614aa7fc.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-1faa828c.js';
 export { O as OrToast, _ as OrToastContainer } from '../OrToastContainer-346659c4.js';

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

@@ -1,4 +1,4 @@
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-2429285f.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-3abc6259.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -19,11 +19,11 @@ import '../../OrButton-0a9470c0.js';
 import '../../OrLoader-cf28bfa6.js';
 import '../../OrMenu-021f347c.js';
 import '../../OrMenuItem-f295292e.js';
-import '../../OrSearch-0178b612.js';
-import '../../OrInput-93ccd5f2.js';
+import '../../OrSearch-904d2382.js';
+import '../../OrInput-bb9eabf2.js';
 import '../../OrError-52f668a4.js';
 import '../../OrHint-fde53334.js';
-import '../../OrInputBox-e54dcef9.js';
+import '../../OrInputBox-a6abbb63.js';
 import '../../OrLabel-aff09c39.js';
 import '../../useIdAttribute-cf61643f.js';
 import '../../useValidationAttributes-6df7bcf9.js';

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

@@ -1,4 +1,4 @@
-export { O as OrCheckboxV3 } from '../../OrCheckbox-41d31e45.js';
+export { O as OrCheckboxV3 } from '../../OrCheckbox-384760cb.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

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

@@ -1,4 +1,4 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-2cdb78b3.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-fea00e7f.js';
 import '@vueuse/core';
 import '../../index-17f264f9.js';
 import '../../index-fa6eb4ca.js';
@@ -11,7 +11,7 @@ import '../../normalize-component-6e8e3d80.js';
 import '../../useElevation-b6e7590a.js';
 import '../../OrButton-0a9470c0.js';
 import '../../OrLoader-cf28bfa6.js';
-import '../../OrInput-93ccd5f2.js';
+import '../../OrInput-bb9eabf2.js';
 import '../../OrError-52f668a4.js';
 import '../../OrHint-fde53334.js';
 import '../../OrIcon-2efd1925.js';
@@ -21,7 +21,7 @@ import '../../OrPopover-0697699f.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../../OrBottomSheet-41164e06.js';
 import '../../useResponsive-e13dfbb0.js';
-import '../../OrInputBox-e54dcef9.js';
+import '../../OrInputBox-a6abbb63.js';
 import '../../OrLabel-aff09c39.js';
 import '../../useIdAttribute-cf61643f.js';
 import '../../useValidationAttributes-6df7bcf9.js';

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

@@ -1,4 +1,4 @@
-export { a as InputBoxSize, I as InputBoxVariant, O as OrInputBoxV3 } from '../../OrInputBox-e54dcef9.js';
+export { a as InputBoxSize, I as InputBoxVariant, O as OrInputBoxV3 } from '../../OrInputBox-a6abbb63.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

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

@@ -1,5 +1,5 @@
-export { I as InputType, O as OrInputV3 } from '../../OrInput-93ccd5f2.js';
-export { a as InputSize } from '../../OrInputBox-e54dcef9.js';
+export { I as InputType, O as OrInputV3 } from '../../OrInput-bb9eabf2.js';
+export { a as InputSize } from '../../OrInputBox-a6abbb63.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

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

@@ -1,10 +1,10 @@
-export { O as OrSearchV3 } from '../../OrSearch-0178b612.js';
-export { a as SearchSize } from '../../OrInputBox-e54dcef9.js';
+export { O as OrSearchV3 } from '../../OrSearch-904d2382.js';
+export { a as SearchSize } from '../../OrInputBox-a6abbb63.js';
 import '@vueuse/core';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
-import '../../OrInput-93ccd5f2.js';
+import '../../OrInput-bb9eabf2.js';
 import '../../OrError-52f668a4.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-fde53334.js';

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

@@ -1,9 +1,9 @@
-export { _ as OrSelectV3 } from '../../OrSelect-43ba3073.js';
-export { a as SelectSize } from '../../OrInputBox-e54dcef9.js';
+export { _ as OrSelectV3 } from '../../OrSelect-1e3e1eab.js';
+export { a as SelectSize } from '../../OrInputBox-a6abbb63.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
-import '../../OrCheckbox-41d31e45.js';
+import '../../OrCheckbox-384760cb.js';
 import '../../OrLabel-aff09c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../useIdAttribute-cf61643f.js';
@@ -12,7 +12,7 @@ import '../../OrError-52f668a4.js';
 import '../../OrExpansionPanel-8968da49.js';
 import '../../OrIcon-2efd1925.js';
 import '../../OrHint-fde53334.js';
-import '../../OrInput-93ccd5f2.js';
+import '../../OrInput-bb9eabf2.js';
 import '../../OrIconButton-037b9c33.js';
 import '../../OrTooltip-9ef540f0.js';
 import '@vueuse/core';
@@ -27,6 +27,6 @@ import '../../useResponsive-e13dfbb0.js';
 import '../../OrLoader-cf28bfa6.js';
 import '../../useValidationAttributes-6df7bcf9.js';
 import '../../OrMenuItem-f295292e.js';
-import '../../OrTag-59ab76c5.js';
+import '../../OrTag-6ecab827.js';
 import '../../dropdown-open-e2a93aaf.js';
 import '../../useOverflow-bae6342f.js';

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

@@ -1,4 +1,4 @@
-export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-59ab76c5.js';
+export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-6ecab827.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

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

@@ -1,5 +1,5 @@
-export { _ as OrTextareaV3 } from '../../OrTextarea-5fdf63d0.js';
-export { a as TextareaSize } from '../../OrInputBox-e54dcef9.js';
+export { _ as OrTextareaV3 } from '../../OrTextarea-76c6db1b.js';
+export { a as TextareaSize } from '../../OrInputBox-a6abbb63.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';