@onereach/ui-components 2.71.1-beta.2222.0 → 2.71.1-beta.2226.0

package/dist/esm/v2/components/or-combined-input-v3/index.js

@@ -1,147 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
-import { _ as __vue_component__$1 } from '../../OrError-d267ee9a.js';
-import { _ as __vue_component__$2 } from '../../OrHint-42dc9ebb.js';
-import { _ as __vue_component__$3 } from '../../OrLabel-2a9f1477.js';
-import { a as InputBoxSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-5253ba98.js';
-export { a as CombinedInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-5253ba98.js';
-import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-
-const CombinedInputRoot = [
-// Layout
-'layout-column',
-// Spacing
-'gap-xs'];
-const CombinedInputControlGroup = [
-// Layout
-'layout-row',
-// Box
-'w-full',
-// Shape (.or-input-box)
-'[&_.or-input-box]:first-child:rounded-r-0', '[&_.or-input-box]:intermediate-child:rounded-0', '[&_.or-input-box]:last-child:rounded-l-0',
-// Spacing (.or-input-box)
-'[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
-
-var script = defineComponent({
-  name: 'OrCombinedInput',
-  components: {
-    OrError: __vue_component__$1,
-    OrHint: __vue_component__$2,
-    OrLabel: __vue_component__$3
-  },
-  inheritAttrs: false,
-  props: {
-    size: {
-      type: String,
-      default: InputBoxSize.M
-    },
-    label: {
-      type: String,
-      default: undefined
-    },
-    hint: {
-      type: String,
-      default: undefined
-    },
-    error: {
-      type: String,
-      default: undefined
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot, classAttribute.value]);
-    const controlGroup = computed(() => [...CombinedInputControlGroup]);
-    // State
-    const invalid = computed(() => !!props.error);
-    const readonly = computed(() => context.attrs.readonly);
-    return {
-      root,
-      rootStyles,
-      controlGroup,
-      invalid,
-      readonly
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', _vm._b({
-    ref: "root",
-    class: _vm.rootStyles
-  }, 'div', _vm.$attrs, false), [_vm.label ? [_c('OrLabel', {
-    attrs: {
-      "variant": 'input',
-      "required": _vm.required,
-      "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm._t("addon")];
-      },
-      proxy: true
-    }], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('div', {
-    class: _vm.controlGroup
-  }, [_vm._t("default", null, {
-    "size": _vm.size,
-    "required": _vm.required,
-    "readonly": _vm.readonly,
-    "disabled": _vm.disabled,
-    "disableDefaultStyles": _vm.disableDefaultStyles
-  })], 2), _vm._v(" "), !_vm.invalid ? [_vm.hint ? [_c('OrHint', {
-    attrs: {
-      "disabled": _vm.disabled
-    }
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")])] : _vm._e()] : [_c('OrError', {
-    attrs: {
-      "disabled": _vm.disabled
-    }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])]], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as OrCombinedInputV3 };

package/dist/esm/v2/components/or-combined-input-v3/props.d.ts

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

package/dist/esm/v2/components/or-combined-input-v3/styles.d.ts

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

package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts

@@ -1,27 +0,0 @@
-import { Meta, StoryFn } from '@storybook/vue3';
-declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
-export default _default;
-export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
-export declare const Addon: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
-export declare const Hint: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
-export declare const Error: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;

package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts

@@ -1,98 +0,0 @@
-import { PropType } from 'vue-demi';
-import { CombinedInputSize } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
-    controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
-    invalid: import("@vue/composition-api").ComputedRef<boolean>;
-    readonly: import("@vue/composition-api").ComputedRef<boolean>;
-}> & import("@vue/composition-api").Data, {}, {}, {
-    size: {
-        type: PropType<CombinedInputSize>;
-        default: CombinedInputSize;
-    };
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    hint: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    error: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
-    size: {
-        type: PropType<CombinedInputSize>;
-        default: CombinedInputSize;
-    };
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    hint: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    error: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    size: CombinedInputSize;
-    label: string;
-    hint: string;
-    error: string;
-    required: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
-    controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
-    invalid: import("@vue/composition-api").ComputedRef<boolean>;
-    readonly: import("@vue/composition-api").ComputedRef<boolean>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    size: CombinedInputSize;
-    label: string;
-    hint: string;
-    error: string;
-    required: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {}, {
-    size: CombinedInputSize;
-    label: string;
-    hint: string;
-    error: string;
-    required: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-}, true>);
-export default _default;

package/dist/esm/v3/components/or-combined-input-v3/index.d.ts

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

package/dist/esm/v3/components/or-combined-input-v3/index.js

@@ -1,132 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
-import '@vueuse/core';
-import { s as script$1 } from '../../OrError-ec8c709d.js';
-import { s as script$2 } from '../../OrHint-74bb732d.js';
-import { s as script$3 } from '../../OrLabel-bdaec602.js';
-import { a as InputBoxSize } from '../../OrInputBox-0ebab1b8.js';
-export { a as CombinedInputSize } from '../../OrInputBox-0ebab1b8.js';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, Fragment } from 'vue';
-
-const CombinedInputRoot = [
-// Layout
-'layout-column',
-// Spacing
-'gap-xs'];
-const CombinedInputControlGroup = [
-// Layout
-'layout-row',
-// Box
-'w-full',
-// Shape (.or-input-box)
-'[&_.or-input-box]:first-child:rounded-r-0', '[&_.or-input-box]:intermediate-child:rounded-0', '[&_.or-input-box]:last-child:rounded-l-0',
-// Spacing (.or-input-box)
-'[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
-
-var script = defineComponent({
-  name: 'OrCombinedInput',
-  components: {
-    OrError: script$1,
-    OrHint: script$2,
-    OrLabel: script$3
-  },
-  inheritAttrs: false,
-  props: {
-    size: {
-      type: String,
-      default: InputBoxSize.M
-    },
-    label: {
-      type: String,
-      default: undefined
-    },
-    hint: {
-      type: String,
-      default: undefined
-    },
-    error: {
-      type: String,
-      default: undefined
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot, classAttribute.value]);
-    const controlGroup = computed(() => [...CombinedInputControlGroup]);
-    // State
-    const invalid = computed(() => !!props.error);
-    const readonly = computed(() => context.attrs.readonly);
-    return {
-      root,
-      rootStyles,
-      controlGroup,
-      invalid,
-      readonly
-    };
-  }
-});
-
-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", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _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,
-    required: _ctx.required,
-    readonly: _ctx.readonly,
-    disabled: _ctx.disabled,
-    disableDefaultStyles: _ctx.disableDefaultStyles
-  })], 2 /* CLASS */), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
-    key: 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)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
-    key: 2,
-    disabled: _ctx.disabled
-  }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
-
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]))], 16 /* FULL_PROPS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
-
-export { script as OrCombinedInputV3 };

package/dist/esm/v3/components/or-combined-input-v3/props.d.ts

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

package/dist/esm/v3/components/or-combined-input-v3/styles.d.ts

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

package/src/components/or-combined-input-v3/OrCombinedInput.docs.mdx

@@ -1,7 +0,0 @@
-import { DocsPage } from '@storybook/addon-docs';
-
-```ts
-import { OrCombinedInputV3 as OrCombinedInput } from '@onereach/ui-components';
-```
-
-<DocsPage />

package/src/components/or-combined-input-v3/OrCombinedInput.stories3.ts

@@ -1,202 +0,0 @@
-import { Meta, StoryFn } from '@storybook/vue3';
-import { ref, watch } from 'vue-demi';
-import { OrIconV3 as OrIcon } from '../or-icon-v3';
-import { OrInputV3 as OrInput } from '../or-input-v3';
-import { OrSelectV3 as OrSelect, SelectOption } from '../or-select-v3';
-import OrCombinedInputDocs from './OrCombinedInput.docs.mdx';
-import OrCombinedInput from './OrCombinedInput.vue';
-import { CombinedInputSize } from './props';
-
-export default {
-  title: 'Components/Forms/Combined Input',
-  component: OrCombinedInput,
-
-  argTypes: {
-    // Attrs
-    readonly: {
-      control: { type: 'boolean' },
-    },
-
-    // Slots
-    default: {
-      type: {
-        name: 'string',
-        required: true,
-      },
-
-      control: { type: 'text' },
-    },
-
-    addon: {
-      type: {
-        name: 'string',
-        required: false,
-      },
-
-      control: { type: 'text' },
-    },
-
-    // Props
-    size: {
-      control: { type: 'select' },
-      options: Object.values(CombinedInputSize),
-    },
-
-    label: {
-      control: { type: 'text' },
-    },
-
-    hint: {
-      control: { type: 'text' },
-    },
-
-    error: {
-      control: { type: 'text' },
-    },
-
-    required: {
-      control: { type: 'boolean' },
-    },
-
-    disabled: {
-      control: { type: 'boolean' },
-    },
-
-    disableDefaultStyles: {
-      control: { type: 'boolean' },
-    },
-  },
-
-  parameters: {
-    docs: {
-      page: OrCombinedInputDocs,
-    },
-
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/o7DdkaznUW2PtX4wiSuhhQ/Core?node-id=4423%3A39753&t=grpHUrgJi4X2W67L-4',
-    },
-  },
-} as Meta<typeof OrCombinedInput>;
-
-const Template: StoryFn<typeof OrCombinedInput> = (args) => ({
-  components: {
-    OrCombinedInput,
-    OrIcon,
-    OrInput,
-    OrSelect,
-  },
-
-  setup() {
-    // State
-    const options = Array.from<string, SelectOption>([
-      'Alfa',
-      'Bravo',
-      'Charlie',
-      'Delta',
-      'Echo',
-      'Foxtrot',
-      'Golf',
-      'Hotel',
-      'India',
-      'Juliett',
-      'Kilo',
-      'Lima',
-      'Mike',
-      'November',
-      'Oscar',
-      'Papa',
-      'Quebec',
-      'Romeo',
-      'Sierra',
-      'Tango',
-      'Uniform',
-      'Victor',
-      'Whiskey',
-      'X-Ray',
-      'Yankee',
-      'Zulu',
-    ], (item) => ({
-      value: item.toLowerCase(),
-      label: item,
-    }));
-
-    const selectModel = ref<string>();
-    const inputModel = ref<string>();
-
-    // Effects
-    watch([selectModel, inputModel], (values) => {
-      console.debug(values);
-    });
-
-    return {
-      args,
-      options,
-      selectModel,
-      inputModel,
-    };
-  },
-
-  template: `
-    <OrCombinedInput v-bind="args">
-      ${args.default}
-      ${args.addon}
-    </OrCombinedInput>
-  `,
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  // Slots
-  default: `
-    <template v-slot="props">
-      <OrSelect
-        class="basis-1/4"
-        v-model="selectModel"
-        v-bind="props"
-        :options="options"
-      />
-
-      <OrInput
-        class="basis-3/4"
-        v-model="inputModel"
-        v-bind="props"
-      />
-    </template>
-  `,
-
-  // Props
-  label: 'Combined Input',
-};
-
-export const Addon = Template.bind({});
-
-Addon.args = {
-  ...Default.args,
-
-  // Slots
-  addon: `
-    <template v-slot:addon>
-      <OrIcon icon="info" />
-    </template>
-  `,
-};
-
-export const Hint = Template.bind({});
-
-Hint.args = {
-  ...Default.args,
-
-  // Props
-  hint: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-};
-
-export const Error = Template.bind({});
-
-Error.args = {
-  ...Default.args,
-
-  // Props
-  error: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-};