@onereach/ui-components 7.0.0 → 7.0.1-beta.3529.0

package/dist/esm/v3/{OrTags-55b8c446.js → OrTags-52da64cd.js}

@@ -1,17 +1,21 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useOverflow } from './useOverflow-ff9ae748.js';
+import { defineComponent, ref, toRefs, computed, nextTick } from 'vue-demi';
+import { u as useOverflow } from './useOverflow-b482f3c9.js';
 import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-2e3a73fb.js';
 import { s as script$2 } from './OrPopover-3b07d49e.js';
 import { s as script$3 } from './OrTag-32739999.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, withModifiers, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createVNode, withModifiers, createElementVNode } from 'vue';
 
 var TagsOverflow;
 (function (TagsOverflow) {
+  // todo: remove in next braking release
+  // @deprecated use Hidden instead
   TagsOverflow["Default"] = "default";
   TagsOverflow["Wrap"] = "wrap";
+  TagsOverflow["Hidden"] = "hidden";
+  TagsOverflow["Scroll"] = "scroll";
 })(TagsOverflow || (TagsOverflow = {}));
 
 const Tags = [
@@ -25,28 +29,49 @@ const Tags = [
 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const TagsContainer = [
 // Layout
-'layout-row',
+'layout-row', 'max-w-full',
 // Spacing
-'gap-sm'];
+'gap-sm', 'py-xs'];
 const TagsContainerOverflows = {
+  // todo: remove in next braking release
+  // @deprecated use Hidden instead
   [TagsOverflow.Default]: [
   // Overflow
   'overflow-hidden'],
+  [TagsOverflow.Hidden]: [
+  // Overflow
+  'overflow-hidden'],
   [TagsOverflow.Wrap]: [
   // Layout
-  '!flex-wrap']
+  '!flex-wrap'],
+  [TagsOverflow.Scroll]: [
+  // Layout
+  'overflow-y-auto',
+  // todo: extract to plugin?
+  '[&::-webkit-scrollbar]:hidden [-ms-overflow-style:\'none\'] [scrollbar-width:\'none\']']
 };
 const TagsOverflowButton = [
 // Typography
 'typography-caption-regular'];
 const TagsOverflowPopover = [
 // Layout
-'layout-row !flex-wrap',
+'layout-row !flex-wrap !content-start overflow-y-auto',
 // Box
-'max-w-[192px]',
+'max-w-[192px] max-h-[340px]',
 // Spacing
 'px-md', 'py-md', 'gap-sm'];
 
