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

package/dist/bundled/v3/components/OrColorPicker-88c33040.js

@@ -0,0 +1,463 @@
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, withModifiers, createBlock, withCtx, Fragment, renderList, normalizeClass, withDirectives, vShow, createCommentVNode, pushScopeId, popScopeId } from 'vue';
+import { s as styleInject } from './OrAvatar-bfa6fd65.js';
+import { defineComponent, ref } from 'vue-demi';
+import { a as useToggle, o as onClickOutside } from './OrBottomSheetV3-199292db.js';
+import { s as script$1, O as OrFloatingPlacements } from './OrFloating-3ae45ca5.js';
+
+const red = {
+  50: '#FFEBEE',
+  100: '#FFCDD2',
+  200: '#EF9A9A',
+  300: '#E57373',
+  400: '#EF5350',
+  500: '#F44336',
+  600: '#E53935',
+  700: '#D32F2F',
+  800: '#C62828',
+  900: '#B71C1C',
+  A100: '#FF8A80',
+  A200: '#FF5252',
+  A400: '#FF1744',
+  A700: '#D50000'
+};
+const pink = {
+  50: '#FCE4EC',
+  100: '#F8BBD0',
+  200: '#F48FB1',
+  300: '#F06292',
+  400: '#EC407A',
+  500: '#E91E63',
+  600: '#D81B60',
+  700: '#C2185B',
+  800: '#AD1457',
+  900: '#880E4F',
+  A100: '#FF80AB',
+  A200: '#FF4081',
+  A400: '#F50057',
+  A700: '#C51162'
+};
+const purple = {
+  50: '#F3E5F5',
+  100: '#E1BEE7',
+  200: '#CE93D8',
+  300: '#BA68C8',
+  400: '#AB47BC',
+  500: '#9C27B0',
+  600: '#8E24AA',
+  700: '#7B1FA2',
+  800: '#6A1B9A',
+  900: '#4A148C',
+  A100: '#EA80FC',
+  A200: '#E040FB',
+  A400: '#D500F9',
+  A700: '#AA00FF'
+};
+const deepPurple = {
+  50: '#EDE7F6',
+  100: '#D1C4E9',
+  200: '#B39DDB',
+  300: '#9575CD',
+  400: '#7E57C2',
+  500: '#673AB7',
+  600: '#5E35B1',
+  700: '#512DA8',
+  800: '#4527A0',
+  900: '#311B92',
+  A100: '#B388FF',
+  A200: '#7C4DFF',
+  A400: '#651FFF',
+  A700: '#6200EA'
+};
+const indigo = {
+  50: '#E8EAF6',
+  100: '#C5CAE9',
+  200: '#9FA8DA',
+  300: '#7986CB',
+  400: '#5C6BC0',
+  500: '#3F51B5',
+  600: '#3949AB',
+  700: '#303F9F',
+  800: '#283593',
+  900: '#1A237E',
+  A100: '#8C9EFF',
+  A200: '#536DFE',
+  A400: '#3D5AFE',
+  A700: '#304FFE'
+};
+const blue = {
+  50: '#E3F2FD',
+  100: '#BBDEFB',
+  200: '#90CAF9',
+  300: '#64B5F6',
+  400: '#42A5F5',
+  500: '#2196F3',
+  600: '#1E88E5',
+  700: '#1976D2',
+  800: '#1565C0',
+  900: '#0D47A1',
+  A100: '#82B1FF',
+  A200: '#448AFF',
+  A400: '#2979FF',
+  A700: '#2962FF'
+};
+const lightBlue = {
+  50: '#E1F5FE',
+  100: '#B3E5FC',
+  200: '#81D4FA',
+  300: '#4FC3F7',
+  400: '#29B6F6',
+  500: '#03A9F4',
+  600: '#039BE5',
+  700: '#0288D1',
+  800: '#0277BD',
+  900: '#01579B',
+  A100: '#80D8FF',
+  A200: '#40C4FF',
+  A400: '#00B0FF',
+  A700: '#0091EA'
+};
+const cyan = {
+  50: '#E0F7FA',
+  100: '#B2EBF2',
+  200: '#80DEEA',
+  300: '#4DD0E1',
+  400: '#26C6DA',
+  500: '#00BCD4',
+  600: '#00ACC1',
+  700: '#0097A7',
+  800: '#00838F',
+  900: '#006064',
+  A100: '#84FFFF',
+  A200: '#18FFFF',
+  A400: '#00E5FF',
+  A700: '#00B8D4'
+};
+const teal = {
+  50: '#E0F2F1',
+  100: '#B2DFDB',
+  200: '#80CBC4',
+  300: '#4DB6AC',
+  400: '#26A69A',
+  500: '#009688',
+  600: '#00897B',
+  700: '#00796B',
+  800: '#00695C',
+  900: '#004D40',
+  A100: '#A7FFEB',
+  A200: '#64FFDA',
+  A400: '#1DE9B6',
+  A700: '#00BFA5'
+};
+const green = {
+  50: '#E8F5E9',
+  100: '#C8E6C9',
+  200: '#A5D6A7',
+  300: '#81C784',
+  400: '#66BB6A',
+  500: '#4CAF50',
+  600: '#43A047',
+  700: '#388E3C',
+  800: '#2E7D32',
+  900: '#1B5E20',
+  A100: '#B9F6CA',
+  A200: '#69F0AE',
+  A400: '#00E676',
+  A700: '#00C853'
+};
+const lightGreen = {
+  50: '#F1F8E9',
+  100: '#DCEDC8',
+  200: '#C5E1A5',
+  300: '#AED581',
+  400: '#9CCC65',
+  500: '#8BC34A',
+  600: '#7CB342',
+  700: '#689F38',
+  800: '#558B2F',
+  900: '#33691E',
+  A100: '#CCFF90',
+  A200: '#B2FF59',
+  A400: '#76FF03',
+  A700: '#64DD17'
+};
+const lime = {
+  50: '#F9FBE7',
+  100: '#F0F4C3',
+  200: '#E6EE9C',
+  300: '#DCE775',
+  400: '#D4E157',
+  500: '#CDDC39',
+  600: '#C0CA33',
+  700: '#AFB42B',
+  800: '#9E9D24',
+  900: '#827717',
+  A100: '#F4FF81',
+  A200: '#EEFF41',
+  A400: '#C6FF00',
+  A700: '#AEEA00'
+};
+const yellow = {
+  50: '#FFFDE7',
+  100: '#FFF9C4',
+  200: '#FFF59D',
+  300: '#FFF176',
+  400: '#FFEE58',
+  500: '#FFEB3B',
+  600: '#FDD835',
+  700: '#FBC02D',
+  800: '#F9A825',
+  900: '#F57F17',
+  A100: '#FFFF8D',
+  A200: '#FFFF00',
+  A400: '#FFEA00',
+  A700: '#FFD600'
+};
+const amber = {
+  50: '#FFF8E1',
+  100: '#FFECB3',
+  200: '#FFE082',
+  300: '#FFD54F',
+  400: '#FFCA28',
+  500: '#FFC107',
+  600: '#FFB300',
+  700: '#FFA000',
+  800: '#FF8F00',
+  900: '#FF6F00',
+  A100: '#FFE57F',
+  A200: '#FFD740',
+  A400: '#FFC400',
+  A700: '#FFAB00'
+};
+const orange = {
+  50: '#FFF3E0',
+  100: '#FFE0B2',
+  200: '#FFCC80',
+  300: '#FFB74D',
+  400: '#FFA726',
+  500: '#FF9800',
+  600: '#FB8C00',
+  700: '#F57C00',
+  800: '#EF6C00',
+  900: '#E65100',
+  A100: '#FFD180',
+  A200: '#FFAB40',
+  A400: '#FF9100',
+  A700: '#FF6D00'
+};
+const deepOrange = {
+  50: '#FBE9E7',
+  100: '#FFCCBC',
+  200: '#FFAB91',
+  300: '#FF8A65',
+  400: '#FF7043',
+  500: '#FF5722',
+  600: '#F4511E',
+  700: '#E64A19',
+  800: '#D84315',
+  900: '#BF360C',
+  A100: '#FF9E80',
+  A200: '#FF6E40',
+  A400: '#FF3D00',
+  A700: '#DD2C00'
+};
+const brown = {
+  50: '#EFEBE9',
+  100: '#D7CCC8',
+  200: '#BCAAA4',
+  300: '#A1887F',
+  400: '#8D6E63',
+  500: '#795548',
+  600: '#6D4C41',
+  700: '#5D4037',
+  800: '#4E342E',
+  900: '#3E2723'
+};
+const blueGrey = {
+  50: '#ECEFF1',
+  100: '#CFD8DC',
+  200: '#B0BEC5',
+  300: '#90A4AE',
+  400: '#78909C',
+  500: '#607D8B',
+  600: '#546E7A',
+  700: '#455A64',
+  800: '#37474F',
+  900: '#263238'
+};
+// export const grey = {
+//   50: '#FAFAFA',
+//   100: '#F5F5F5',
+//   200: '#EEEEEE',
+//   300: '#E0E0E0',
+//   400: '#BDBDBD',
+//   500: '#9E9E9E',
+//   600: '#757575',
+//   700: '#616161',
+//   800: '#424242',
+//   900: '#212121',
+// };
+const black = {
+  default: '#000000'
+};
+const white = {
+  default: '#FFFFFF'
+};
+var Palette = {
+  red,
+  pink,
+  purple,
+  deepPurple,
+  indigo,
+  blue,
+  lightBlue,
+  cyan,
+  teal,
+  green,
+  lightGreen,
+  lime,
+  yellow,
+  amber,
+  orange,
+  deepOrange,
+  brown,
+  blueGrey,
+  // grey,
+  black,
+  white
+};
+
+const defaultTones = ['900', '700', '500', '300', '100'];
+function defaultPalette() {
+  return Object.entries(Palette).reduce((acc, _ref) => {
+    let [color, schema] = _ref;
+    if (color === 'black' || color === 'white') {
+      acc.push([Palette[color].default]);
+    } else {
+      acc.push(defaultTones === null || defaultTones === void 0 ? void 0 : defaultTones.map(tone => schema[tone]));
+    }
+    return acc;
+  }, []);
+}
+
+var script = defineComponent({
+  name: 'OrColorPicker',
+  components: {
+    OrFloating: script$1
+  },
+  props: {
+    palette: {
+      type: Object,
+      default: defaultPalette
+    },
+    defaultColor: {
+      type: String,
+      default: '#fff'
+    },
+    placement: {
+      type: String,
+      required: false,
+      default: OrFloatingPlacements.BOTTOM_START
+    }
+  },
+  emits: ['select'],
+  setup() {
+    const selected = ref(null);
+    const [isActive, toggle] = useToggle(false);
+    const trigger = ref(null);
+    onClickOutside(trigger, () => {
+      if (isActive.value) toggle();
+    });
+    return {
+      trigger,
+      toggle,
+      isActive,
+      selected
+    };
+  },
+  computed: {},
+  methods: {
+    getClass(tone) {
+      return ['or-color-picker-color-it', {
+        'or-color-picker-color--white': tone === Palette.white.default
+      }];
+    },
+    handlerClick(color) {
+      this.selected = color;
+      this.$emit('select', color);
+    }
+  }
+});
+
+const _withScopeId = n => (pushScopeId("data-v-da42f3fe"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  class: "color-container"
+};
+const _hoisted_2 = {
+  class: "or-color-picker-box"
+};
+const _hoisted_3 = ["aria-label", "aria-selected", "data-color", "onClick"];
+const _hoisted_4 = {
+  class: "or-color-picker-pick"
+};
+const _hoisted_5 = {
+  style: {
+    "width": "24px",
+    "height": "24px"
+  },
+  viewBox: "0 0 24 24"
+};
+const _hoisted_6 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("path", {
+  d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
+}, null, -1 /* HOISTED */));
+const _hoisted_7 = [_hoisted_6];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_floating = resolveComponent("or-floating");
+  return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+    ref: "trigger",
+    class: "tag__color",
+    style: normalizeStyle({
+      backgroundColor: _ctx.selected || _ctx.defaultColor
+    }),
+    onClick: _cache[0] || (_cache[0] = withModifiers(function () {
+      return _ctx.toggle && _ctx.toggle(...arguments);
+    }, ["prevent"]))
+  }, null, 4 /* STYLE */), _ctx.isActive ? (openBlock(), createBlock(_component_or_floating, {
+    key: 0,
+    trigger: _ctx.trigger,
+    offset: 8,
+    placement: _ctx.placement,
+    "is-using-shift": "",
+    "is-using-flip": ""
+  }, {
+    default: withCtx(() => [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.palette, (group, idx) => {
+      return openBlock(), createElementBlock("div", {
+        key: idx,
+        class: "or-color-picker-color-group"
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(group, color => {
+        return openBlock(), createElementBlock("div", {
+          key: color,
+          class: normalizeClass(_ctx.getClass(color)),
+          role: "option",
+          "aria-label": 'Color:' + color,
+          "aria-selected": color === _ctx.selected,
+          "data-color": color,
+          style: normalizeStyle({
+            background: color
+          }),
+          onClick: withModifiers($event => _ctx.handlerClick(color), ["prevent"])
+        }, [withDirectives(createElementVNode("div", _hoisted_4, [(openBlock(), createElementBlock("svg", _hoisted_5, _hoisted_7))], 512 /* NEED_PATCH */), [[vShow, color === _ctx.selected]])], 14 /* CLASS, STYLE, PROPS */, _hoisted_3);
+      }), 128 /* KEYED_FRAGMENT */))]);
+    }), 128 /* KEYED_FRAGMENT */))])]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger", "placement"])) : createCommentVNode("v-if", true)]);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-da42f3fe {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-da42f3fe {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.color-container[data-v-da42f3fe] {\n  position: relative;\n}\n.color-container .tag__color[data-v-da42f3fe] {\n  width: 20px;\n  height: 20px;\n  margin-right: 10px;\n  border: var(--s-1) solid var(--c-neutral-0-darken-3);\n  border-radius: 50%;\n  cursor: pointer;\n}\n.or-color-picker-box[data-v-da42f3fe] {\n  max-height: 244px;\n  max-width: 312px;\n  overflow-y: scroll;\n  background-color: var(--c-neutral-0);\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16);\n  padding: var(--s-4);\n  display: flex;\n  gap: var(--s-3);\n  flex-wrap: wrap;\n}\n.or-color-picker-box .or-color-picker-color-group[data-v-da42f3fe] {\n  width: 40px;\n  float: left;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-color-it[data-v-da42f3fe] {\n  box-sizing: border-box;\n  width: 40px;\n  height: 24px;\n  cursor: pointer;\n  margin-bottom: 1px;\n  overflow: hidden;\n  border-radius: var(--s-1) var(--s-1) 0 0;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white[data-v-da42f3fe] {\n  border: 1px solid #DDD;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-pick[data-v-da42f3fe] {\n  fill: rgb(255, 255, 255);\n  margin-left: 8px;\n  display: block;\n}\n.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white .or-color-picker-pick[data-v-da42f3fe] {\n  fill: rgb(51, 51, 51);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-da42f3fe";
+script.__file = "src/components/or-color-picker/OrColorPicker.vue";
+
+export { Palette as P, purple as a, blue as b, cyan as c, deepPurple as d, lightGreen as e, lime as f, green as g, amber as h, indigo as i, deepOrange as j, brown as k, lightBlue as l, blueGrey as m, black as n, orange as o, pink as p, defaultPalette as q, red as r, script as s, teal as t, white as w, yellow as y };

