@onereach/ui-components 4.7.4-beta.2870.0 → 4.7.4

package/dist/bundled/v2/components/OrCardCollectionV3/styles.js

@@ -2,7 +2,9 @@ const CardCollectionRoot = [
 // Layout
 'layout-column',
 // Spacing
-'gap-md'];
+'gap-md', 'max-h-full',
+// Overflow
+'overflow-hidden'];
 const CardCollectionToolbar = [
 // Layout
 'layout-row justify-between',
@@ -19,7 +21,9 @@ const CardCollectionContent = [
 // Layout
 'grid',
 // Spacing
-'gap-sm md:gap-md'];
+'gap-sm md:gap-md',
+// Overflow
+'overflow-auto'];
 const CardCollectionContentViews = {
   'grid': [
   // Layout

package/dist/bundled/v2/components/OrInlineInputV3/styles.js

@@ -8,7 +8,7 @@ const InlineInputControl = [
 'w-full',
 // Typography
 'typography-inherit',
-// Theme (placeholder)
+// Theme
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineInputAction = [
 // Layout

package/dist/bundled/v2/components/OrInlineTextareaV3/styles.js

@@ -8,7 +8,7 @@ const InlineTextareaControl = [
 'w-full',
 // Typography
 'typography-inherit',
-// Theme (placeholder)
+// Theme
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineTextareaAction = [
 // Layout

package/dist/bundled/v2/components/OrInputBoxV3/styles.js

@@ -1,8 +1,6 @@
 const InputBoxRoot = [
 // Layout
 'layout-row',
-// Overflow
-'overflow-hidden',
 // Box
 'w-full',
 // Shape

package/dist/bundled/v2/components/OrInputV3/styles.js

@@ -5,10 +5,10 @@ const InputRoot = [
 'gap-xs'];
 const InputControl = [
 // Box
-'flex-auto',
+'w-full',
 // Typography
 'typography-inherit',
-// Theme (placeholder)
+// Theme
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 
 export { InputControl, InputRoot };

package/dist/bundled/v2/components/OrTagsV3/OrTags.js

@@ -54,8 +54,6 @@ var script = defineComponent({
       default: undefined
     }
   },
-  emits: ['click', 'focus', 'blur', 'reset'],
-  expose: ['root'],
   setup(props) {
     // Refs
     const root = ref();
@@ -114,12 +112,7 @@ var __vue_render__ = function () {
     class: _vm.containerStyles
   }, _vm._l(_vm.items, function (item) {
     return _c('OrTag', _vm._b({
-      key: item,
-      on: {
-        "reset": function ($event) {
-          return _vm.$emit('reset', item);
-        }
-      }
+      key: item
     }, 'OrTag', _vm.tagProps, false), [_vm._v("\n      " + _vm._s(item) + "\n    ")]);
   }), 1), _vm._v(" "), _vm.overflowItems.length > 0 ? [_c('OrButton', {
     ref: "overflowButton",
@@ -144,12 +137,7 @@ var __vue_render__ = function () {
     class: _vm.overflowPopoverStyles
   }, _vm._l(_vm.overflowItems, function (item) {
     return _c('OrTag', _vm._b({
-      key: item,
-      on: {
-        "reset": function ($event) {
-          return _vm.$emit('reset', item);
-        }
-      }
+      key: item
     }, 'OrTag', _vm.tagProps, false), [_vm._v("\n          " + _vm._s(item) + "\n        ")]);
   }), 1)])] : _vm._e()], 2);
 };

package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts

@@ -46,9 +46,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     tagProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     overflowButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -68,14 +66,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     overflowItems: import("@vue/composition-api").ComputedRef<string[]>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     items: string[];
     tagProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
+} & {}, {
     items: string[];
     tagProps: Readonly<Partial<{
         [x: number]: string;

package/dist/bundled/v2/components/OrTagsV3/styles.js

@@ -1,8 +1,6 @@
 const Tags = [
 // Layout
 'layout-row',
-// Overflow
-'overflow-hidden',
 // Spacing
 'gap-sm',
 // Theme

package/dist/bundled/v2/components/OrTextareaV3/styles.js

@@ -10,7 +10,7 @@ const TextareaControl = [
 'px-md md:px-sm+', 'py-sm md:py-xs', '!m-none',
 // Typography
 'typography-inherit',
-// Theme (placeholder)
+// Theme
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 
 export { TextareaControl, TextareaRoot };

package/dist/bundled/v2/components/index.d.ts

@@ -10,9 +10,9 @@ export * from './or-card-collection-v3';
 export * from './or-card-v3';
 export * from './or-carousel';
 export * from './or-checkbox';
+export * from './or-checkbox-v3';
 export * from './or-checkbox-group-v3';
 export * from './or-checkbox-tree-v3';
-export * from './or-checkbox-v3';
 export * from './or-chips';
 export * from './or-code';
 export * from './or-collapse';
@@ -90,7 +90,6 @@ export * from './or-tab-v3';
 export * from './or-tabs';
 export * from './or-tabs-v3';
 export * from './or-tag';
-export * from './or-tag-input-v3';
 export * from './or-tag-v3';
 export * from './or-tags-v3';
 export * from './or-teleport';

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

@@ -20,9 +20,9 @@ export { default as OrCardV3 } from './OrCardV3/OrCard.js';
 export { default as OrCarousel } from './OrCarousel/OrCarousel.js';
 export { default as OrCarouselItem } from './OrCarouselItem/OrCarouselItem.js';
 export { default as OrCheckbox } from './OrCheckbox/OrCheckbox.js';
+export { default as OrCheckboxV3 } from './OrCheckboxV3/OrCheckbox.js';
 export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGroup.js';
 export { default as OrCheckboxTreeV3 } from './OrCheckboxTreeV3/OrCheckboxTree.js';
-export { default as OrCheckboxV3 } from './OrCheckboxV3/OrCheckbox.js';
 export { default as OrChip } from './OrChip/OrChip.js';
 export { default as OrChips } from './OrChips/OrChips.js';
 export { default as OrCode } from './OrCode/OrCode.js';
@@ -31,7 +31,7 @@ export { default as OrCollapse } from './OrCollapse/OrCollapse.js';
 export { default as OrColorPicker } from './OrColorPicker/OrColorPicker.js';
 export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './OrColorPicker/constants.js';
 export { default as OrCombinedInputV3 } from './OrCombinedInputV3/OrCombinedInput.js';
-export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TagInputSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
+export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
 export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
@@ -137,7 +137,6 @@ export { default as OrTabs } from './OrTabs/OrTabs.js';
 export { default as OrTabsV3 } from './OrTabsV3/OrTabs.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { default as OrTag } from './OrTag/OrTag.js';
-export { default as OrTagInputV3 } from './OrTagInputV3/OrTagInput.js';
 export { default as OrTagV3 } from './OrTagV3/OrTag.js';
 export { TagColor, TagVariant } from './OrTagV3/props.js';
 export { default as OrTagsV3 } from './OrTagsV3/OrTags.js';
@@ -209,10 +208,10 @@ import '../hooks/useControlAttributes.js';
 import '../hooks/useValidationAttributes.js';
 import './OrCardV3/styles.js';
 import './OrCarousel/constants.js';
-import './OrCheckboxTreeV3/styles.js';
-import '../utils/functions/flattenDeep.js';
 import '../utils/isEmptyValue.js';
 import './OrCheckboxV3/styles.js';
+import './OrCheckboxTreeV3/styles.js';
+import '../utils/functions/flattenDeep.js';
 import './OrFormGroupV3/styles.js';
 import './OrChips/constants.js';
 import '../index-cf2c3c27.js';
@@ -267,7 +266,6 @@ import './OrSortHeaderV3/styles.js';
 import './OrSwitchV3/styles.js';
 import './OrTabV3/styles.js';
 import './OrTabsV3/styles.js';
-import './OrTagInputV3/styles.js';
 import './OrTagsV3/styles.js';
 import './OrTextV3/styles.js';
 import './OrTextareaV3/styles.js';

package/dist/bundled/v2/hooks/useTheme.js

@@ -2176,15 +2176,9 @@ var tailwind_config_preset = {
 
           return {
             display: prefix + 'flex',
-
             flexFlow: `${direction} nowrap`,
             flex: prefix === 'inline-' ? '0 0 auto' : undefined,
-
-            alignContent: direction === 'row' ? 'center' : undefined,
-            justifyContent: direction === 'column' ? 'stretch' : undefined,
-
             alignItems: direction === 'row' ? 'center' : undefined,
-            justifyItems: direction === 'column' ? 'stretch' : undefined,
           };
         },
       }, {