@chelone/vue 0.5.0 → 0.7.0

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

@@ -1,138 +0,0 @@
-import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, createVNode } from "vue";
-import { getCountries, getCountryCallingCode, parsePhoneNumber, AsYouType } from "libphonenumber-js";
-import { useInput } from "../../../form/use-input.js";
-import { cn } from "../../../lib/utils.js";
-import { Field, FieldLabel, FieldError } from "../../ui/field.js";
-import _sfc_main$1 from "../../ui/input.vue.js";
-import _sfc_main$2 from "../common/validation-error.vue.js";
-import { humanizeSource } from "./label-text.js";
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = ["value", "disabled"];
-const _hoisted_3 = ["value"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "phone-input",
-  props: {
-    source: {},
-    label: { type: [String, Boolean], default: void 0 },
-    defaultValue: {},
-    validate: {},
-    defaultCountry: { default: "US" },
-    allowedCountries: {},
-    disabled: { type: Boolean },
-    helperText: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { id, value, setValue, blur, error, touched, isRequired } = useInput({
-      source: props.source,
-      defaultValue: props.defaultValue,
-      validate: props.validate
-    });
-    function inferCountry(v, fallback) {
-      try {
-        const p = parsePhoneNumber(v);
-        if (p.country) return p.country;
-      } catch {
-      }
-      return fallback;
-    }
-    function formatNational(v, country2) {
-      try {
-        return parsePhoneNumber(v, country2).formatNational();
-      } catch {
-        return v;
-      }
-    }
-    const stored = computed(() => String(value.value ?? ""));
-    const countries = computed(
-      () => props.allowedCountries ?? getCountries()
-    );
-    const country = ref(inferCountry(stored.value, props.defaultCountry));
-    const display = ref(formatNational(stored.value, country.value));
-    watch(stored, (next) => {
-      const c = inferCountry(next, props.defaultCountry);
-      country.value = c;
-      display.value = formatNational(next, c);
-    });
-    const invalid = computed(() => touched.value && error.value != null);
-    const labelText = computed(
-      () => props.label === false ? null : props.label ?? humanizeSource(props.source)
-    );
-    function writeBack(nationalText, cc) {
-      display.value = nationalText;
-      try {
-        setValue(parsePhoneNumber(nationalText, cc).number);
-      } catch {
-        setValue(nationalText);
-      }
-    }
-    function onCountryChange(event) {
-      const cc = event.target.value;
-      country.value = cc;
-      writeBack(display.value, cc);
-    }
-    function onTelInput(raw) {
-      const formatted = new AsYouType(country.value).input(raw);
-      writeBack(formatted, country.value);
-    }
-    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("div", {
-            class: normalizeClass(unref(cn)("flex items-center gap-2"))
-          }, [
-            createElementVNode("select", {
-              "data-country-select": "",
-              "aria-label": "Country",
-              value: country.value,
-              disabled: __props.disabled,
-              class: "rounded-md border border-input bg-background px-2 py-1 text-sm",
-              onChange: onCountryChange
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(countries.value, (c) => {
-                return openBlock(), createElementBlock("option", {
-                  key: c,
-                  value: c
-                }, toDisplayString(c) + " +" + toDisplayString(unref(getCountryCallingCode)(c)), 9, _hoisted_3);
-              }), 128))
-            ], 40, _hoisted_2),
-            createVNode(_sfc_main$1, {
-              id: unref(id),
-              type: "tel",
-              "model-value": display.value,
-              disabled: __props.disabled,
-              "aria-invalid": invalid.value,
-              class: "flex-1",
-              "onUpdate:modelValue": onTelInput,
-              onBlur: unref(blur)
-            }, null, 8, ["id", "model-value", "disabled", "aria-invalid", "onBlur"])
-          ], 2),
-          invalid.value ? (openBlock(), createBlock(unref(FieldError), { key: 1 }, {
-            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/phone-input2.vue.js

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

package/dist/components/admin/inputs/radio-button-group-input.vue.js

@@ -1,133 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createTextVNode, toDisplayString, unref, createCommentVNode, createElementVNode, Fragment, renderList, createVNode, withCtx, createBlock } from "vue";
-import { useInput } from "../../../form/use-input.js";
-import { 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 = ["data-invalid"];
-const _hoisted_2 = {
-  key: 0,
-  class: "text-sm font-medium leading-none"
-};
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = ["data-disabled"];
-const _hoisted_5 = ["id", "name", "value", "checked", "disabled", "onChange"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "radio-button-group-input",
-  props: {
-    row: { type: Boolean, default: false },
-    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 {
-      source,
-      allChoices,
-      fetchError,
-      getChoiceText,
-      getChoiceValue,
-      getDisableValue
-    } = useChoiceInput({
-      componentName: "RadioButtonGroupInput",
-      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
-    );
-    function isChoiceDisabled(choice) {
-      return props.disabled === true || props.readonly === true || getDisableValue(choice) === true;
-    }
-    function onSelect(choice) {
-      setValue(getChoiceValue(choice));
-      blur();
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", {
-        class: normalizeClass([props.class, "flex flex-col gap-2"]),
-        "data-invalid": invalid.value || void 0,
-        "data-slot": "radio-button-group"
-      }, [
-        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", {
-          class: normalizeClass(["flex", __props.row ? "flex-row gap-4" : "flex-col gap-2"]),
-          role: "radiogroup"
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(allChoices), (choice) => {
-            return openBlock(), createElementBlock("div", {
-              key: String(unref(getChoiceValue)(choice)),
-              class: "flex items-center gap-2",
-              "data-disabled": isChoiceDisabled(choice) || void 0
-            }, [
-              createElementVNode("input", {
-                id: `${unref(id)}-${String(unref(getChoiceValue)(choice))}`,
-                type: "radio",
-                name: unref(id),
-                value: String(unref(getChoiceValue)(choice)),
-                checked: stringValue.value === String(unref(getChoiceValue)(choice)),
-                disabled: isChoiceDisabled(choice),
-                class: "h-4 w-4",
-                onChange: ($event) => onSelect(choice)
-              }, null, 40, _hoisted_5),
-              createVNode(unref(FieldLabel), {
-                "html-for": `${unref(id)}-${String(unref(getChoiceValue)(choice))}`,
-                class: "font-normal"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(getChoiceText)(choice)), 1)
-                ]),
-                _: 2
-              }, 1032, ["html-for"])
-            ], 8, _hoisted_4);
-          }), 128))
-        ], 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)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/inputs/radio-button-group-input2.vue.js

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

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

