@onereach/ui-components 2.69.5-beta.2144.0 → 2.69.5-beta.2145.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.69.5-beta.2144.0",
+  "version": "2.69.5-beta.2145.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -37,7 +37,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.33.1-beta.2144.0",
+    "@onereach/styles": "^2.33.0",
     "@splidejs/splide": "4.0.6",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",

package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts

@@ -53,6 +53,14 @@ export default {
       control: { type: 'text' },
     },
 
+    searchPlaceholder: {
+      control: { type: 'text' },
+    },
+
+    searchDebounce: {
+      control: { type: 'number' },
+    },
+
     // Events
     viewChange: {
       table: { disable: true },
@@ -360,3 +368,11 @@ EmptySearchResults.args = {
   search: 'My favorite ..',
   items: [],
 };
+
+export const CustomizeSearch = Template.bind({});
+
+CustomizeSearch.args = {
+  ...Default.args,
+  searchPlaceholder: 'What you want to find today?',
+  searchDebounce: 0,
+};

package/src/components/or-card-collection-v3/OrCardCollection.vue

@@ -37,8 +37,10 @@
         :class="toolbarPanelStyles"
       >
         <OrSearch
-          v-model="proxySearch"
+          :model-value="proxySearch"
           class="md:w-[350px]"
+          :placeholder="searchPlaceholder"
+          :debounce="searchDebounce"
           size="s"
           @search="handleSearch"
         />
@@ -152,6 +154,16 @@ export default defineComponent({
       type: String,
       default: '',
     },
+
+    searchPlaceholder: {
+      type: String,
+      default: undefined,
+    },
+
+    searchDebounce: {
+      type: Number,
+      default: undefined,
+    },
   },
 
   emits: [

package/src/components/or-card-collection-v3/styles.ts

@@ -45,5 +45,7 @@ export const CardCollectionContentViews: Record<DefaultCardCollectionViews, stri
     'xl:grid-cols-6',
   ],
 
-  'list': [],
+  'list': [
+    'grid-cols-1',
+  ],
 };

package/src/components/or-input-box-v3/styles.ts

