@chelone/vue 0.0.0-stage → 0.1.1

package/dist/components/admin/fields/reference-many-field.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent, renderSlot } from "vue";
+import { useReferenceManyFieldController } from "../../../controllers/use-reference-many-field-controller.js";
+import { provideListContext } from "../../../list/list-context.js";
+import { provideResourceContext } from "../../../resource-context.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "reference-many-field",
+  props: {
+    reference: {},
+    target: {},
+    source: {},
+    record: {},
+    sort: {},
+    filter: {},
+    perPage: {},
+    storeKey: { type: [String, Boolean], default: void 0 },
+    debounce: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const listContext = useReferenceManyFieldController({
+      reference: props.reference,
+      target: props.target,
+      source: props.source,
+      record: () => props.record,
+      sort: props.sort,
+      filter: props.filter,
+      perPage: props.perPage,
+      storeKey: props.storeKey,
+      debounce: props.debounce
+    });
+    provideResourceContext(props.reference);
+    provideListContext(listContext);
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/reference-many-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./reference-many-field.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/reference-one-field.vue.d.ts

@@ -0,0 +1,33 @@
+import type { FilterPayload, LooseRecord, SortPayload } from "@chelone/core";
+/** Props for {@link ReferenceOneField}. */
+export interface ReferenceOneFieldProps {
+    /** The referenced resource holding the one-to-one record (e.g. `"bios"`). */
+    reference: string;
+    /** The FK field on the reference pointing back at this record (e.g. `"author_id"`). */
+    target: string;
+    /** The field on the current record the `target` matches. Default `"id"`. */
+    source?: string;
+    /** The record whose id is matched. Defaults to the ambient record. */
+    record?: LooseRecord;
+    /** Sort applied to the reference lookup (the first match is used). Read when the record id changes; remount with a `key` to change it otherwise. */
+    sort?: SortPayload;
+    /** Permanent filter merged into the reference lookup. Read when the record id changes; remount with a `key` to change it otherwise. */
+    filter?: FilterPayload;
+    /** Rendered when no related record exists. A string is translated. */
+    empty?: string;
+    /** Rendered while the referenced record is loading. */
+    loading?: string;
+    /** Rendered when the reference lookup errors. */
+    error?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ReferenceOneFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ReferenceOneFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        record: LooseRecord;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/fields/reference-one-field.vue.js

@@ -0,0 +1,77 @@
+import { defineComponent, computed, ref, watch, unref, openBlock, createElementBlock, Fragment, toDisplayString, createCommentVNode, renderSlot, createElementVNode } from "vue";
+import { useGetRecordRepresentation } from "../../../label/use-get-record-representation.js";
+import { provideRecordContext } from "../../../record/record-context.js";
+import { provideResourceContext } from "../../../resource-context.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useReferenceOneFieldController } from "../../../controllers/use-reference-one-field-controller.js";
+const _hoisted_1 = {
+  key: 0,
+  "data-slot": "reference-one-field"
+};
+const _hoisted_2 = {
+  key: 0,
+  "data-slot": "reference-one-field"
+};
+const _hoisted_3 = { "data-slot": "reference-one-field" };
+const _hoisted_4 = {
+  key: 0,
+  "data-slot": "reference-one-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "reference-one-field",
+  props: {
+    reference: {},
+    target: {},
+    source: {},
+    record: {},
+    sort: {},
+    filter: {},
+    empty: {},
+    loading: {},
+    error: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const getRepresentation = useGetRecordRepresentation(props.reference);
+    const query = useReferenceOneFieldController({
+      reference: props.reference,
+      target: props.target,
+      source: props.source,
+      record: () => props.record,
+      sort: props.sort,
+      filter: props.filter
+    });
+    const referenceRecord = computed(() => query.referenceRecord);
+    const recordRef = ref(referenceRecord.value);
+    watch(referenceRecord, (next) => {
+      recordRef.value = next;
+    });
+    provideRecordContext(recordRef);
+    provideResourceContext(props.reference);
+    const isError = computed(() => !referenceRecord.value && query.error != null);
+    const representation = computed(
+      () => referenceRecord.value ? getRepresentation(referenceRecord.value) : null
+    );
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    return (_ctx, _cache) => {
+      return unref(query).isPending ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        props.loading ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(props.loading), 1)) : createCommentVNode("", true)
+      ], 64)) : isError.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        props.error ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(props.error), 1)) : createCommentVNode("", true)
+      ], 64)) : referenceRecord.value ? renderSlot(_ctx.$slots, "default", {
+        key: 2,
+        record: referenceRecord.value
+      }, () => [
+        createElementVNode("span", _hoisted_3, toDisplayString(representation.value), 1)
+      ]) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+        emptyText.value != null ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(emptyText.value), 1)) : createCommentVNode("", true)
+      ], 64));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/reference-one-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./reference-one-field.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/select-field.vue.d.ts

