@onereach/ui-components 4.8.0 → 4.8.1-beta.2889.0

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrSelect.vue_vue_type_script_lang-85fcf3fa.js';
-export { s as default } from '../../OrSelect.vue_vue_type_script_lang-85fcf3fa.js';
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-72c1db17.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-72c1db17.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 import 'vue-demi';
 import '../../utils/isEmptyValue.js';
@@ -32,7 +32,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+import '../../OrInput.vue_vue_type_script_lang-66363c62.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -61,7 +61,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';

package/dist/bundled/v3/components/OrSelectV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-85fcf3fa.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-72c1db17.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../../utils/isEmptyValue.js';
@@ -32,7 +32,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+import '../../OrInput.vue_vue_type_script_lang-66363c62.js';
 import '../OrInputV3/props.js';
 import '../OrInputV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
@@ -60,7 +60,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';

package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.js

@@ -0,0 +1,171 @@
+import { s as script } from '../../OrTagInput.vue_vue_type_script_lang-60f6d6de.js';
+export { s as default } from '../../OrTagInput.vue_vue_type_script_lang-60f6d6de.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, withDirectives, createElementVNode, mergeProps, withKeys, vModelDynamic, createSlots, vShow } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import 'vue-demi';
+import './styles.js';
+import '../OrErrorV3/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-df7b5e32.js';
+import '../OrErrorV3/styles.js';
+import '../OrHintV3/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
+import '../OrHintV3/styles.js';
+import '../OrIconButtonV3/OrIconButton.js';
+import '../../OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import '../OrIconButtonV3/props.js';
+import '../OrIconV3/props.js';
+import '../OrIconButtonV3/styles.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
+import '../OrIconV3/styles.js';
+import '../OrTooltipV3/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-227592d8.js';
+import '../OrTooltipV3/styles.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-506ae7bb.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-09d1cb24.js';
+import '../../index-f4d8e24c.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-214a0eea.js';
+import '../OrBottomSheetV3/props.js';
+import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-0fdf19ba.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
+import '../../hooks/useResponsive/useResponsive.js';
+import '../OrInputBoxV3/OrInputBox.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
+import '../OrInputBoxV3/props.js';
+import '../OrInputBoxV3/styles.js';
+import '../OrLabelV3/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../OrLabelV3/props.js';
+import '../OrLabelV3/styles.js';
+import '../OrTagsV3/OrTags.js';
+import '../../OrTags.vue_vue_type_script_lang-45bbc68e.js';
+import '../OrTagsV3/styles.js';
+import '../OrButtonV3/OrButton.js';
+import '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
+import '../OrButtonV3/props.js';
+import '../OrButtonV3/styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
+import '../OrTagV3/OrTag.js';
+import '../../OrTag.vue_vue_type_script_lang-c7065625.js';
+import '../OrTagV3/props.js';
+import '../OrTagV3/styles.js';
+import '../../hooks/useOverflow.js';
+import '../../hooks/useIdAttribute.js';
+import '../../hooks/useControlAttributes.js';
+import '../../hooks/useValidationAttributes.js';
+
+const _hoisted_1 = ["placeholder", "readonly", "disabled"];
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_3 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrTags = resolveComponent("OrTags");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrInputBox = resolveComponent("OrInputBox");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    "control-id": _ctx.controlAttributes.id,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+    variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
+    size: _ctx.size,
+    invalid: !!_ctx.error,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [_ctx.proxyModelValue.length > 0 || _ctx.draftModelValue ? (openBlock(), createBlock(_component_OrIconButton, {
+      key: 0,
+      icon: 'close',
+      color: 'inherit',
+      disabled: _ctx.readonly || _ctx.disabled,
+      onClick: _cache[7] || (_cache[7] = withModifiers($event => _ctx.reset(), ["stop"]))
+    }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)]),
+    default: withCtx(() => [_ctx.proxyModelValue.length > 0 ? (openBlock(), createBlock(_component_OrTags, {
+      key: 0,
+      items: _ctx.proxyModelValue,
+      "tag-props": {
+        variant: _ctx.readonly || _ctx.disabled ? 'tag' : 'reset',
+        disabled: _ctx.disabled
+      },
+      onReset: _cache[0] || (_cache[0] = $event => _ctx.remove($event))
+    }, null, 8 /* PROPS */, ["items", "tag-props"])) : createCommentVNode("v-if", true), withDirectives(createElementVNode("input", mergeProps({
+      ref: "control",
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event)
+    }, _ctx.controlAttributes, {
+      class: _ctx.controlStyles,
+      type: 'text',
+      placeholder: _ctx.proxyModelValue.length === 0 ? _ctx.placeholder : undefined,
+      readonly: _ctx.readonly,
+      disabled: _ctx.disabled,
+      autocomplete: 'off',
+      minlength: undefined,
+      maxlength: undefined,
+      onKeydown: [_cache[2] || (_cache[2] = withKeys($event => _ctx.add(), ["enter"])), _cache[3] || (_cache[3] = $event => _ctx.$emit('keydown', $event))],
+      onKeyup: _cache[4] || (_cache[4] = $event => _ctx.$emit('keyup', $event)),
+      onFocus: _cache[5] || (_cache[5] = $event => _ctx.$emit('focus', $event)),
+      onBlur: _cache[6] || (_cache[6] = $event => _ctx.$emit('blur', $event))
+    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.draftModelValue]])]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_2, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, createSlots({
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint) + " ", 1 /* TEXT */)]),
+
+    _: 2 /* DYNAMIC */
+  }, [_ctx.maxLength ? {
+    name: "addon",
+    fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
+
+    key: "0"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_3, [createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, createSlots({
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
+
+    _: 2 /* DYNAMIC */
+  }, [_ctx.maxLength ? {
+    name: "addon",
+    fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
+
+    key: "0"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string']])], 2 /* CLASS */);
+}
+
+var css_248z = "\ninput[data-v-368ea875] {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-368ea875";
+script.__file = "src/components/or-tag-input-v3/OrTagInput.vue";

package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.vue.d.ts

@@ -0,0 +1,131 @@
+import { PropType } from 'vue-demi';
+import { TagInputSize } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    size: {
+        type: PropType<"m" | "s">;
+        default: TagInputSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    control: import("vue-demi").Ref<HTMLInputElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    controlStyles: import("vue-demi").ComputedRef<string[]>;
+    itemStyles: import("vue-demi").ComputedRef<string[]>;
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("vue-demi").WritableComputedRef<string[]>;
+    draftModelValue: import("vue-demi").Ref<string | undefined>;
+    currentLength: import("vue-demi").ComputedRef<number>;
+    maxLength: import("vue-demi").ComputedRef<number | undefined>;
+    focus: () => void;
+    blur: () => void;
+    add: () => void;
+    remove: (value: string) => void;
+    reset: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    size: {
+        type: PropType<"m" | "s">;
+        default: TagInputSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string[];
+    size: "m" | "s";
+    label: string;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrTagInputV3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrTagInputV3 } from './OrTagInput.vue';
+export * from './props';

package/dist/bundled/v3/components/OrTagInputV3/index.js

@@ -0,0 +1,68 @@
+export { s as OrTagInputV3 } from '../../OrTagInput.vue_vue_type_script_lang-60f6d6de.js';
+export { InputBoxSize as TagInputSize } from '../OrInputBoxV3/props.js';
+import 'vue-demi';
+import './styles.js';
+import '../OrErrorV3/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-df7b5e32.js';
+import '../OrErrorV3/styles.js';
+import 'vue';
+import '../OrHintV3/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
+import '../OrHintV3/styles.js';
+import '../OrIconButtonV3/OrIconButton.js';
+import '../../OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
+import '../OrIconButtonV3/props.js';
+import '../OrIconV3/props.js';
+import '../OrIconButtonV3/styles.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
+import '../OrIconV3/styles.js';
+import '../OrTooltipV3/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-227592d8.js';
+import '../OrTooltipV3/styles.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-506ae7bb.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-09d1cb24.js';
+import '../../index-f4d8e24c.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-214a0eea.js';
+import '../OrBottomSheetV3/props.js';
+import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-0fdf19ba.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
+import '../../hooks/useResponsive/useResponsive.js';
+import '../OrInputBoxV3/OrInputBox.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
+import '../OrInputBoxV3/styles.js';
+import '../OrLabelV3/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../OrLabelV3/props.js';
+import '../OrLabelV3/styles.js';
+import '../OrTagsV3/OrTags.js';
+import '../../OrTags.vue_vue_type_script_lang-45bbc68e.js';
+import '../OrTagsV3/styles.js';
+import '../OrButtonV3/OrButton.js';
+import '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
+import '../OrButtonV3/props.js';
+import '../OrButtonV3/styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
+import '../OrTagV3/OrTag.js';
+import '../../OrTag.vue_vue_type_script_lang-c7065625.js';
+import '../OrTagV3/props.js';
+import '../OrTagV3/styles.js';
+import '../../hooks/useOverflow.js';
+import '../../hooks/useIdAttribute.js';
+import '../../hooks/useControlAttributes.js';
+import '../../hooks/useValidationAttributes.js';

package/dist/bundled/v3/components/OrTagInputV3/props.d.ts

@@ -0,0 +1 @@
+export { InputBoxSize as TagInputSize } from '../or-input-box-v3';

package/dist/bundled/v3/components/OrTagInputV3/props.js

@@ -0,0 +1 @@
+export { InputBoxSize as TagInputSize } from '../OrInputBoxV3/props.js';

package/dist/bundled/v3/components/OrTagInputV3/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const TagInput: string[];
+export declare const TagInputControl: string[];
+export declare const TagInputItem: string[];

package/dist/bundled/v3/components/OrTagInputV3/styles.js

@@ -0,0 +1,17 @@
+const TagInput = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const TagInputControl = [
+// Layout
+'flex-auto',
+// Typography
+'typography-inherit',
+// Theme (placeholder)
+'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+const TagInputItem = [
+// Box
+'!min-h-0'];
+
+export { TagInput, TagInputControl, TagInputItem };

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrTags.vue_vue_type_script_lang-c14463c4.js';
-export { s as default } from '../../OrTags.vue_vue_type_script_lang-c14463c4.js';
+import { s as script } from '../../OrTags.vue_vue_type_script_lang-45bbc68e.js';
+export { s as default } from '../../OrTags.vue_vue_type_script_lang-45bbc68e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, withModifiers, createCommentVNode } from 'vue';
 import 'vue-demi';
 import './styles.js';
@@ -60,12 +60,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.containerStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, item => {
     return openBlock(), createBlock(_component_OrTag, mergeProps(_ctx.tagProps, {
-      key: item
+      key: item,
+      onReset: $event => _ctx.$emit('reset', item)
     }), {
       default: withCtx(() => [createTextVNode(toDisplayString(item), 1 /* TEXT */)]),
 
       _: 2 /* DYNAMIC */
-    }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */);
+    }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["onReset"]);
   }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), _ctx.overflowItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
     key: 0
   }, [createVNode(_component_OrButton, {
@@ -87,12 +88,13 @@ 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
+        key: item,
+        onReset: $event => _ctx.$emit('reset', item)
       }), {
         default: withCtx(() => [createTextVNode(toDisplayString(item), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
-      }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */);
+      }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["onReset"]);
     }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)]),
 
     _: 1 /* STABLE */

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

