@chelone/vue 0.0.0-stage → 0.1.0

package/dist/components/admin/inputs/search-input.vue.d.ts

@@ -0,0 +1,24 @@
+/**
+ * `<SearchInput>` — an unlabelled text input with a search icon, the Vue analog
+ * of `@chelone/react`'s `inputs/search-input.tsx`. Designed for filter bars, it
+ * defaults to the `q` full-text source. Reads the live value off the ambient
+ * form store and clears via `form.setFieldValue`. It throws if given a `label`
+ * (use `<TextInput>` when a label is needed) — mirroring the React twin.
+ */
+import type { Validator } from "@chelone/core";
+/** Props for {@link SearchInput}. */
+export interface SearchInputProps {
+    source?: string;
+    label?: string | false;
+    disableClearable?: boolean;
+    defaultValue?: unknown;
+    validate?: Validator | readonly Validator[];
+    placeholder?: string;
+    inputClass?: string;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<SearchInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SearchInputProps> & Readonly<{}>, {
+    source: string;
+    disableClearable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/inputs/search-input.vue.js

@@ -0,0 +1,115 @@
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, normalizeClass, createElementVNode, createBlock, withCtx, createCommentVNode } from "vue";
+import { useCheloneFormContext, useWrappedSource } from "../../../form/form-context.js";
+import { useSubscribable, subscribeStore } from "../../../form/subscribe-ref.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$2 from "../../ui/button.vue.js";
+import _sfc_main$1 from "./text-input.vue.js";
+const _hoisted_1 = { class: "relative mt-auto flex grow" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "search-input",
+  props: {
+    source: { default: "q" },
+    label: { type: [String, Boolean] },
+    disableClearable: { type: Boolean, default: false },
+    defaultValue: {},
+    validate: {},
+    placeholder: {},
+    inputClass: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    if (props.label) {
+      throw new Error(
+        "<SearchInput> isn't designed to be used with a label prop. Use <TextInput> if you need a label."
+      );
+    }
+    const translate = useTranslate();
+    const { form } = useCheloneFormContext();
+    const wrappedSource = useWrappedSource(props.source);
+    const formState = useSubscribable({
+      getSnapshot: () => form.store.state,
+      subscribe: (cb) => subscribeStore(form.store, cb)
+    });
+    const hasValue = computed(() => {
+      void formState.value;
+      const v = form.getFieldValue(wrappedSource);
+      return v != null && v !== "";
+    });
+    const showClearButton = computed(
+      () => !props.disableClearable && hasValue.value
+    );
+    const searchPlaceholder = computed(
+      () => props.placeholder ?? translate("ra.action.search", { _: "Search" })
+    );
+    const clearLabel = computed(
+      () => translate("ra.action.clear_search", { _: "Clear search" })
+    );
+    function handleClear() {
+      form.setFieldValue(wrappedSource, "");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          source: __props.source,
+          label: false,
+          "default-value": __props.defaultValue,
+          validate: __props.validate,
+          placeholder: searchPlaceholder.value,
+          class: normalizeClass(unref(cn)("grow", props.class)),
+          "input-class": unref(cn)(showClearButton.value ? "pr-16" : "pr-8", __props.inputClass)
+        }, null, 8, ["source", "default-value", "validate", "placeholder", "class", "input-class"]),
+        _cache[1] || (_cache[1] = createElementVNode("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          class: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 size-4 text-muted-foreground",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "aria-hidden": "true"
+        }, [
+          createElementVNode("circle", {
+            cx: "11",
+            cy: "11",
+            r: "8"
+          }),
+          createElementVNode("path", { d: "m21 21-4.3-4.3" })
+        ], -1)),
+        showClearButton.value ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          "data-slot": "clear-search",
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          class: normalizeClass("-translate-y-1/2 absolute top-1/2 right-8 size-6 rounded-full p-0 text-muted-foreground"),
+          "aria-label": clearLabel.value,
+          onClick: handleClear
+        }, {
+          default: withCtx(() => [..._cache[0] || (_cache[0] = [
+            createElementVNode("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              class: "size-3",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "aria-hidden": "true"
+            }, [
+              createElementVNode("path", { d: "M18 6 6 18" }),
+              createElementVNode("path", { d: "m6 6 12 12" })
+            ], -1)
+          ])]),
+          _: 1
+        }, 8, ["aria-label"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/search-input2.vue.js

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

package/dist/components/admin/inputs/select-array-input.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ChoiceInputBaseProps } from "./choice-input-props.js";
+/** Props for {@link SelectArrayInput}. */
+export interface SelectArrayInputProps extends ChoiceInputBaseProps {
+    /** Placeholder shown in the trigger when nothing is selected. */
+    placeholder?: string;
+}
+declare const _default: import("vue").DefineComponent<SelectArrayInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectArrayInputProps> & Readonly<{}>, {
+    label: string | false;
+    disableValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/inputs/select-array-input.vue.js

@@ -0,0 +1,204 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, withKeys, withModifiers, createVNode } from "vue";
+import { useInput } from "../../../form/use-input.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$1 from "../../ui/checkbox.vue.js";
+import { Field, FieldLabel, FieldDescription, FieldError } from "../../ui/field.js";
+import _sfc_main$2 from "../common/validation-error.vue.js";
+import { humanizeSource } from "./label-text.js";
+import { useChoiceInput } from "./use-choice-input.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { class: "relative" };
+const _hoisted_3 = ["id", "aria-expanded", "aria-invalid", "disabled"];
+const _hoisted_4 = { class: "flex min-w-0 flex-1 flex-wrap items-center gap-1" };
+const _hoisted_5 = {
+  key: 0,
+  class: "text-muted-foreground"
+};
+const _hoisted_6 = { class: "flex shrink-0 items-center gap-1" };
+const _hoisted_7 = ["aria-label", "onKeydown"];
+const _hoisted_8 = {
+  key: 0,
+  role: "listbox",
+  "aria-multiselectable": "true",
+  class: "absolute z-10 mt-1 flex max-h-64 w-full flex-col overflow-auto rounded-md border border-input bg-background py-1 shadow-md"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "px-3 py-2 text-sm text-muted-foreground"
+};
+const _hoisted_10 = ["for"];
+const _hoisted_11 = { class: "flex-1" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "select-array-input",
+  props: {
+    placeholder: {},
+    source: {},
+    choices: {},
+    optionText: {},
+    optionValue: {},
+    disableValue: { default: "disabled" },
+    translateChoice: { type: Boolean },
+    label: { type: [String, Boolean], default: void 0 },
+    helperText: {},
+    defaultValue: {},
+    validate: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const emptyArray = [];
+    const open = ref(false);
+    const {
+      source,
+      allChoices,
+      fetchError,
+      getChoiceText,
+      getChoiceValue,
+      getDisableValue
+    } = useChoiceInput({
+      componentName: "SelectArrayInput",
+      choices: props.choices,
+      source: props.source,
+      optionText: props.optionText,
+      optionValue: props.optionValue,
+      disableValue: props.disableValue,
+      translateChoice: props.translateChoice
+    });
+    const { id, value, setValue, blur, error, touched, isRequired } = useInput({
+      source,
+      defaultValue: props.defaultValue,
+      validate: props.validate,
+      format: (raw) => Array.isArray(raw) ? raw : raw == null ? emptyArray : [raw]
+    });
+    const invalid = computed(() => touched.value && error.value != null);
+    const values = computed(
+      () => Array.isArray(value.value) ? value.value : emptyArray
+    );
+    const selectedChoices = computed(
+      () => allChoices.value.filter(
+        (choice) => values.value.some((v) => String(v) === String(getChoiceValue(choice)))
+      )
+    );
+    const labelText = computed(
+      () => props.label === false ? null : props.label ?? humanizeSource(source)
+    );
+    const helper = computed(
+      () => props.helperText ?? fetchError.value?.message
+    );
+    function isChecked(choiceValue) {
+      return values.value.some((v) => String(v) === String(choiceValue));
+    }
+    function isChoiceDisabled(choice) {
+      return props.disabled === true || props.readonly === true || getDisableValue(choice) === true;
+    }
+    function onToggle(choiceValue, checked) {
+      const next = checked ? [...values.value, choiceValue] : values.value.filter((v) => String(v) !== String(choiceValue));
+      setValue(next);
+      blur();
+    }
+    function onClear() {
+      setValue([]);
+      blur();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Field), {
+        class: normalizeClass(props.class),
+        "data-invalid": invalid.value,
+        "data-slot": "select-array"
+      }, {
+        default: withCtx(() => [
+          labelText.value != null ? (openBlock(), createBlock(unref(FieldLabel), {
+            key: 0,
+            "html-for": unref(id)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(labelText.value), 1),
+              unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1, " *")) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["html-for"])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("button", {
+              id: unref(id),
+              type: "button",
+              role: "combobox",
+              "aria-expanded": open.value,
+              "aria-invalid": invalid.value || void 0,
+              disabled: __props.disabled || __props.readonly,
+              class: "flex min-h-9 w-full items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-1.5 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive",
+              onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
+            }, [
+              createElementVNode("span", _hoisted_4, [
+                selectedChoices.value.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.placeholder ?? " "), 1)) : createCommentVNode("", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(selectedChoices.value, (choice) => {
+                  return openBlock(), createElementBlock("span", {
+                    key: String(unref(getChoiceValue)(choice)),
+                    class: "inline-flex items-center rounded border border-input px-2 py-0.5 text-xs font-normal"
+                  }, toDisplayString(unref(getChoiceText)(choice)), 1);
+                }), 128))
+              ]),
+              createElementVNode("span", _hoisted_6, [
+                selectedChoices.value.length > 0 && !__props.disabled && !__props.readonly ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  role: "button",
+                  tabindex: "0",
+                  class: "cursor-pointer text-muted-foreground opacity-50 hover:opacity-100",
+                  "aria-label": unref(translate)("ra.action.clear_input_value", { _: "Clear value" }),
+                  onClick: withModifiers(onClear, ["stop"]),
+                  onKeydown: [
+                    withKeys(withModifiers(onClear, ["prevent"]), ["enter"]),
+                    withKeys(withModifiers(onClear, ["prevent"]), ["space"])
+                  ]
+                }, "×", 40, _hoisted_7)) : createCommentVNode("", true),
+                _cache[1] || (_cache[1] = createElementVNode("span", {
+                  "aria-hidden": "true",
+                  class: "opacity-50"
+                }, "▾", -1))
+              ])
+            ], 8, _hoisted_3),
+            open.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+              unref(allChoices).length === 0 ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(unref(translate)("ra.navigation.no_results", { _: "No results" })), 1)) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(allChoices), (choice) => {
+                return openBlock(), createElementBlock("label", {
+                  key: String(unref(getChoiceValue)(choice)),
+                  for: `${unref(id)}-${String(unref(getChoiceValue)(choice))}`,
+                  class: normalizeClass([
+                    "flex cursor-pointer items-center gap-2 px-3 py-1.5 text-sm hover:bg-accent",
+                    isChoiceDisabled(choice) && "cursor-not-allowed opacity-50"
+                  ])
+                }, [
+                  createVNode(_sfc_main$1, {
+                    id: `${unref(id)}-${String(unref(getChoiceValue)(choice))}`,
+                    "model-value": isChecked(unref(getChoiceValue)(choice)),
+                    disabled: isChoiceDisabled(choice),
+                    "onUpdate:modelValue": (checked) => onToggle(unref(getChoiceValue)(choice), checked)
+                  }, null, 8, ["id", "model-value", "disabled", "onUpdate:modelValue"]),
+                  createElementVNode("span", _hoisted_11, toDisplayString(unref(getChoiceText)(choice)), 1)
+                ], 10, _hoisted_10);
+              }), 128))
+            ])) : createCommentVNode("", true)
+          ]),
+          helper.value ? (openBlock(), createBlock(unref(FieldDescription), { key: 1 }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(helper.value), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          invalid.value ? (openBlock(), createBlock(unref(FieldError), { key: 2 }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$2, { error: unref(error) }, null, 8, ["error"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class", "data-invalid"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/select-array-input2.vue.js

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

package/dist/components/admin/inputs/select-input.vue.d.ts

@@ -0,0 +1,15 @@
+import type { ChoiceInputBaseProps } from "./choice-input-props.js";
+/** Props for {@link SelectInput}. */
+export interface SelectInputProps extends ChoiceInputBaseProps {
+    /** Label of the empty option prepended to the list. Default `""` (a blank line). */
+    emptyText?: string;
+    /** Underlying value submitted when the empty option is chosen. Default `""`. */
+    emptyValue?: string | number | boolean | null;
+}
+declare const _default: import("vue").DefineComponent<SelectInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectInputProps> & Readonly<{}>, {
+    label: string | false;
+    emptyText: string;
+    disableValue: string;
+    emptyValue: string | number | boolean | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/inputs/select-input.vue.js

@@ -0,0 +1,134 @@
+import { defineComponent, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, createVNode } from "vue";
+import { useInput } from "../../../form/use-input.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { Field, FieldLabel, FieldDescription, FieldError } from "../../ui/field.js";
+import _sfc_main$1 from "../common/validation-error.vue.js";
+import { humanizeSource } from "./label-text.js";
+import { useChoiceInput } from "./use-choice-input.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = ["id", "value", "disabled", "aria-invalid"];
+const _hoisted_3 = ["value"];
+const _hoisted_4 = ["value", "disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "select-input",
+  props: {
+    emptyText: { default: "" },
+    emptyValue: { type: [String, Number, Boolean, null], default: "" },
+    source: {},
+    choices: {},
+    optionText: {},
+    optionValue: {},
+    disableValue: { default: "disabled" },
+    translateChoice: { type: Boolean },
+    label: { type: [String, Boolean], default: void 0 },
+    helperText: {},
+    defaultValue: {},
+    validate: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const {
+      source,
+      allChoices,
+      fetchError,
+      getChoiceText,
+      getChoiceValue,
+      getDisableValue
+    } = useChoiceInput({
+      componentName: "SelectInput",
+      choices: props.choices,
+      source: props.source,
+      optionText: props.optionText,
+      optionValue: props.optionValue,
+      disableValue: props.disableValue,
+      translateChoice: props.translateChoice
+    });
+    const { id, value, setValue, blur, error, touched, isRequired } = useInput({
+      source,
+      defaultValue: props.defaultValue,
+      validate: props.validate
+    });
+    const invalid = computed(() => touched.value && error.value != null);
+    const stringValue = computed(
+      () => value.value != null ? String(value.value) : ""
+    );
+    const labelText = computed(
+      () => props.label === false ? null : props.label ?? humanizeSource(source)
+    );
+    const helper = computed(
+      () => props.helperText ?? fetchError.value?.message
+    );
+    const emptyLabel = computed(
+      () => props.emptyText === "" ? " " : translate(props.emptyText, { _: props.emptyText })
+    );
+    function onChange(event) {
+      const raw = event.target.value;
+      if (raw === String(props.emptyValue)) {
+        setValue(props.emptyValue);
+      } else {
+        const choice = allChoices.value.find((c) => String(getChoiceValue(c)) === raw);
+        setValue(choice ? getChoiceValue(choice) : raw);
+      }
+      blur();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Field), {
+        class: normalizeClass(props.class),
+        "data-invalid": invalid.value
+      }, {
+        default: withCtx(() => [
+          labelText.value != null ? (openBlock(), createBlock(unref(FieldLabel), {
+            key: 0,
+            "html-for": unref(id)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(labelText.value), 1),
+              unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1, " *")) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["html-for"])) : createCommentVNode("", true),
+          createElementVNode("select", {
+            id: unref(id),
+            value: stringValue.value || String(__props.emptyValue),
+            disabled: __props.disabled || __props.readonly,
+            "aria-invalid": invalid.value || void 0,
+            "data-slot": "select",
+            class: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive",
+            onChange
+          }, [
+            createElementVNode("option", {
+              value: String(__props.emptyValue)
+            }, toDisplayString(emptyLabel.value), 9, _hoisted_3),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(fetchError) ? [] : unref(allChoices), (choice) => {
+              return openBlock(), createElementBlock("option", {
+                key: String(unref(getChoiceValue)(choice)),
+                value: unref(getChoiceValue)(choice) != null ? String(unref(getChoiceValue)(choice)) : "",
+                disabled: unref(getDisableValue)(choice) === true
+              }, toDisplayString(unref(getChoiceText)(choice)), 9, _hoisted_4);
+            }), 128))
+          ], 40, _hoisted_2),
+          helper.value ? (openBlock(), createBlock(unref(FieldDescription), { key: 1 }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(helper.value), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          invalid.value ? (openBlock(), createBlock(unref(FieldError), { key: 2 }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, { error: unref(error) }, null, 8, ["error"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class", "data-invalid"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/inputs/select-input2.vue.js

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

package/dist/components/admin/inputs/subscription-plan-picker.vue.d.ts

@@ -0,0 +1,39 @@
+import type { Validator } from "@chelone/core";
+/** A subscription plan a {@link SubscriptionPlanPicker} renders as one card. */
+export interface SubscriptionPlan {
+    id: string;
+    name: string;
+    price: number;
+    currency: string;
+    interval: "month" | "year";
+    features?: readonly string[];
+}
+/** Props for {@link SubscriptionPlanPicker}. */
+export interface SubscriptionPlanPickerProps {
+    /** The FK/field path holding the selected plan id. */
+    source: string;
+    /** The plans rendered as cards. */
+    plans: readonly SubscriptionPlan[];
+    /** Highlights one plan as recommended. */
+    recommendedPlanId?: string;
+    /** Explicit label, or `false` to hide it. Absent → humanized `source`. */
+    label?: string | false;
+    /** Helper text under the grid. */
+    helperText?: string;
+    /** Override the ambient resource (label-key resolution). */
+    resource?: string;
+    /** ra-contract validators — composed, first error wins. */
+    validate?: Validator | readonly Validator[];
+    /** Forces the required marker. */
+    isRequired?: boolean;
+    /** Input-level default value (seeds only into a hole). */
+    defaultValue?: unknown;
+    /** Disables the whole picker. */
+    disabled?: boolean;
+    /** Root element class passthrough. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<SubscriptionPlanPickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SubscriptionPlanPickerProps> & Readonly<{}>, {
+    label: string | false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;