@onereach/ui-components 4.7.3 → 4.7.4-beta.2867.0

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

@@ -54,6 +54,8 @@ var script = defineComponent({
       default: undefined
     }
   },
+  emits: ['click', 'focus', 'blur', 'reset'],
+  expose: ['root'],
   setup(props) {
     // Refs
     const root = ref();
@@ -112,7 +114,12 @@ var __vue_render__ = function () {
     class: _vm.containerStyles
   }, _vm._l(_vm.items, function (item) {
     return _c('OrTag', _vm._b({
-      key: item
+      key: item,
+      on: {
+        "reset": function ($event) {
+          return _vm.$emit('reset', item);
+        }
+      }
     }, 'OrTag', _vm.tagProps, false), [_vm._v("\n      " + _vm._s(item) + "\n    ")]);
   }), 1), _vm._v(" "), _vm.overflowItems.length > 0 ? [_c('OrButton', {
     ref: "overflowButton",
@@ -137,7 +144,12 @@ var __vue_render__ = function () {
     class: _vm.overflowPopoverStyles
   }, _vm._l(_vm.overflowItems, function (item) {
     return _c('OrTag', _vm._b({
-      key: item
+      key: item,
+      on: {
+        "reset": function ($event) {
+          return _vm.$emit('reset', 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,7 +46,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     tagProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, 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, {
@@ -66,12 +68,14 @@ 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, {}, {}, {}, {}, {}, {
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     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,6 +1,8 @@
 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
+// Theme (placeholder)
 '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,6 +90,7 @@ 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 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 TagInputSize, 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,6 +137,7 @@ 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';
@@ -208,10 +209,10 @@ import '../hooks/useControlAttributes.js';
 import '../hooks/useValidationAttributes.js';
 import './OrCardV3/styles.js';
 import './OrCarousel/constants.js';
-import '../utils/isEmptyValue.js';
-import './OrCheckboxV3/styles.js';
 import './OrCheckboxTreeV3/styles.js';
 import '../utils/functions/flattenDeep.js';
+import '../utils/isEmptyValue.js';
+import './OrCheckboxV3/styles.js';
 import './OrFormGroupV3/styles.js';
 import './OrChips/constants.js';
 import '../index-cf2c3c27.js';
@@ -266,6 +267,7 @@ 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,9 +2176,15 @@ 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,
           };
         },
       }, {