@onereach/ui-components 8.5.0 → 8.5.1-beta.3662.0

package/dist/bundled/v3/components/OrInputBoxV3-a079251d.js

@@ -0,0 +1,172 @@
+import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createBlock, withCtx, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed } from 'vue-demi';
+
+const InputBoxAddon = [
+// Layout
+'layout-inline-row',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+
+var script$1 = defineComponent({
+  props: {
+    invalid: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-input-box-addon-v3', ...InputBoxAddon]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+const _hoisted_1$1 = ["invalid", "readonly", "disabled"];
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    invalid: _ctx.invalid ? '' : null,
+    readonly: _ctx.readonly ? '' : null,
+    disabled: _ctx.disabled ? '' : null
+  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1$1);
+}
+
+script$1.render = render$1;
+script$1.__file = "src/components/or-input-box-v3/partials/or-input-box-addon/OrInputBoxAddon.vue";
+
+var InputBoxVariant;
+(function (InputBoxVariant) {
+  InputBoxVariant["Styled"] = "styled";
+  InputBoxVariant["Unstyled"] = "unstyled";
+})(InputBoxVariant || (InputBoxVariant = {}));
+var InputBoxSize;
+(function (InputBoxSize) {
+  InputBoxSize["M"] = "m";
+  InputBoxSize["S"] = "s";
+})(InputBoxSize || (InputBoxSize = {}));
+
+const InputBox = [
+// Layout
+'layout-row',
+// Overflow
+'overflow-hidden',
+// Box
+'w-full',
+// Shape
+'rounded-md',
+// Theme (children)
+'children:outline-none'];
+const InputBoxVariants = {
+  [InputBoxVariant.Styled]: [
+  // Theme
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', 'theme-outline-2-transparent', 'dark:theme-outline-2-transparent',
+  // Theme (focus)
+  'focus-within:theme-background-primary-translucent-1', 'dark:focus-within:theme-background-primary-translucent-1-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-2-primary', 'dark:focus-within:theme-outline-2-primary-dark',
+  // Theme (read-only)
+  'read-only:theme-background-primary-translucent-1', 'dark:read-only:theme-background-primary-translucent-1-dark', 'read-only:!border-transparent', 'dark:read-only:!border-transparent',
+  // Theme (invalid)
+  'invalid:theme-preset-3-error', 'dark:invalid:theme-preset-3-error-dark', 'invalid:theme-background-error-translucent-1', 'dark:invalid:theme-background-error-translucent-1-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-1-error', 'dark:invalid:theme-border-1-error-dark', 'invalid:theme-outline-2-transparent', 'dark:invalid:theme-outline-2-transparent',
+  // Theme (invalid, focus)
+  'invalid:focus-within:theme-background-error-translucent-1', 'dark:invalid:focus-within:theme-background-error-translucent-1-dark', 'invalid:focus-within:theme-border-1-error', 'dark:invalid:focus-within:theme-border-1-error-dark', 'invalid:focus-within:theme-outline-2-error', 'dark:invalid:focus-within:theme-outline-2-error-dark',
+  // Theme (invalid, read-only)
+  'invalid:read-only:bg-error-opacity-0-08', 'dark:invalid:read-only:bg-error-opacity-0-08-dark', 'invalid:read-only:!border-transparent', 'dark:invalid:read-only:!border-transparent'],
+  [InputBoxVariant.Unstyled]: [
+  // Theme (disabled)
+  'disabled:theme-foreground-disabled', 'dark:disabled:theme-foreground-disabled-dark']
+};
+const InputBoxSizes = {
+  [InputBoxSize.M]: [
+  // Box
+  'children:min-h-[46px] children:md:min-h-[34px]',
+  // Spacing
+  'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-sm+ md:gap-sm',
+  // Typography
+  'typography-body-2-regular'],
+  [InputBoxSize.S]: [
+  // Box
+  'children:min-h-[30px]',
+  // Spacing
+  'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-[6px]',
+  // Typography
+  'typography-caption-regular']
+};
+
+var script = defineComponent({
+  components: {
+    OrInputBoxAddon: script$1
+  },
+  props: {
+    variant: {
+      type: String,
+      default: InputBoxVariant.Styled
+    },
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    invalid: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-input-box-v3', ...InputBox, ...InputBoxVariants[props.variant], ...InputBoxSizes[props.size]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+const _hoisted_1 = ["invalid", "readonly", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrInputBoxAddon = resolveComponent("OrInputBoxAddon");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    invalid: _ctx.invalid ? '' : null,
+    readonly: _ctx.readonly ? '' : null,
+    disabled: _ctx.disabled ? '' : null,
+    onFocus: _cache[0] || (_cache[0] = $event => _ctx.$emit('focus', $event))
+  }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.addon ? (openBlock(), createBlock(_component_OrInputBoxAddon, {
+    key: 0,
+    invalid: _ctx.invalid,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["invalid", "readonly", "disabled"])) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-input-box-v3/OrInputBox.vue";
+
+export { InputBoxSize as I, InputBoxVariant as a, InputBox as b, InputBoxVariants as c, InputBoxSizes as d, script as s };

package/dist/bundled/v3/components/OrInputV3/OrInput.js

@@ -0,0 +1 @@
+export { s as default } from '../OrInputV3-4f742dc1.js';

package/dist/bundled/v3/components/OrInputV3/OrInput.vue.d.ts

@@ -0,0 +1,156 @@
+import { PropType } from 'vue-demi';
+import { InputSize, InputType } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    type: {
+        type: PropType<"number" | "search" | "text" | "password">;
+        default: InputType;
+    };
+    size: {
+        type: PropType<"m" | "s">;
+        default: InputSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autocomplete: {
+        type: PropType<"on" | "off">;
+        default: string;
+    };
+    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[]>;
+    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("../../hooks").UseProxyModelValueReturn<string | number | undefined>;
+    currentLength: import("vue-demi").ComputedRef<number>;
+    maxLength: import("vue-demi").ComputedRef<number | undefined>;
+    disclosed: import("vue-demi").Ref<boolean>;
+    focus: () => void;
+    blur: () => void;
+    isMobile: import("vue-demi").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "input" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "input" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    type: {
+        type: PropType<"number" | "search" | "text" | "password">;
+        default: InputType;
+    };
+    size: {
+        type: PropType<"m" | "s">;
+        default: InputSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autocomplete: {
+        type: PropType<"on" | "off">;
+        default: string;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...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 | number;
+    type: "number" | "search" | "text" | "password";
+    size: "m" | "s";
+    label: string;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    loading: boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    autocomplete: "on" | "off";
+    disableDefaultStyles: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,2 @@
+export { I as InputType, s as OrInputV3 } from '../OrInputV3-4f742dc1.js';
+export { I as InputSize } from '../OrInputBoxV3-a079251d.js';

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

@@ -0,0 +1,7 @@
+export declare enum InputType {
+    Text = "text",
+    Number = "number",
+    Password = "password",
+    Search = "search"
+}
+export { InputBoxSize as InputSize } from '../or-input-box-v3';

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

@@ -0,0 +1,2 @@
+export { I as InputSize } from '../OrInputBoxV3-a079251d.js';
+export { I as InputType } from '../OrInputV3-4f742dc1.js';

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

@@ -0,0 +1,2 @@
+export declare const InputRoot: string[];
+export declare const InputControl: string[];

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

@@ -0,0 +1 @@
+export { b as InputControl, a as InputRoot } from '../OrInputV3-4f742dc1.js';

package/dist/bundled/v3/components/OrInputV3-4f742dc1.js

@@ -0,0 +1,272 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Fragment, withModifiers, withDirectives, createElementVNode, mergeProps, vModelDynamic, createSlots, vShow } from 'vue';
+import { s as styleInject } from './OrAvatar-bfa6fd65.js';
+import { s as script$5, I as InputBoxSize } from './OrInputBoxV3-a079251d.js';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
+import { s as script$1 } from './OrErrorV3-f61387d6.js';
+import { s as script$2 } from './OrHintV3-1fcfaa19.js';
+import { s as script$3 } from './OrIconV3-85d7d26b.js';
+import { s as script$4 } from './OrIconButtonV3-691e3bcd.js';
+import { s as script$6 } from './OrLabelV3-5fd72248.js';
+import { s as script$7 } from './OrLoaderV3-2aaeeb71.js';
+import { b as useIdAttribute, c as useControlAttributes, e as useValidationAttributes, u as useProxyModelValue, v as useResponsive } from './OrBottomSheetV3-199292db.js';
+
+var InputType;
+(function (InputType) {
+  InputType["Text"] = "text";
+  InputType["Number"] = "number";
+  InputType["Password"] = "password";
+  InputType["Search"] = "search";
+})(InputType || (InputType = {}));
+
+const InputRoot = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const InputControl = [
+// Box
+'flex-auto',
+// Typography
+'typography-inherit',
+// Theme (placeholder)
+'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+
+var script = defineComponent({
+  name: 'OrInput',
+  components: {
+    OrError: script$1,
+    OrHint: script$2,
+    OrIcon: script$3,
+    OrIconButton: script$4,
+    OrInputBox: script$5,
+    OrLabel: script$6,
+    OrLoader: script$7
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: undefined
+    },
+    type: {
+      type: String,
+      default: InputType.Text
+    },
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    placeholder: {
+      type: String,
+      default: undefined
+    },
+    hint: {
+      type: String,
+      default: undefined
+    },
+    error: {
+      type: [String, Boolean],
+      default: undefined
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    autocomplete: {
+      type: String,
+      default: 'off'
+    },
+    disableDefaultStyles: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
+  expose: ['root', 'focus', 'blur'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const control = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-input-v3', ...InputRoot]);
+    const controlStyles = computed(() => [...InputControl]);
+    // State
+    const controlAttributes = reactive({
+      id: useIdAttribute(),
+      ...useControlAttributes(),
+      ...useValidationAttributes()
+    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const currentLength = computed(() => {
+      var _a, _b;
+      return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
+    });
+    const maxLength = computed(() => controlAttributes.maxlength);
+    const disclosed = ref(false);
+    // Methods
+    function focus() {
+      var _a;
+      (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    function blur() {
+      var _a;
+      (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+    // Helpers
+    const {
+      isMobile
+    } = useResponsive();
+    return {
+      root,
+      control,
+      rootStyles,
+      controlStyles,
+      controlAttributes,
+      proxyModelValue,
+      currentLength,
+      maxLength,
+      disclosed,
+      focus,
+      blur,
+      isMobile
+    };
+  }
+});
+
+const _hoisted_1 = ["type", "placeholder", "required", "readonly", "disabled", "autocomplete"];
+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_OrLoader = resolveComponent("OrLoader");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  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 || _ctx.loading,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [_ctx.loading ? (openBlock(), createBlock(_component_OrLoader, {
+      key: 0,
+      variant: 'circular',
+      color: 'primary',
+      size: _ctx.isMobile ? 'm' : 's'
+    }, null, 8 /* PROPS */, ["size"])) : (openBlock(), createElementBlock(Fragment, {
+      key: 1
+    }, [_ctx.type === 'password' ? (openBlock(), createBlock(_component_OrIconButton, {
+      key: 0,
+      icon: {
+        icon: _ctx.disclosed ? 'visibility_off' : 'visibility',
+        variant: 'filled'
+      },
+      color: 'inherit',
+      disabled: _ctx.disabled,
+      onClick: _cache[6] || (_cache[6] = withModifiers($event => _ctx.disclosed = !_ctx.disclosed, ["stop"]))
+    }, null, 8 /* PROPS */, ["icon", "disabled"])) : createCommentVNode("v-if", true), _ctx.type === 'search' ? (openBlock(), createElementBlock(Fragment, {
+      key: 1
+    }, [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
+      key: 0,
+      icon: 'close',
+      color: 'inherit',
+      disabled: _ctx.readonly || _ctx.disabled,
+      onClick: _cache[7] || (_cache[7] = withModifiers($event => _ctx.$emit('update:modelValue', ''), ["stop"]))
+    }, null, 8 /* PROPS */, ["disabled"])) : (openBlock(), createBlock(_component_OrIcon, {
+      key: 1,
+      icon: 'search',
+      variant: 'outlined'
+    }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))]),
+
+    default: withCtx(() => [withDirectives(createElementVNode("input", mergeProps({
+      ref: "control",
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event)
+    }, _ctx.controlAttributes, {
+      class: _ctx.controlStyles,
+      type: _ctx.type === 'password' && _ctx.disclosed ? 'text' : _ctx.type,
+      placeholder: _ctx.placeholder,
+      required: _ctx.required,
+      readonly: _ctx.readonly || _ctx.loading,
+      disabled: _ctx.disabled,
+      autocomplete: _ctx.autocomplete,
+      onInput: _cache[1] || (_cache[1] = $event => _ctx.$emit('input', $event)),
+      onKeydown: _cache[2] || (_cache[2] = $event => _ctx.$emit('keydown', $event)),
+      onKeyup: _cache[3] || (_cache[3] = $event => _ctx.$emit('keyup', $event)),
+      onFocus: _cache[4] || (_cache[4] = $event => _ctx.$emit('focus', $event)),
+      onBlur: _cache[5] || (_cache[5] = $event => _ctx.$emit('blur', $event))
+    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]])]),
+    _: 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-78975fa2] {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\ninput[type=\"number\"][data-v-78975fa2]::-webkit-inner-spin-button {\n  display: none;\n}\ninput[type=\"search\"][data-v-78975fa2]::-webkit-search-cancel-button {\n  display: none;\n}\n";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-78975fa2";
+script.__file = "src/components/or-input-v3/OrInput.vue";
+
+export { InputType as I, InputRoot as a, InputControl as b, script as s };