@chelone/vue 0.5.0 → 0.7.0

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

@@ -1,115 +0,0 @@
-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

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

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

@@ -1,204 +0,0 @@
-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: {},
-    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

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

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

@@ -1,134 +0,0 @@
-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: {},
-    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

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

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

@@ -1,160 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createTextVNode, toDisplayString, unref, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, withCtx, createVNode } from "vue";
-import { useInput } from "../../../form/use-input.js";
-import { cn } from "../../../lib/utils.js";
-import _sfc_main$1 from "../../ui/button.vue.js";
-import { Card, CardHeader, CardTitle, CardContent } from "../../ui/card.js";
-import { FieldDescription, FieldError } from "../../ui/field.js";
-import _sfc_main$2 from "../common/validation-error.vue.js";
-import { humanizeSource } from "./label-text.js";
-const _hoisted_1 = ["data-invalid"];
-const _hoisted_2 = {
-  key: 0,
-  class: "text-sm font-medium leading-none"
-};
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = ["id", "aria-disabled", "aria-invalid"];
-const _hoisted_5 = {
-  key: 0,
-  class: "rounded bg-primary px-2 py-0.5 text-primary-foreground text-xs"
-};
-const _hoisted_6 = { class: "font-semibold text-2xl tabular-nums" };
-const _hoisted_7 = { class: "font-normal text-muted-foreground text-sm" };
-const _hoisted_8 = {
-  key: 0,
-  class: "space-y-1 text-muted-foreground text-sm"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "subscription-plan-picker",
-  props: {
-    source: {},
-    plans: {},
-    recommendedPlanId: {},
-    label: { type: [String, Boolean], default: void 0 },
-    helperText: {},
-    resource: {},
-    validate: {},
-    isRequired: { type: Boolean },
-    defaultValue: {},
-    disabled: { type: Boolean },
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { id, value, setValue, error, touched, isRequired } = useInput({
-      source: props.source,
-      validate: props.validate,
-      isRequired: props.isRequired,
-      defaultValue: props.defaultValue
-    });
-    const invalid = computed(() => touched.value && error.value != null);
-    const currentId = computed(
-      () => value.value ?? null
-    );
-    const labelText = computed(
-      () => props.label === false ? null : props.label ?? humanizeSource(props.source)
-    );
-    function formatPrice(plan) {
-      return new Intl.NumberFormat(void 0, {
-        style: "currency",
-        currency: plan.currency
-      }).format(plan.price);
-    }
-    function onSelect(plan) {
-      if (!props.disabled) setValue(plan.id);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", {
-        class: normalizeClass([props.class, "flex flex-col gap-3"]),
-        "data-invalid": invalid.value || void 0,
-        "data-slot": "subscription-plan-picker"
-      }, [
-        labelText.value != null ? (openBlock(), createElementBlock("legend", _hoisted_2, [
-          createTextVNode(toDisplayString(labelText.value), 1),
-          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_3, " *")) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          id: unref(id),
-          role: "radiogroup",
-          class: "grid gap-3 sm:grid-cols-3",
-          "aria-disabled": __props.disabled || void 0,
-          "aria-invalid": invalid.value || void 0
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.plans, (plan) => {
-            return openBlock(), createBlock(unref(Card), {
-              key: plan.id,
-              "data-plan-card": plan.id,
-              "data-selected": currentId.value === plan.id ? "true" : "false",
-              "data-recommended": __props.recommendedPlanId === plan.id ? "true" : "false",
-              role: "radio",
-              "aria-checked": currentId.value === plan.id,
-              class: normalizeClass(
-                unref(cn)(
-                  "transition",
-                  currentId.value === plan.id && "border-primary ring-2 ring-primary",
-                  __props.recommendedPlanId === plan.id && currentId.value !== plan.id && "border-primary/50"
-                )
-              )
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(CardHeader), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(CardTitle), { class: "flex items-center justify-between" }, {
-                      default: withCtx(() => [
-                        createElementVNode("span", null, toDisplayString(plan.name), 1),
-                        __props.recommendedPlanId === plan.id ? (openBlock(), createElementBlock("span", _hoisted_5, " Recommended ")) : createCommentVNode("", true)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    createElementVNode("div", _hoisted_6, [
-                      createTextVNode(toDisplayString(formatPrice(plan)) + " ", 1),
-                      createElementVNode("span", _hoisted_7, " /" + toDisplayString(plan.interval), 1)
-                    ])
-                  ]),
-                  _: 2
-                }, 1024),
-                createVNode(unref(CardContent), null, {
-                  default: withCtx(() => [
-                    plan.features ? (openBlock(), createElementBlock("ul", _hoisted_8, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(plan.features, (feature) => {
-                        return openBlock(), createElementBlock("li", { key: feature }, toDisplayString(feature), 1);
-                      }), 128))
-                    ])) : createCommentVNode("", true),
-                    createVNode(_sfc_main$1, {
-                      type: "button",
-                      class: "mt-4 w-full",
-                      variant: currentId.value === plan.id ? "default" : "outline",
-                      disabled: __props.disabled,
-                      onClick: ($event) => onSelect(plan)
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(currentId.value === plan.id ? "Current" : "Select"), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["variant", "disabled", "onClick"])
-                  ]),
-                  _: 2
-                }, 1024)
-              ]),
-              _: 2
-            }, 1032, ["data-plan-card", "data-selected", "data-recommended", "aria-checked", "class"]);
-          }), 128))
-        ], 8, _hoisted_4),
-        __props.helperText ? (openBlock(), createBlock(unref(FieldDescription), { key: 1 }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.helperText), 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)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/inputs/subscription-plan-picker2.vue.js

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