+function castToTagObject(tag) {
+  if (typeof tag === 'string') {
+    return {
+      label: tag,
+      value: tag
+    };
+  } else {
+    return tag;
+  }
+}
+
 var script = defineComponent({
   name: 'OrTags',
   components: {
@@ -61,19 +86,31 @@ var script = defineComponent({
     },
     overflow: {
       type: String,
-      default: TagsOverflow.Default
+      default: TagsOverflow.Hidden
     },
     tagProps: {
       type: Object,
       default: undefined
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['click', 'focus', 'blur', 'reset'],
-  expose: ['root'],
+  expose: ['root', 'container', 'overflowPopover', 'scrollToEnd'],
   setup(props) {
     // Refs
     const root = ref();
     const container = ref();
+    // Props
+    const {
+      items,
+      overflow
+    } = toRefs(props);
+    const localOverflow = computed(() => {
+      return overflow.value === TagsOverflow.Default ? TagsOverflow.Hidden : overflow.value;
+    });
     const overflowButton = ref();
     const overflowButtonRoot = computed(() => {
       var _a;
@@ -86,19 +123,39 @@ var script = defineComponent({
     });
     // Styles
     const rootStyles = computed(() => ['or-tags-v3', ...Tags]);
-    const containerStyles = computed(() => [...TagsContainer, ...TagsContainerOverflows[props.overflow]]);
+    const containerStyles = computed(() => [...TagsContainer, ...TagsContainerOverflows[localOverflow.value]]);
     const overflowButtonStyles = computed(() => [...TagsOverflowButton]);
     const overflowPopoverStyles = computed(() => [...TagsOverflowPopover]);
     // State
     const {
       innerItems
-    } = useOverflow(container);
+    } = useOverflow(container, {
+      hide: false
+    });
+    const localItems = computed(() => {
+      return items.value.map(castToTagObject);
+    });
     const overflowItems = computed(() => {
-      return props.items.slice(innerItems.value.length);
+      return localItems.value.slice(innerItems.value.length);
     });
+    // Methods
+    function togglePopover() {
+      overflowPopover.value.toggle();
+    }
+    function scrollToEnd() {
+      nextTick(() => {
+        var _a, _b;
+        (_a = container.value) === null || _a === void 0 ? void 0 : _a.scrollTo({
+          left: (_b = container.value) === null || _b === void 0 ? void 0 : _b.scrollWidth,
+          behavior: 'smooth'
+        });
+      });
+    }
     return {
       root,
       container,
+      localOverflow,
+      localItems,
       overflowButton,
       overflowButtonRoot,
       overflowPopover,
@@ -107,7 +164,9 @@ var script = defineComponent({
       containerStyles,
       overflowButtonStyles,
       overflowPopoverStyles,
-      overflowItems
+      overflowItems,
+      togglePopover,
+      scrollToEnd
     };
   }
 });
@@ -119,32 +178,37 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [createElementVNode("div", {
+  }, [_ctx.localItems.length > 0 ? (openBlock(), createElementBlock("div", {
+    key: 0,
     ref: "container",
     class: normalizeClass(_ctx.containerStyles)
-  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, item => {
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.localItems, item => {
     return openBlock(), createBlock(_component_OrTag, mergeProps(_ctx.tagProps, {
-      key: item,
-      onReset: $event => _ctx.$emit('reset', item)
+      key: item.value,
+      class: "max-w-full",
+      onReset: $event => _ctx.$emit('reset', item.value)
     }), {
-      default: withCtx(() => [createTextVNode(toDisplayString(item), 1 /* TEXT */)]),
+      default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)]),
 
       _: 2 /* DYNAMIC */
     }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["onReset"]);
-  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), _ctx.overflowItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+  }), 128 /* KEYED_FRAGMENT */)), _ctx.localOverflow === 'wrap' ? renderSlot(_ctx.$slots, "tail", {
     key: 0
+  }) : createCommentVNode("v-if", true)], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.localOverflow === 'hidden' && _ctx.overflowItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
   }, [createVNode(_component_OrButton, {
     ref: "overflowButton",
     class: normalizeClass(_ctx.overflowButtonStyles),
     type: 'button',
     variant: 'link',
     color: 'inherit',
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.overflowPopover.open(), ["stop"]))
+    disabled: _ctx.disabled,
+    onClick: withModifiers(_ctx.togglePopover, ["stop"])
   }, {
     default: withCtx(() => [createTextVNode(" +" + toDisplayString(_ctx.overflowItems.length), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["class"]), createVNode(_component_OrPopover, {
+  }, 8 /* PROPS */, ["class", "disabled", "onClick"]), createVNode(_component_OrPopover, {
     ref: "overflowPopover",
     trigger: _ctx.overflowButtonRoot
   }, {
@@ -152,17 +216,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.overflowPopoverStyles)
     }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.overflowItems, item => {
       return openBlock(), createBlock(_component_OrTag, mergeProps(_ctx.tagProps, {
-        key: item,
-        onReset: $event => _ctx.$emit('reset', item)
+        key: item.value,
+        onReset: $event => _ctx.$emit('reset', item.value)
       }), {
-        default: withCtx(() => [createTextVNode(toDisplayString(item), 1 /* TEXT */)]),
+        default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
       }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["onReset"]);
     }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.localOverflow != 'wrap' || _ctx.items.length === 0 ? renderSlot(_ctx.$slots, "tail", {
+    key: 2
+  }) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
 script.render = render;

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

@@ -90,7 +90,7 @@ export { s as OrSearch } from '../OrSearch-2800e9bf.js';
 export { s as OrSearchV3 } from '../OrSearch-602356a0.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-6be79b4e.js';
 export { s as OrSelect } from '../OrSelect-9520d6e6.js';
-export { s as OrSelectV3 } from '../OrSelect-74c2c521.js';
+export { s as OrSelectV3 } from '../OrSelect-b359beb6.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
 export { s as OrSidebarV3 } from '../OrSidebar-459ec28f.js';
 export { S as OrSidebarPlacement, S as SidebarPlacement } from '../props-64389534.js';
@@ -112,9 +112,9 @@ export { s as OrTabV3 } from '../OrTab-db771526.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-f1773b57.js';
 export { s as OrTag } from '../OrTag-1b3b1296.js';
-export { s as OrTagInputV3 } from '../OrTagInput-851b05c8.js';
+export { s as OrTagInputV3 } from '../OrTagInput-56ee7d0b.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-32739999.js';
-export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-55b8c446.js';
+export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-52da64cd.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-d54c951d.js';
@@ -191,7 +191,11 @@ import '../codemirrorView-020fe885.js';
 import 'prosemirror-state';
 import 'prosemirror-commands';
 import 'lodash/keyBy';
-import '../useOverflow-ff9ae748.js';
+import '../OrSelectMultipleControl-3620b234.js';
+import '../OrSelectPlaceholder-10e3bf5e.js';
+import '../OrSelectControlInput-3297e30d.js';
+import '../OrSelectSingleControl-f969c913.js';
 import 'lodash/range';
 import '../styles-ed564e39.js';
+import '../useOverflow-b482f3c9.js';
 import 'lodash/isNil';

package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts

@@ -1,6 +1,7 @@
 import { PropType } from 'vue-demi';
 import { SelectSize } from './props';
-import { SelectGroupByFunction, SelectOption, SelectSearchFunction } from './types';
+import { SelectGroupByFunction, SelectOption, SelectSearchFunction, SelectValue } from './types';
+import { TagsOverflow } from '../or-tags-v3';
 declare const _default: import("vue-demi").DefineComponent<{
     options: {
         type: PropType<SelectOption[]>;
@@ -11,7 +12,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: PropType<string | number | object | string[] | object[] | number[]>;
+        type: PropType<SelectValue>;
         default: undefined;
     };
     multiple: {
@@ -30,10 +31,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-    searchPlaceholder: {
-        type: StringConstructor;
-        default: undefined;
-    };
     hint: {
         type: StringConstructor;
         default: undefined;
@@ -74,11 +71,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
+        default: TagsOverflow;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     inputBox: import("vue-demi").Ref<any>;
     inputBoxRoot: import("vue-demi").ComputedRef<any>;
     control: import("vue-demi").Ref<HTMLElement | undefined>;
+    multipleControl: import("vue-demi").Ref<any>;
+    singleControl: import("vue-demi").Ref<any>;
     searchControl: import("vue-demi").Ref<HTMLElement | undefined>;
     popover: import("vue-demi").Ref<any>;
     popoverRoot: import("vue-demi").ComputedRef<any>;
@@ -90,24 +93,23 @@ declare const _default: import("vue-demi").DefineComponent<{
     dropdownItemStyles: import("vue-demi").ComputedRef<string[]>;
     noSearchResultsStyles: import("vue-demi").ComputedRef<string[]>;
     controlId: import("vue-demi").Ref<string>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | object | string[] | object[] | number[] | undefined>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<SelectValue>;
     readonly: import("vue-demi").ComputedRef<boolean>;
     isEmptyModelValue: import("vue-demi").ComputedRef<boolean>;
     showClear: import("vue-demi").ComputedRef<boolean>;
-    selection: import("vue-demi").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("vue-demi").Ref<string>;
     internalSearchOptions: import("vue-demi").Ref<{
-        value: string | number | object;
+        value: import("./types").RawValue;
         label: string;
     }[]>;
     resolvedSearchOptions: import("vue-demi").ComputedRef<SelectOption[]>;
     groupedOptions: import("vue-demi").ComputedRef<Record<string, SelectOption[]>>;
     toggle: () => void;
     close: () => void;
-    deselect: (option: SelectOption) => void;
+    open: () => void;
+    deselect: (option: string) => void;
+    toggleOption: (option: string) => void;
     clearSearchControl: () => void;
-    innerItems: import("vue-demi").Ref<HTMLElement[]>;
-    outerItems: import("vue-demi").Ref<HTMLElement[]>;
     isDesktop: import("vue-demi").ComputedRef<boolean>;
     isMobile: import("vue-demi").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
@@ -120,7 +122,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: PropType<string | number | object | string[] | object[] | number[]>;
+        type: PropType<SelectValue>;
         default: undefined;
     };
     multiple: {
@@ -139,10 +141,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-    searchPlaceholder: {
-        type: StringConstructor;
-        default: undefined;
-    };
     hint: {
         type: StringConstructor;
         default: undefined;
@@ -183,20 +181,23 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
+        default: TagsOverflow;
+    };
 }>> & {
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number | object | string[] | object[] | number[];
+    modelValue: SelectValue;
     label: string;
     options: SelectOption[];
     searchOptions: SelectOption[];
     multiple: boolean;
     size: "m" | "s";
     placeholder: string;
-    searchPlaceholder: string;
     hint: string;
     error: string | boolean;
     required: boolean;
@@ -207,5 +208,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
     externalControl: boolean;
+    overflow: "default" | "wrap" | "hidden" | "scroll";
 }>;
 export default _default;

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

@@ -1,17 +1,16 @@
-export { s as OrSelectV3 } from '../../OrSelect-74c2c521.js';
+export { s as OrSelectV3 } from '../../OrSelect-b359beb6.js';
 export { I as SelectSize } from '../../OrInputBox-912a6254.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
-import '../../useOverflow-ff9ae748.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
 import 'lodash/isElement';
 import 'lodash/get';
+import '../../isEmptyValue-fd56a6e4.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-5c8291da.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../isEmptyValue-fd56a6e4.js';
 import '../../OrCheckbox-4e9a3021.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-b826da04.js';
@@ -35,4 +34,11 @@ import '../../OrInput-0db1e05f.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrLoader-b79022da.js';
 import '../../OrMenuItem-fdc66517.js';
+import '../../OrTags-52da64cd.js';
+import '../../useOverflow-b482f3c9.js';
+import '../../OrButton-2e3a73fb.js';
 import '../../OrTag-32739999.js';
+import '../../OrSelectMultipleControl-3620b234.js';
+import '../../OrSelectPlaceholder-10e3bf5e.js';
+import '../../OrSelectControlInput-3297e30d.js';
+import '../../OrSelectSingleControl-f969c913.js';

package/dist/esm/v3/components/or-select-v3/partials/index.d.ts

@@ -0,0 +1,3 @@
+export { OrSelectMultipleControl } from './or-select-multiple-control';
+export { OrSelectSingleControl } from './or-select-single-control';
+export { OrSelectPlaceholder } from './or-select-placeholder';

package/dist/esm/v3/components/or-select-v3/partials/index.js

@@ -0,0 +1,31 @@
+export { s as OrSelectMultipleControl } from '../../../OrSelectMultipleControl-3620b234.js';
+export { s as OrSelectSingleControl } from '../../../OrSelectSingleControl-f969c913.js';
+export { s as OrSelectPlaceholder } from '../../../OrSelectPlaceholder-10e3bf5e.js';
+import 'vue-demi';
+import '@vueuse/core';
+import '../../../dom-aecadd9a.js';
+import 'lodash/isElement';
+import 'lodash/get';
+import '../../../useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind/plugins/core';
+import '@onereach/styles/tailwind.config.json';
+import '../../../OrTags-52da64cd.js';
+import '../../../useOverflow-b482f3c9.js';
+import '../../../OrButton-2e3a73fb.js';
+import '../../../OrLoader-b79022da.js';
+import 'vue';
+import '../../../OrPopover-3b07d49e.js';
+import '@floating-ui/dom';
+import '../../../useElevation-a50ec347.js';
+import '../../../usePopoverState-b92c698b.js';
+import '../../../useResponsive-5c8291da.js';
+import '../../../OrBottomSheet-375aa75c.js';
+import '../../../OrOverlay-6269c33a.js';
+import '../../../OrTeleport.vue3-8099178c.js';
+import '../../../useTheme-0ef25778.js';
+import '../../../OrTag-32739999.js';
+import '../../../OrIconButton-c89f733b.js';
+import '../../../OrIcon-3e27d5fb.js';
+import '../../../OrTooltip-bdd46da2.js';
+import '../../../isEmptyValue-fd56a6e4.js';
+import '../../../OrSelectControlInput-3297e30d.js';

package/dist/esm/v3/components/or-select-v3/partials/or-select-control-input/OrSelectControlInput.vue.d.ts

@@ -0,0 +1,52 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLInputElement | undefined>;
+    proxyModelValue: import("../../../../hooks").UseProxyModelValueReturn<string>;
+    controlStyles: import("vue-demi").ComputedRef<string[]>;
+    controlInlineStyles: import("vue-demi").ComputedRef<{
+        width: string;
+    }>;
+    focused: import("vue-demi").Ref<boolean>;
+    focus: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    readonly: boolean;
+}>;
+export default _default;

package/dist/esm/v3/components/or-select-v3/partials/or-select-control-input/index.d.ts

@@ -0,0 +1 @@
+export { default as OrSelectControlInput } from './OrSelectControlInput.vue';

package/dist/esm/v3/components/or-select-v3/partials/or-select-control-input/index.js

@@ -0,0 +1,10 @@
+export { s as OrSelectControlInput } from '../../../../OrSelectControlInput-3297e30d.js';
+import 'vue-demi';
+import '@vueuse/core';
+import '../../../../dom-aecadd9a.js';
+import 'lodash/isElement';
+import 'lodash/get';
+import '../../../../useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind/plugins/core';
+import '@onereach/styles/tailwind.config.json';
+import 'vue';

package/dist/esm/v3/components/or-select-v3/partials/or-select-control-input/styles.d.ts

@@ -0,0 +1 @@
+export declare const SelectControlInput: string[];

package/dist/esm/v3/components/or-select-v3/partials/or-select-multiple-control/OrSelectMultipleControl.vue.d.ts

@@ -0,0 +1,94 @@
+import { PropType } from 'vue-demi';
+import { TagsOverflow } from '../../../or-tags-v3';
+import { SelectOption, SelectValue } from '../../types';
+declare const _default: import("vue-demi").DefineComponent<{
+    model: {
+        type: PropType<SelectValue>;
+        default: () => never[];
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflow: {
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
+        default: TagsOverflow;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLDivElement | undefined>;
+    tags: import("vue-demi").Ref<any>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    searchControl: import("vue-demi").Ref<any>;
+    searchModelValue: import("../../../../hooks").UseProxyModelValueReturn<string>;
+    isEmpty: import("vue-demi").ComputedRef<boolean>;
+    selection: import("vue-demi").ComputedRef<SelectOption[]>;
+    value: import("vue-demi").ComputedRef<SelectValue[]>;
+    focus: () => void;
+    focused: import("vue-demi").ComputedRef<any>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "reset")[], "update:modelValue" | "reset", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    model: {
+        type: PropType<SelectValue>;
+        default: () => never[];
+    };
+    options: {
+        type: PropType<SelectOption[]>;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflow: {
+        type: PropType<"default" | "wrap" | "hidden" | "scroll">;
+        default: TagsOverflow;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
+}, {
+    model: SelectValue;
+    modelValue: string;
+    options: SelectOption[];
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    enableSearch: boolean;
+    overflow: "default" | "wrap" | "hidden" | "scroll";
+}>;
+export default _default;

package/dist/esm/v3/components/or-select-v3/partials/or-select-multiple-control/index.d.ts

@@ -0,0 +1 @@
+export { default as OrSelectMultipleControl } from './OrSelectMultipleControl.vue';

package/dist/esm/v3/components/or-select-v3/partials/or-select-multiple-control/index.js

@@ -0,0 +1,30 @@
+export { s as OrSelectMultipleControl } from '../../../../OrSelectMultipleControl-3620b234.js';
+import 'vue-demi';
+import '@vueuse/core';
+import '../../../../dom-aecadd9a.js';
+import 'lodash/isElement';
+import 'lodash/get';
+import '../../../../useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind/plugins/core';
+import '@onereach/styles/tailwind.config.json';
+import '../../../../OrTags-52da64cd.js';
+import '../../../../useOverflow-b482f3c9.js';
+import '../../../../OrButton-2e3a73fb.js';
+import '../../../../OrLoader-b79022da.js';
+import 'vue';
+import '../../../../OrPopover-3b07d49e.js';
+import '@floating-ui/dom';
+import '../../../../useElevation-a50ec347.js';
+import '../../../../usePopoverState-b92c698b.js';
+import '../../../../useResponsive-5c8291da.js';
+import '../../../../OrBottomSheet-375aa75c.js';
+import '../../../../OrOverlay-6269c33a.js';
+import '../../../../OrTeleport.vue3-8099178c.js';
+import '../../../../useTheme-0ef25778.js';
+import '../../../../OrTag-32739999.js';
+import '../../../../OrIconButton-c89f733b.js';
+import '../../../../OrIcon-3e27d5fb.js';
+import '../../../../OrTooltip-bdd46da2.js';
+import '../../../../OrSelectPlaceholder-10e3bf5e.js';
+import '../../../../isEmptyValue-fd56a6e4.js';
+import '../../../../OrSelectControlInput-3297e30d.js';