@@ -20,7 +20,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     overflowButtonStyles: import("vue-demi").ComputedRef<string[]>;
     overflowPopoverStyles: import("vue-demi").ComputedRef<string[]>;
     overflowItems: import("vue-demi").ComputedRef<string[]>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur" | "reset")[], "click" | "focus" | "blur" | "reset", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     items: {
         type: PropType<string[]>;
         default: () => never[];
@@ -29,7 +29,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<any>;
         default: undefined;
     };
-}>>, {
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
+}, {
     items: string[];
     tagProps: any;
 }>;

package/dist/bundled/v3/components/OrTagsV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTagsV3 } from '../../OrTags.vue_vue_type_script_lang-c14463c4.js';
+export { s as OrTagsV3 } from '../../OrTags.vue_vue_type_script_lang-45bbc68e.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrButtonV3/OrButton.js';

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

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

package/dist/bundled/v3/components/OrTextareaV3/OrTextarea.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrTextarea.vue_vue_type_script_lang-af284089.js';
-export { s as default } from '../../OrTextarea.vue_vue_type_script_lang-af284089.js';
+import { s as script } from '../../OrTextarea.vue_vue_type_script_lang-0d1a7a48.js';
+export { s as default } from '../../OrTextarea.vue_vue_type_script_lang-0d1a7a48.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, createSlots, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -11,7 +11,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';