@@ -94,9 +94,9 @@ export const InputBoxRootSizes: Record<InputBoxSize, string[]> = {
 
     // Spacing
     'first-child:pl-md first-child:md:pl-sm+',
-    'intermediate-child:pt-[11px] intermediate-child:md:pt-[7px]',
-    'intermediate-child:pb-[11px] intermediate-child:md:pb-[6px]',
     'last-child:pr-md last-child:md:pr-sm+',
+    'children:pt-[11px] children:md:pt-[7px]',
+    'children:pb-[11px] children:md:pb-[6px]',
 
     'gap-sm+ md:gap-sm',
 
@@ -110,8 +110,8 @@ export const InputBoxRootSizes: Record<InputBoxSize, string[]> = {
 
     // Spacing
     'first-child:pl-sm',
-    'intermediate-child:py-[6px]',
     'last-child:pr-sm',
+    'children:py-[6px]',
 
     'gap-[6px]',
 

package/src/components/or-input-v3/OrInput.vue

@@ -1,7 +1,6 @@
 <template>
   <div
     ref="root"
-    v-bind="$attrs"
     :class="rootStyles"
   >
     <template v-if="label">
@@ -30,51 +29,46 @@
         :id="controlId"
         ref="input"
         v-model="proxyModelValue"
+        v-bind="$attrs"
         :class="controlStyles"
         :type="type === 'password' && disclosed ? 'text' : type"
         :placeholder="placeholder"
         :required="required"
         :disabled="disabled"
-
-        :read-only="readonly"
-        :max-length="maxLength"
-
         @keydown="$emit('keydown', $event)"
         @keyup="$emit('keyup', $event)"
         @focus="$emit('focus', $event)"
         @blur="$emit('blur', $event)"
       >
 
-      <template v-if="type !== 'text'">
-        <div :class="['layout-row']">
-          <template v-if="type === 'password'">
+      <div :class="['layout-row']">
+        <template v-if="type === 'password'">
+          <OrIconButton
+            :icon="{ icon: disclosed ? 'visibility_off' : 'visibility', variant: 'filled' }"
+            :color="'inherit'"
+            :disabled="disabled"
+            @click.stop="disclosed = !disclosed"
+          />
+        </template>
+
+        <template v-if="type === 'search'">
+          <template v-if="modelValue">
             <OrIconButton
-              :icon="{ icon: disclosed ? 'visibility_off' : 'visibility', variant: 'filled' }"
+              :icon="'close'"
               :color="'inherit'"
               :disabled="disabled"
-              @click.stop="disclosed = !disclosed"
+              @click.stop="$emit('update:modelValue', '')"
             />
           </template>
 
-          <template v-if="type === 'search'">
-            <template v-if="modelValue">
-              <OrIconButton
-                :icon="'close'"
-                :color="'inherit'"
-                :disabled="disabled"
-                @click.stop="$emit('update:modelValue', '')"
-              />
-            </template>
-
-            <template v-else>
-              <OrIcon
-                :icon="'search'"
-                :variant="'outlined'"
-              />
-            </template>
+          <template v-else>
+            <OrIcon
+              :icon="'search'"
+              :variant="'outlined'"
+            />
           </template>
-        </div>
-      </template>
+        </template>
+      </div>
     </OrInputBox>
 
     <template v-if="!invalid">

package/src/components/or-search-v3/OrSearch.stories3.ts

@@ -5,7 +5,7 @@ import OrSearch from './OrSearch.vue';
 import { SearchSize } from './props';
 
 export default {
-  title: 'Components/Forms/Search',
+  title: 'Components/Search',
   component: OrSearch,
 
   argTypes: {

package/src/components/or-search-v3/OrSearch.vue

@@ -48,7 +48,7 @@ export default defineComponent({
 
     placeholder: {
       type: String,
-      default: undefined,
+      default: 'Search',
     },
 
     debounce: {

package/src/components/or-select-v3/OrSelect.stories3.ts

@@ -108,10 +108,6 @@ export default {
       control: { type: 'boolean' },
     },
 
-    disableDefaultStyles: {
-      control: { type: 'boolean' },
-    },
-
     enableSearch: {
       control: { type: 'boolean' },
     },

package/src/components/or-select-v3/OrSelect.vue

@@ -24,7 +24,6 @@
       v-dropdown-open="toggle"
       v-dropdown-close="close"
       :class="[popoverState === 'open' && 'rounded-b-0']"
-      :variant="disableDefaultStyles ? 'unstyled' : 'styled'"
       :size="size"
       :invalid="invalid"
       :readonly="readonly"
@@ -315,11 +314,6 @@ export default defineComponent({
       default: false,
     },
 
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false,
-    },
-
     enableSearch: {
       type: Boolean,
       default: false,

package/dist/bundled/v2/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/bundled/v2/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/bundled/v2/components/or-combined-input-v3/index.d.ts

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

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

@@ -1,149 +0,0 @@
-import '../../index-fa6eb4ca.js';
-import { O as OrError } from '../../OrError-aad17598.js';
-import { O as OrHint } from '../../OrHint-f38a1940.js';
-import { O as OrLabel } from '../../OrLabel-172c4b89.js';
-import { u as useClassAttribute } from '../../useClassAttribute-9bf33346.js';
-import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
-import { a as InputBoxSize } from '../../props-78496a2d.js';
-export { a as CombinedInputSize } from '../../props-78496a2d.js';
-import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '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-none', '[&_.or-input-box]:intermediate-child:rounded-none', '[&_.or-input-box]:last-child:rounded-l-none',
-// 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,
-    OrHint,
-    OrLabel
-  },
-  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);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as OrCombinedInputV3 };

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

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

package/dist/bundled/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/bundled/v2/props-78496a2d.js

@@ -1,12 +0,0 @@
-var InputBoxVariant;
-(function (InputBoxVariant) {
-  InputBoxVariant["Styled"] = "styled";
-  InputBoxVariant["Unstyled"] = "unstyled";
-})(InputBoxVariant || (InputBoxVariant = {}));
-var InputBoxSize;
-(function (InputBoxSize) {
-  InputBoxSize["M"] = "m";
-  InputBoxSize["S"] = "s";
-})(InputBoxSize || (InputBoxSize = {}));
-
-export { InputBoxVariant as I, InputBoxSize as a };

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