@@ -1,117 +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 { FieldError } from "../../ui/field.js";
-import _sfc_main$1 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",
-  "data-slot": "field-legend"
-};
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = ["id", "aria-disabled", "aria-invalid"];
-const _hoisted_5 = ["aria-checked", "aria-disabled", "disabled", "onClick"];
-const _hoisted_6 = ["fill"];
-const _hoisted_7 = ["points"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "rating-input",
-  props: {
-    source: {},
-    label: { type: [String, Boolean], default: void 0 },
-    defaultValue: {},
-    validate: {},
-    max: {},
-    allowHalf: { type: Boolean },
-    disabled: { type: Boolean },
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { id, value, setValue, blur, error, touched, isRequired } = useInput({
-      source: props.source,
-      defaultValue: props.defaultValue,
-      validate: props.validate
-    });
-    const max = computed(() => props.max ?? 5);
-    const steps = computed(() => props.allowHalf ? max.value * 2 : max.value);
-    const stepValue = computed(() => props.allowHalf ? 0.5 : 1);
-    const currentValue = computed(
-      () => typeof value.value === "number" ? value.value : 0
-    );
-    const stars = computed(
-      () => Array.from({ length: steps.value }, (_, i) => {
-        const v = (i + 1) * stepValue.value;
-        return { v, selected: currentValue.value >= v, half: v % 1 !== 0 };
-      })
-    );
-    const invalid = computed(() => touched.value && error.value != null);
-    const labelText = computed(
-      () => props.label === false ? null : props.label ?? humanizeSource(props.source)
-    );
-    function pick(v) {
-      if (props.disabled) return;
-      setValue(v);
-    }
-    const filledPoints = "12 2 15 9 22 9 16 14 18 22 12 17 6 22 8 14 2 9 9 9";
-    const halfPoints = "12 2 12 17 6 22 8 14 2 9 9 9";
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", {
-        class: normalizeClass([props.class, "flex flex-col gap-3 border-0 p-0"]),
-        "data-invalid": invalid.value || void 0,
-        "data-slot": "field-set"
-      }, [
-        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",
-          "aria-disabled": __props.disabled || void 0,
-          "aria-invalid": invalid.value || void 0,
-          class: "flex items-center gap-1"
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(stars.value, (star) => {
-            return openBlock(), createElementBlock("button", {
-              key: star.v,
-              type: "button",
-              role: "radio",
-              "aria-checked": star.selected,
-              "aria-disabled": __props.disabled || void 0,
-              disabled: __props.disabled,
-              class: normalizeClass(["p-0.5 leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring", __props.disabled ? "cursor-not-allowed opacity-50" : ""]),
-              onClick: ($event) => pick(star.v),
-              onBlur: _cache[0] || (_cache[0] = //@ts-ignore
-              (...args) => unref(blur) && unref(blur)(...args))
-            }, [
-              (openBlock(), createElementBlock("svg", {
-                width: "20",
-                height: "20",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                "stroke-width": "1.5",
-                fill: star.selected ? "currentColor" : "none",
-                class: "text-yellow-500",
-                "aria-hidden": "true"
-              }, [
-                createElementVNode("polygon", {
-                  points: __props.allowHalf && star.half ? halfPoints : filledPoints
-                }, null, 8, _hoisted_7)
-              ], 8, _hoisted_6))
-            ], 42, _hoisted_5);
-          }), 128))
-        ], 8, _hoisted_4),
-        invalid.value ? (openBlock(), createBlock(unref(FieldError), { key: 1 }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, { error: unref(error) }, null, 8, ["error"])
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

@@ -1,55 +0,0 @@
-import { defineComponent, watch, renderSlot, createVNode } from "vue";
-import { useSubscribable, subscribeStore } from "../../../form/subscribe-ref.js";
-import { provideResourceContext } from "../../../resource-context.js";
-import _sfc_main$1 from "./autocomplete-array-input.vue.js";
-import { useReferenceInput } from "../../../choices/use-reference-input.js";
-import { provideChoicesContext } from "../../../choices/choices-context.js";
-import { useCheloneFormContext, useWrappedSource } from "../../../form/form-context.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "reference-array-input",
-  props: {
-    source: {},
-    reference: {},
-    lookupKey: {},
-    filter: {},
-    sort: {},
-    page: {},
-    perPage: {},
-    debounceMs: {}
-  },
-  setup(__props) {
-    const props = __props;
-    provideResourceContext(props.reference);
-    const choicesContext = useReferenceInput({
-      reference: props.reference,
-      source: props.source,
-      lookupKey: props.lookupKey,
-      filter: props.filter,
-      sort: props.sort,
-      page: props.page,
-      perPage: props.perPage,
-      debounceMs: props.debounceMs
-    });
-    provideChoicesContext(choicesContext);
-    const { form } = useCheloneFormContext();
-    const source = useWrappedSource(props.source);
-    const store = form.store;
-    const fieldValue = useSubscribable({
-      getSnapshot: () => form.getFieldValue(source),
-      subscribe: (listener) => subscribeStore(store, listener)
-    });
-    watch(
-      fieldValue,
-      (value) => choicesContext.setValue(value ?? []),
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default", {}, () => [
-        createVNode(_sfc_main$1)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

@@ -1,82 +0,0 @@
-import { defineComponent, computed, openBlock, createBlock, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode } from "vue";
-import { useGetList } from "../../../data/queries.js";
-import { useInput } from "../../../form/use-input.js";
-import { useGetRecordRepresentation } from "../../../label/use-get-record-representation.js";
-import { Field, FieldLabel, FieldError } from "../../ui/field.js";
-import _sfc_main$1 from "../../ui/native-select.vue.js";
-import _sfc_main$2 from "../common/validation-error.vue.js";
-import { humanizeSource } from "./label-text.js";
-const _hoisted_1 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "reference-input",
-  props: {
-    source: {},
-    reference: {},
-    label: { type: [String, Boolean], default: void 0 },
-    perPage: {},
-    validate: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { id, value, setValue, error, touched, isRequired } = useInput({
-      source: props.source,
-      validate: props.validate
-    });
-    const query = useGetList(props.reference, () => ({
-      pagination: { page: 1, perPage: props.perPage ?? 25 }
-    }));
-    const getRepresentation = useGetRecordRepresentation(props.reference);
-    const choices = computed(() => {
-      const rows = query.data.value?.data ?? [];
-      return rows.map((record) => ({
-        value: record.id,
-        label: getRepresentation(record)
-      }));
-    });
-    const invalid = computed(() => touched.value && error.value != null);
-    const labelText = computed(
-      () => props.label === false ? null : props.label ?? humanizeSource(props.source)
-    );
-    function onSelect(raw) {
-      const match = choices.value.find((choice) => String(choice.value) === raw);
-      setValue(match ? match.value : raw);
-    }
-    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),
-          createVNode(_sfc_main$1, {
-            id: unref(id),
-            "model-value": unref(value),
-            options: choices.value,
-            "aria-invalid": invalid.value,
-            "onUpdate:modelValue": onSelect
-          }, null, 8, ["id", "model-value", "options", "aria-invalid"]),
-          invalid.value ? (openBlock(), createBlock(unref(FieldError), { key: 1 }, {
-            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/reference-input2.vue.js

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

package/dist/components/admin/inputs/resettable-text-input.vue.js

@@ -1,100 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, createBlock, withCtx, createElementVNode, 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 _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "resettable-text-input",
-  props: {
-    source: {},
-    label: { type: [String, Boolean], default: void 0 },
-    resettable: { type: Boolean, default: true },
-    clearAlwaysVisible: { type: Boolean, default: false },
-    defaultValue: {},
-    validate: {},
-    helperText: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    inputClass: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    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 hasLabel = computed(() => props.label !== false);
-    const showClearButton = computed(
-      () => props.resettable && (props.clearAlwaysVisible || hasValue.value)
-    );
-    const clearLabel = computed(
-      () => translate("ra.action.clear_input_value", { _: "Clear value" })
-    );
-    function handleClear() {
-      form.setFieldValue(wrappedSource, "");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cn)("relative", props.class))
-      }, [
-        createVNode(_sfc_main$1, {
-          source: __props.source,
-          label: __props.label,
-          "default-value": __props.defaultValue,
-          validate: __props.validate,
-          "helper-text": __props.helperText,
-          placeholder: __props.placeholder,
-          disabled: __props.disabled,
-          readonly: __props.readonly,
-          "input-class": unref(cn)(__props.resettable ? "pr-9" : void 0, __props.inputClass)
-        }, null, 8, ["source", "label", "default-value", "validate", "helper-text", "placeholder", "disabled", "readonly", "input-class"]),
-        showClearButton.value ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 0,
-          "data-slot": "reset",
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          class: normalizeClass(unref(cn)("absolute right-1 size-7 text-muted-foreground", hasLabel.value ? "top-6" : "top-1")),
-          disabled: __props.disabled || __props.readonly || !hasValue.value,
-          "aria-label": clearLabel.value,
-          title: clearLabel.value,
-          tabindex: -1,
-          onClick: handleClear
-        }, {
-          default: withCtx(() => [..._cache[0] || (_cache[0] = [
-            createElementVNode("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              class: "size-4",
-              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, ["class", "disabled", "aria-label", "title"])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/components/admin/inputs/resettable-text-input2.vue.js

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