package/dist/bundled/v3/components/OrTextareaV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTextareaV3 } from '../../OrTextarea.vue_vue_type_script_lang-af284089.js';
+export { s as OrTextareaV3 } from '../../OrTextarea.vue_vue_type_script_lang-0d1a7a48.js';
 export { InputBoxSize as TextareaSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
@@ -10,7 +10,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

package/dist/bundled/v3/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/v3/components/OrTimePickerV3/OrTimePicker.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrTimePicker.vue_vue_type_script_lang-845ec78b.js';
-export { s as default } from '../../OrTimePicker.vue_vue_type_script_lang-845ec78b.js';
+import { s as script } from '../../OrTimePicker.vue_vue_type_script_lang-c737eaa8.js';
+export { s as default } from '../../OrTimePicker.vue_vue_type_script_lang-c737eaa8.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
@@ -57,7 +57,7 @@ import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputBoxV3/styles.js';
 import '../../directives/dropdown-close.js';

package/dist/bundled/v3/components/OrTimePickerV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker.vue_vue_type_script_lang-845ec78b.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker.vue_vue_type_script_lang-c737eaa8.js';
 export { InputBoxSize as TimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
@@ -57,7 +57,7 @@ import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../../directives/dropdown-close.js';
 import '../../directives/dropdown-open.js';

package/dist/bundled/v3/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';