package/dist/bundled/v3/components/OrCombinedInputV3/OrCombinedInput.js

@@ -0,0 +1 @@
+export { s as default } from '../OrCombinedInputV3-fea65076.js';

package/dist/bundled/v3/components/OrCombinedInputV3/OrCombinedInput.vue.d.ts

@@ -0,0 +1,83 @@
+import { PropType } from 'vue-demi';
+import { CombinedInputSize } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    size: {
+        type: PropType<"m" | "s">;
+        default: CombinedInputSize;
+    };
+    label: {
+        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>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    controlGroup: 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<{
+    size: {
+        type: PropType<"m" | "s">;
+        default: CombinedInputSize;
+    };
+    label: {
+        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;
+    };
+}>>, {
+    size: "m" | "s";
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,2 @@
+export { s as OrCombinedInputV3 } from '../OrCombinedInputV3-fea65076.js';
+export { I as CombinedInputSize } from '../OrInputBoxV3-a079251d.js';

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

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

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

@@ -0,0 +1 @@
+export { I as CombinedInputSize } from '../OrInputBoxV3-a079251d.js';

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

@@ -0,0 +1,2 @@
+export declare const CombinedInput: string[];
+export declare const CombinedInputControlGroup: string[];

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

@@ -0,0 +1 @@
+export { C as CombinedInput, a as CombinedInputControlGroup } from '../OrCombinedInputV3-fea65076.js';

package/dist/bundled/v3/components/OrCombinedInputV3-fea65076.js

@@ -0,0 +1,129 @@
+import { I as InputBoxSize } from './OrInputBoxV3-a079251d.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
+import { defineComponent, ref, computed } 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 './OrLabelV3-5fd72248.js';
+
+const CombinedInput = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const CombinedInputControlGroup = [
+// Layout
+'layout-row',
+// Box
+'w-full',
+// Shape (.or-input-box-v3)
+'[&_.or-input-box-v3]:first-child:rounded-r-none', '[&_.or-input-box-v3]:middle-child:rounded-none', '[&_.or-input-box-v3]:last-child:rounded-l-none',
+// Spacing (.or-input-box-v3)
+'[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:middle-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
+
+var script = defineComponent({
+  name: 'OrCombinedInput',
+  components: {
+    OrError: script$1,
+    OrHint: script$2,
+    OrLabel: script$3
+  },
+  props: {
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    hint: {
+      type: String,
+      default: undefined
+    },
+    error: {
+      type: [String, Boolean],
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disableDefaultStyles: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInput]);
+    const controlGroup = computed(() => [...CombinedInputControlGroup]);
+    return {
+      root,
+      rootStyles,
+      controlGroup
+    };
+  }
+});
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  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,
+    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 */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.controlGroup)
+  }, [renderSlot(_ctx.$slots, "default", {
+    size: _ctx.size,
+    error: !!_ctx.error,
+    required: _ctx.required,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled,
+    disableDefaultStyles: _ctx.disableDefaultStyles
+  })], 2 /* CLASS */), withDirectives(createElementVNode("div", _hoisted_1, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_2, [createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string']])], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
+
+export { CombinedInput as C, CombinedInputControlGroup as a, script as s };

package/dist/bundled/v3/components/OrConfirm/OrConfirm.js

@@ -0,0 +1 @@
+export { s as default } from '../OrConfirm-af2badee.js';