@@ -0,0 +1,20 @@
+import type { LooseRecord } from "@chelone/core";
+import type { ChoiceRecord, OptionText } from "../../../choices/use-choices.js";
+/** Props for {@link SelectField}. */
+export interface SelectFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+    /** The list of choices to map the value against. */
+    choices?: readonly ChoiceRecord[];
+    /** The value path on a choice. Default `'id'`. */
+    optionValue?: string;
+    /** The display path or a formatter. Default `'name'`. */
+    optionText?: OptionText;
+    /** Translate a string-path text through the catalog. Default `true`. */
+    translateChoice?: boolean;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<SelectFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/fields/select-field.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { useChoices } from "../../../choices/use-choices.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "select-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {},
+    choices: {},
+    optionValue: {},
+    optionText: { type: [String, Function] },
+    translateChoice: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const { getChoiceText, getChoiceValue } = useChoices({
+      optionText: props.optionText,
+      optionValue: props.optionValue,
+      translateChoice: props.translateChoice ?? true
+    });
+    const translate = useTranslate();
+    const choice = computed(
+      () => props.choices ? props.choices.find((c) => getChoiceValue(c) === value.value) : void 0
+    );
+    const choiceText = computed(
+      () => choice.value ? getChoiceText(choice.value) : null
+    );
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    return (_ctx, _cache) => {
+      return choiceText.value != null ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: normalizeClass(props.class),
+        "data-slot": "select-field"
+      }, toDisplayString(choiceText.value), 3)) : emptyText.value != null ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        class: normalizeClass(props.class),
+        "data-slot": "select-field"
+      }, toDisplayString(emptyText.value), 3)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/select-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./select-field.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/subscription-plan-field.vue.d.ts

@@ -0,0 +1,15 @@
+import type { LooseRecord } from "@chelone/core";
+import type { SubscriptionPlan } from "../inputs/subscription-plan-picker.vue.js";
+export type { SubscriptionPlan };
+/** Props for {@link SubscriptionPlanField}. */
+export interface SubscriptionPlanFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+    /** Available plans to look up by id. */
+    plans: readonly SubscriptionPlan[];
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<SubscriptionPlanFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SubscriptionPlanFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/fields/subscription-plan-field.vue.js

@@ -0,0 +1,60 @@
+import { defineComponent, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode } from "vue";
+import { Badge } from "../../ui/badge.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _hoisted_1 = { class: "font-medium" };
+const _hoisted_2 = { class: "ml-2 text-muted-foreground text-xs" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "subscription-plan-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {},
+    plans: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const translate = useTranslate();
+    const plan = computed(
+      () => props.plans.find((p) => p.id === value.value)
+    );
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    const formatted = computed(() => {
+      const p = plan.value;
+      if (!p) return null;
+      return new Intl.NumberFormat(void 0, {
+        style: "currency",
+        currency: p.currency
+      }).format(p.price);
+    });
+    return (_ctx, _cache) => {
+      return plan.value ? (openBlock(), createBlock(unref(Badge), {
+        key: 0,
+        variant: "secondary",
+        class: normalizeClass(props.class)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1, toDisplayString(plan.value.name), 1),
+          createElementVNode("span", _hoisted_2, toDisplayString(formatted.value) + "/" + toDisplayString(plan.value.interval), 1)
+        ]),
+        _: 1
+      }, 8, ["class"])) : emptyText.value != null ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        "data-slot": "subscription-plan-field",
+        class: normalizeClass(props.class)
+      }, toDisplayString(emptyText.value), 3)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/subscription-plan-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./subscription-plan-field.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/text-array-field.vue.d.ts

@@ -0,0 +1,14 @@
+import type { LooseRecord } from "@chelone/core";
+import type { BadgeVariant } from "../../ui/badge.js";
+/** Props for {@link TextArrayField}. */
+export interface TextArrayFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+    /** Badge variant. Default `outline` (parity with the React twin). */
+    variant?: BadgeVariant;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<TextArrayFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/fields/text-array-field.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, Fragment, renderList, createBlock, withCtx, createTextVNode, createCommentVNode } from "vue";
+import { Badge } from "../../ui/badge.js";
+import { cn } from "../../../lib/utils.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "text-array-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {},
+    variant: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const variant = computed(() => props.variant ?? "outline");
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const translate = useTranslate();
+    const items = computed(
+      () => Array.isArray(value.value) ? value.value : []
+    );
+    const isEmpty = computed(() => items.value.length === 0);
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    function itemText(item) {
+      return item != null && typeof item !== "string" ? String(item) : item;
+    }
+    return (_ctx, _cache) => {
+      return isEmpty.value && emptyText.value != null ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: normalizeClass(unref(cn)("text-muted-foreground", props.class)),
+        "data-slot": "text-array-field"
+      }, toDisplayString(emptyText.value), 3)) : !isEmpty.value ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(unref(cn)("flex flex-wrap gap-1", props.class)),
+        "data-slot": "text-array-field"
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
+          return openBlock(), createBlock(unref(Badge), {
+            key: `${String(item)}-${index}`,
+            variant: variant.value
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(itemText(item)), 1)
+            ]),
+            _: 2
+          }, 1032, ["variant"]);
+        }), 128))
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/text-array-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./text-array-field.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/text-field.vue.d.ts

@@ -0,0 +1,16 @@
+/**
+ * `<TextField>` — displays a text value from a record field, the Vue analog of
+ * `@chelone/react`'s `fields/text-field.tsx`. Reads the value at `source` off
+ * the ambient (or overridden) record via `useFieldValue` and renders it in a
+ * `<span>`. A nullish value renders the `empty` fallback (or nothing).
+ */
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link TextField}. */
+export interface TextFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+}
+declare const _default: import("vue").DefineComponent<TextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/fields/text-field.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent, computed, openBlock, createElementBlock, toDisplayString, createCommentVNode } from "vue";
+import { useFieldValue } from "../../../record/use-field-value.js";
+const _hoisted_1 = {
+  key: 0,
+  "data-slot": "text-field"
+};
+const _hoisted_2 = {
+  key: 1,
+  "data-slot": "text-field"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "text-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const text = computed(() => {
+      const raw = value.value;
+      if (raw == null) return null;
+      return typeof raw === "string" ? raw : String(raw);
+    });
+    return (_ctx, _cache) => {
+      return text.value != null ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(text.value), 1)) : __props.empty ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.empty), 1)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/text-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./text-field.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/url-field.vue.d.ts

@@ -0,0 +1,17 @@
+import type { LooseRecord } from "@chelone/core";
+/** Props for {@link UrlField}. */
+export interface UrlFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    empty?: string;
+    /** Anchor `target` (e.g. `_blank`). */
+    target?: string;
+    /** Anchor `rel`; defaults to `noopener noreferrer` when `target="_blank"`. */
+    rel?: string;
+    /** Link text; defaults to the URL value itself. */
+    content?: string;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<UrlFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UrlFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/fields/url-field.vue.js

@@ -0,0 +1,66 @@
+import { defineComponent, computed, openBlock, createElementBlock, withModifiers, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+import { useFieldValue } from "../../../record/use-field-value.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _hoisted_1 = ["href", "target", "rel"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "url-field",
+  props: {
+    source: {},
+    record: {},
+    defaultValue: {},
+    empty: {},
+    target: {},
+    rel: {},
+    content: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const value = useFieldValue({
+      source: props.source,
+      record: props.record,
+      defaultValue: props.defaultValue
+    });
+    const translate = useTranslate();
+    const SAFE_URL_PATTERN = /^(https?:|mailto:|tel:|\/|#)/i;
+    const url = computed(() => {
+      const raw = value.value;
+      if (raw == null || raw === "") return null;
+      return String(raw);
+    });
+    const isSafe = computed(
+      () => url.value != null && SAFE_URL_PATTERN.test(url.value.trim())
+    );
+    const emptyText = computed(
+      () => props.empty ? translate(props.empty, { _: props.empty }) : null
+    );
+    const safeRel = computed(
+      () => props.target === "_blank" && props.rel == null ? "noopener noreferrer" : props.rel
+    );
+    const linkClass = computed(() => cn("underline hover:no-underline", props.class));
+    return (_ctx, _cache) => {
+      return url.value != null && isSafe.value ? (openBlock(), createElementBlock("a", {
+        key: 0,
+        "data-slot": "url-field",
+        class: normalizeClass(linkClass.value),
+        href: url.value,
+        target: __props.target,
+        rel: safeRel.value,
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, toDisplayString(__props.content ?? url.value), 11, _hoisted_1)) : url.value != null ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        "data-slot": "url-field",
+        class: normalizeClass(props.class)
+      }, toDisplayString(url.value), 3)) : emptyText.value != null ? (openBlock(), createElementBlock("span", {
+        key: 2,
+        "data-slot": "url-field",
+        class: normalizeClass(props.class)
+      }, toDisplayString(emptyText.value), 3)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/url-field2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./url-field.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/fields/usage-meter-field.vue.d.ts

@@ -0,0 +1,21 @@
+import type { LooseRecord } from "@chelone/core";
+/** Ratio thresholds toggling the warning / critical bar color. */
+export interface UsageMeterThresholds {
+    warning: number;
+    critical: number;
+}
+/** Props for {@link UsageMeterField}. */
+export interface UsageMeterFieldProps {
+    source: string;
+    record?: LooseRecord;
+    defaultValue?: unknown;
+    /** Sibling record field holding the limit/quota. Bar is only shown when set. */
+    limitSource?: string;
+    /** Optional unit suffix (e.g. "GB", "requests"). */
+    unit?: string;
+    /** Ratio thresholds. Defaults `{ warning: 0.8, critical: 1.0 }`. */
+    thresholds?: UsageMeterThresholds;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<UsageMeterFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UsageMeterFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;