@leaflink/stash 44.0.0-beta.7 → 44.0.0-beta.9

package/dist/Checkbox.js

@@ -1,9 +1,9 @@
-import { defineComponent as y, useAttrs as _, useSlots as T, computed as a, openBlock as l, createElementBlock as s, normalizeClass as d, unref as c, withDirectives as E, createElementVNode as i, mergeProps as C, vModelCheckbox as V, renderSlot as m, toDisplayString as n, createTextVNode as A, createCommentVNode as B } from "vue";
+import { defineComponent as T, useAttrs as C, useSlots as E, useCssModule as V, computed as o, openBlock as d, createElementBlock as i, normalizeClass as n, unref as s, withDirectives as A, createElementVNode as p, mergeProps as B, vModelCheckbox as M, renderSlot as k, createTextVNode as w, toDisplayString as h, createCommentVNode as $ } from "vue";
 import I from "@leaflink/snitch";
-import v from "lodash-es/uniqueId";
-import "./Checkbox.vue_vue_type_style_index_0_scoped_dbd26d7f_lang-4ed993c7.js";
-import { _ as N } from "./_plugin-vue_export-helper-dad06003.js";
-const S = ["data-test"], D = ["id", "aria-invalid", "aria-errormessage", "disabled", "value"], $ = ["for"], q = ["id"], z = /* @__PURE__ */ y({
+import m from "lodash-es/uniqueId";
+import { s as N } from "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
+import { _ as S } from "./_plugin-vue_export-helper-dad06003.js";
+const D = ["data-test"], q = ["id", "aria-invalid", "aria-errormessage", "disabled", "value"], z = ["for"], H = ["id"], P = /* @__PURE__ */ T({
   name: "ll-checkbox",
   inheritAttrs: !1,
   __name: "Checkbox",
@@ -19,70 +19,81 @@ const S = ["data-test"], D = ["id", "aria-invalid", "aria-errormessage", "disabl
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:checked"],
-  setup(x, { emit: b }) {
-    const e = x, o = _(), f = T();
+  setup(v, { emit: f }) {
+    const e = v, a = C(), _ = E(), l = V();
     if (e.modelValue !== void 0)
       throw new Error("ll-checkbox: use :checked or v-model:checked instead of :model-value and v-model.");
-    if (typeof e.value == "boolean" && I.warn("ll-checkbox: use `checked` to toggle the state; `value` is what will be set if `checked` is true"), o.onChange)
+    if (typeof e.value == "boolean" && I.warn("ll-checkbox: use `checked` to toggle the state; `value` is what will be set if `checked` is true"), a.onChange)
       throw new Error("ll-checkbox: use the @update:checked event instead of @change.");
-    const k = a(() => {
-      const t = { ...o };
+    const y = o(() => {
+      const t = { ...a };
       return delete t["data-test"], delete t.class, t;
-    }), u = a({
+    }), r = o({
       get() {
         return e.checked;
       },
       set(t) {
-        b("update:checked", t);
+        f("update:checked", t);
       }
-    }), r = a(() => !!e.errorText || e.hasError), h = a(() => e.id || v("checkbox-")), p = a(() => e.errorText ? v("checkbox-error-") : void 0);
-    return (t, w) => (l(), s("div", {
-      class: d(["stash-checkbox tw-relative tw-m-0", [{ "has-error": r.value }, c(o).class]]),
-      "data-test": c(o)["data-test"] || "stash-checkbox"
+    }), c = o(() => !!e.errorText || e.hasError), u = o(() => e.id || m("checkbox-")), x = o(() => e.errorText ? m("checkbox-error-") : void 0);
+    return (t, b) => (d(), i("div", {
+      class: n(["stash-checkbox tw-relative tw-m-0", [
+        s(a).class,
+        {
+          "stash-checkbox--checked": !!r.value,
+          [`stash-checkbox--has-error ${s(l)["has-error"]}`]: c.value
+        }
+      ]]),
+      "data-test": s(a)["data-test"] || "stash-checkbox"
     }, [
-      E(i("input", C({
-        id: h.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (g) => u.value = g),
+      A(p("input", B({
+        id: u.value,
+        "onUpdate:modelValue": b[0] || (b[0] = (g) => r.value = g),
         "aria-invalid": !!e.errorText,
-        "aria-errormessage": p.value,
+        "aria-errormessage": x.value,
         disabled: e.disabled,
-        class: "tw-sr-only lg:tw-m-0",
+        class: ["tw-sr-only lg:tw-m-0", s(l).input],
         type: "checkbox",
         value: t.value
-      }, k.value), null, 16, D), [
-        [V, u.value]
+      }, y.value), null, 16, q), [
+        [M, r.value]
       ]),
-      i("label", {
+      p("label", {
         "data-test": "stash-checkbox|label",
-        class: d(["tw-relative tw-inline-block tw-min-h-9 tw-cursor-pointer tw-overflow-visible tw-py-1.5 tw-pl-8 tw-align-top tw-text-sm tw-font-normal tw-leading-6", {
-          "tw-text-ice-900": !r.value && !e.disabled,
-          "tw-text-red-500": r.value,
-          "tw-text-ice-500": e.disabled
-        }]),
-        for: h.value
+        class: n(["stash-checkbox__label tw-relative tw-inline-block tw-min-h-9 tw-cursor-pointer tw-overflow-visible tw-py-1.5 tw-pl-8 tw-align-top tw-text-sm tw-font-normal tw-leading-6", [
+          s(l).label,
+          {
+            "tw-text-ice-900": !c.value && !e.disabled,
+            "tw-text-red-500": c.value,
+            "tw-text-ice-500": e.disabled
+          }
+        ]]),
+        for: u.value
       }, [
-        m(t.$slots, "default", {}, () => [
-          i("span", null, n(t.label), 1)
-        ], !0)
-      ], 10, $),
-      e.errorText ? (l(), s("span", {
+        k(t.$slots, "default", {}, () => [
+          w(h(t.label), 1)
+        ])
+      ], 10, z),
+      e.errorText ? (d(), i("span", {
         key: 0,
-        id: p.value,
-        class: "tw-ml-8 tw-block tw-whitespace-pre-line tw-text-xs tw-text-red-500",
+        id: x.value,
+        class: "stash-checkbox__error-text tw-ml-8 tw-block tw-whitespace-pre-line tw-text-xs tw-text-red-500",
         "data-test": "stash-checkbox|error"
-      }, n(e.errorText), 9, q)) : e.hintText || c(f).hint ? (l(), s("span", {
+      }, h(e.errorText), 9, H)) : e.hintText || s(_).hint ? (d(), i("span", {
         key: 1,
-        class: d(["tw-ml-8 tw-block tw-whitespace-pre-line tw-text-xs", { "tw-text-ice-500": e.disabled }]),
+        class: n(["stash-checkbox__hint-text tw-ml-8 tw-block tw-whitespace-pre-line tw-text-xs", { "tw-text-ice-500": e.disabled }]),
         "data-test": "stash-checkbox|hint"
       }, [
-        m(t.$slots, "hint", {}, () => [
-          A(n(e.hintText), 1)
-        ], !0)
-      ], 2)) : B("", !0)
-    ], 10, S));
+        k(t.$slots, "hint", {}, () => [
+          w(h(e.hintText), 1)
+        ])
+      ], 2)) : $("", !0)
+    ], 10, D));
   }
-}), F = /* @__PURE__ */ N(z, [["__scopeId", "data-v-dbd26d7f"]]);
+}), U = {
+  $style: N
+}, L = /* @__PURE__ */ S(P, [["__cssModules", U]]);
 export {
-  F as default
+  L as default
 };
 //# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, useAttrs, useSlots } from 'vue';\n\n  export interface CheckboxProps {\n    /**\n     * Whether the checkbox is currently checked based on the current value.\n     * Either defined by a boolean, or whether `checked` as an array includes `value`.\n     */\n    checked: boolean | Array<string | number>;\n\n    /**\n     * Whether the checkbox is in an error state (optional). For error styling without error text.\n     */\n    hasError?: boolean;\n\n    /**\n     * Unique ID for the checkbox, required for accessibility purposes\n     */\n    id?: string;\n\n    /**\n     * Label text to display with checkbox\n     */\n    label?: string;\n\n    /**\n     * Error text to display. Replaces `hintText` (if provided) and adds error styling (overrides `hasError`).\n     */\n    errorText?: string;\n\n    /**\n     * Displays text below the input; hidden when the isReadOnly prop is truthy.\n     */\n    hintText?: string;\n\n    /**\n     * @deprecated use the `checked` prop instead\n     */\n    modelValue?: boolean | Array<string | number>;\n\n    /**\n     * The value of the checkbox.\n     */\n    value?: string | number;\n\n    /**\n     * Whether the checkbox is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  defineOptions({\n    name: 'll-checkbox',\n    inheritAttrs: false,\n  });\n\n  const props = withDefaults(defineProps<CheckboxProps>(), {\n    checked: false,\n    errorId: undefined,\n    errorText: '',\n    hasError: false,\n    hintText: '',\n    id: undefined,\n    label: undefined,\n    modelValue: undefined,\n    value: undefined,\n    disabled: false,\n  });\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n\n  const emit =\n    defineEmits<{\n      (e: 'update:checked', value: CheckboxProps['checked']): void;\n    }>();\n\n  if (props.modelValue !== undefined) {\n    throw new Error('ll-checkbox: use :checked or v-model:checked instead of :model-value and v-model.');\n  }\n\n  if (typeof props.value === 'boolean') {\n    logger.warn('ll-checkbox: use `checked` to toggle the state; `value` is what will be set if `checked` is true');\n  }\n\n  if (attrs.onChange) {\n    throw new Error('ll-checkbox: use the @update:checked event instead of @change.');\n  }\n\n  const inputAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    delete tempAttrs['data-test'];\n    delete tempAttrs.class;\n\n    return tempAttrs;\n  });\n\n  const internalValue = computed({\n    get() {\n      return props.checked;\n    },\n    set(value) {\n      emit('update:checked', value);\n    },\n  });\n\n  const internalHasError = computed(() => !!props.errorText || props.hasError);\n  const checkboxId = computed(() => props.id || uniqueId('checkbox-'));\n  const checkboxErrorId = computed(() => (props.errorText ? uniqueId('checkbox-error-') : undefined));\n</script>\n\n<template>\n  <div\n    class=\"stash-checkbox tw-relative tw-m-0\"\n    :data-test=\"attrs['data-test'] || 'stash-checkbox'\"\n    :class=\"[{ 'has-error': internalHasError }, attrs.class]\"\n  >\n    <input\n      :id=\"checkboxId\"\n      v-model=\"internalValue\"\n      :aria-invalid=\"!!props.errorText\"\n      :aria-errormessage=\"checkboxErrorId\"\n      :disabled=\"props.disabled\"\n      class=\"tw-sr-only lg:tw-m-0\"\n      type=\"checkbox\"\n      :value=\"value\"\n      v-bind=\"inputAttrs\"\n    />\n\n    <label\n      data-test=\"stash-checkbox|label\"\n      class=\"\n        tw-relative\n        tw-inline-block\n        tw-min-h-9\n        tw-cursor-pointer\n        tw-overflow-visible\n        tw-py-1.5\n        tw-pl-8\n        tw-align-top\n        tw-text-sm\n        tw-font-normal\n        tw-leading-6\n      \"\n      :class=\"{\n        'tw-text-ice-900': !internalHasError && !props.disabled,\n        'tw-text-red-500': internalHasError,\n        'tw-text-ice-500': props.disabled,\n      }\"\n      :for=\"checkboxId\"\n    >\n      <slot>\n        <span>{{ label }}</span>\n      </slot>\n    </label>\n\n    <span\n      v-if=\"props.errorText\"\n      :id=\"checkboxErrorId\"\n      class=\"tw-ml-8 tw-block tw-whitespace-pre-line tw-text-xs tw-text-red-500\"\n      data-test=\"stash-checkbox|error\"\n    >\n      {{ props.errorText }}\n    </span>\n    <span\n      v-else-if=\"props.hintText || slots.hint\"\n      class=\"tw-ml-8 tw-block tw-whitespace-pre-line tw-text-xs\"\n      :class=\"{ 'tw-text-ice-500': props.disabled }\"\n      data-test=\"stash-checkbox|hint\"\n    >\n      <!-- @slot for displaying hint text -->\n      <slot name=\"hint\">{{ props.hintText }}</slot>\n    </span>\n  </div>\n</template>\n\n<style scoped>\n  input:disabled + label {\n    cursor: auto;\n  }\n\n  label::before {\n    content: '';\n    border: 1px solid var(--color-ice-500);\n    display: inline-block;\n    vertical-align: top;\n  }\n\n  label::before,\n  label::after {\n    border-radius: theme('borderRadius.DEFAULT');\n    height: 20px;\n    left: 0;\n    position: absolute;\n    top: theme('spacing[1.5]');\n    width: 20px;\n  }\n\n  .has-error label::before,\n  .has-error input {\n    border-color: var(--color-red-500);\n  }\n\n  input:indeterminate + label::after {\n    content: url('data:image/svg+xml; utf8, <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 10.4C6 10.1791 6.17909 10 6.4 10H17.6C17.8209 10 18 10.1791 18 10.4V12.6C18 12.8209 17.8209 13 17.6 13H6.4C6.17909 13 6 12.8209 6 12.6V10.4Z\" fill=\"white\"/></svg>');\n  }\n\n  input:checked + label::after {\n    content: url('data:image/svg+xml; utf8, <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.89 8.281a.723.723 0 0 1 .22.531.723.723 0 0 1-.22.532l-6.718 6.719a.723.723 0 0 1-.531.218.723.723 0 0 1-.532-.218l-3.89-3.891A.723.723 0 0 1 6 11.64c0-.209.073-.386.219-.532l1.062-1.062a.723.723 0 0 1 .532-.219.72.72 0 0 1 .53.219l2.298 2.305 5.125-5.133a.723.723 0 0 1 .53-.219c.21 0 .386.073.532.219l1.063 1.062z\" fill=\"white\"/></svg>');\n    background: var(--color-blue-500);\n    height: 20px;\n    width: 20px;\n    top: theme('spacing[1.5]');\n  }\n\n  input:checked + label::before,\n  input:indeterminate + label::before {\n    background: var(--color-blue-500);\n    border-color: var(--color-blue-500);\n  }\n\n  input:disabled + label::before,\n  input:disabled + label::after {\n    background: var(--color-ice-100);\n    border: 1px solid var(--color-ice-500);\n  }\n\n  input:disabled:is(:checked, :indeterminate) + label::after {\n    background: var(--color-ice-500);\n  }\n\n  input:not(:disabled, :checked, :indeterminate) + label:hover::before {\n    border-color: var(--color-blue-500);\n  }\n</style>\n"],"names":["attrs","useAttrs","slots","useSlots","props","logger","inputAttrs","computed","tempAttrs","internalValue","value","emit","internalHasError","checkboxId","uniqueId","checkboxErrorId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;iBAuEQA,IAAQC,KACRC,IAAQC;AAOV,QAAAC,EAAM,eAAe;AACjB,YAAA,IAAI,MAAM,mFAAmF;AAOrG,QAJI,OAAOA,EAAM,SAAU,aACzBC,EAAO,KAAK,kGAAkG,GAG5GL,EAAM;AACF,YAAA,IAAI,MAAM,gEAAgE;AAG5E,UAAAM,IAAaC,EAAS,MAAM;AAC1B,YAAAC,IAAY,EAAE,GAAGR;AAEvB,oBAAOQ,EAAU,WAAW,GAC5B,OAAOA,EAAU,OAEVA;AAAA,IAAA,CACR,GAEKC,IAAgBF,EAAS;AAAA,MAC7B,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAO;AACT,QAAAC,EAAK,kBAAkBD,CAAK;AAAA,MAC9B;AAAA,IAAA,CACD,GAEKE,IAAmBL,EAAS,MAAM,CAAC,CAACH,EAAM,aAAaA,EAAM,QAAQ,GACrES,IAAaN,EAAS,MAAMH,EAAM,MAAMU,EAAS,WAAW,CAAC,GAC7DC,IAAkBR,EAAS,MAAOH,EAAM,YAAYU,EAAS,iBAAiB,IAAI,MAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, useAttrs, useCssModule, useSlots } from 'vue';\n\n  export interface CheckboxProps {\n    /**\n     * Whether the checkbox is currently checked based on the current value.\n     * Either defined by a boolean, or whether `checked` as an array includes `value`.\n     */\n    checked: boolean | Array<string | number>;\n\n    /**\n     * Whether the checkbox is in an error state (optional). For error styling without error text.\n     *\n     * @deprecated Just pass `error-text` instead.\n     */\n    hasError?: boolean;\n\n    /**\n     * Unique ID for the checkbox, required for accessibility purposes\n     */\n    id?: string;\n\n    /**\n     * Label text to display with checkbox\n     */\n    label?: string;\n\n    /**\n     * Error text to display. Replaces `hintText` (if provided) and adds error styling (overrides `hasError`).\n     */\n    errorText?: string;\n\n    /**\n     * Displays text below the input; hidden when the isReadOnly prop is truthy.\n     */\n    hintText?: string;\n\n    /**\n     * @deprecated use the `checked` prop instead\n     */\n    modelValue?: boolean | Array<string | number>;\n\n    /**\n     * The value of the checkbox.\n     */\n    value?: string | number;\n\n    /**\n     * Whether the checkbox is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  defineOptions({\n    name: 'll-checkbox',\n    inheritAttrs: false,\n  });\n\n  const props = withDefaults(defineProps<CheckboxProps>(), {\n    checked: false,\n    errorId: undefined,\n    errorText: '',\n    hasError: false,\n    hintText: '',\n    id: undefined,\n    label: undefined,\n    modelValue: undefined,\n    value: undefined,\n    disabled: false,\n  });\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n\n  const emit =\n    defineEmits<{\n      (e: 'update:checked', value: CheckboxProps['checked']): void;\n    }>();\n\n  if (props.modelValue !== undefined) {\n    throw new Error('ll-checkbox: use :checked or v-model:checked instead of :model-value and v-model.');\n  }\n\n  if (typeof props.value === 'boolean') {\n    logger.warn('ll-checkbox: use `checked` to toggle the state; `value` is what will be set if `checked` is true');\n  }\n\n  if (attrs.onChange) {\n    throw new Error('ll-checkbox: use the @update:checked event instead of @change.');\n  }\n\n  const inputAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    delete tempAttrs['data-test'];\n    delete tempAttrs.class;\n\n    return tempAttrs;\n  });\n\n  const internalValue = computed({\n    get() {\n      return props.checked;\n    },\n    set(value) {\n      emit('update:checked', value);\n    },\n  });\n\n  const internalHasError = computed(() => !!props.errorText || props.hasError);\n  const checkboxId = computed(() => props.id || uniqueId('checkbox-'));\n  const checkboxErrorId = computed(() => (props.errorText ? uniqueId('checkbox-error-') : undefined));\n</script>\n\n<template>\n  <div\n    class=\"stash-checkbox tw-relative tw-m-0\"\n    :class=\"[\n      attrs.class,\n      {\n        'stash-checkbox--checked': !!internalValue,\n        [`stash-checkbox--has-error ${classes['has-error']}`]: internalHasError,\n      },\n    ]\"\n    :data-test=\"attrs['data-test'] || 'stash-checkbox'\"\n  >\n    <input\n      :id=\"checkboxId\"\n      v-model=\"internalValue\"\n      :aria-invalid=\"!!props.errorText\"\n      :aria-errormessage=\"checkboxErrorId\"\n      :disabled=\"props.disabled\"\n      class=\"tw-sr-only lg:tw-m-0\"\n      :class=\"classes.input\"\n      type=\"checkbox\"\n      :value=\"value\"\n      v-bind=\"inputAttrs\"\n    />\n\n    <label\n      data-test=\"stash-checkbox|label\"\n      class=\"\n        stash-checkbox__label\n        tw-relative\n        tw-inline-block\n        tw-min-h-9\n        tw-cursor-pointer\n        tw-overflow-visible\n        tw-py-1.5\n        tw-pl-8\n        tw-align-top\n        tw-text-sm\n        tw-font-normal\n        tw-leading-6\n      \"\n      :class=\"[\n        classes.label,\n        {\n          'tw-text-ice-900': !internalHasError && !props.disabled,\n          'tw-text-red-500': internalHasError,\n          'tw-text-ice-500': props.disabled,\n        },\n      ]\"\n      :for=\"checkboxId\"\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </label>\n\n    <span\n      v-if=\"props.errorText\"\n      :id=\"checkboxErrorId\"\n      class=\"stash-checkbox__error-text tw-ml-8 tw-block tw-whitespace-pre-line tw-text-xs tw-text-red-500\"\n      data-test=\"stash-checkbox|error\"\n    >\n      {{ props.errorText }}\n    </span>\n    <span\n      v-else-if=\"props.hintText || slots.hint\"\n      class=\"stash-checkbox__hint-text tw-ml-8 tw-block tw-whitespace-pre-line tw-text-xs\"\n      :class=\"{ 'tw-text-ice-500': props.disabled }\"\n      data-test=\"stash-checkbox|hint\"\n    >\n      <!-- @slot for displaying hint text -->\n      <slot name=\"hint\">{{ props.hintText }}</slot>\n    </span>\n  </div>\n</template>\n\n<style module>\n  .input:disabled + .label {\n    cursor: auto;\n  }\n\n  .label::before {\n    content: '';\n    border: 1px solid var(--color-ice-500);\n    display: inline-block;\n    vertical-align: top;\n  }\n\n  .label::before,\n  .label::after {\n    border-radius: theme('borderRadius.DEFAULT');\n    height: 20px;\n    left: 0;\n    position: absolute;\n    top: theme('spacing[1.5]');\n    width: 20px;\n  }\n\n  .has-error .label::before,\n  .has-error .input {\n    border-color: var(--color-red-500);\n  }\n\n  .input:indeterminate + .label::after {\n    content: url('data:image/svg+xml; utf8, <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 10.4C6 10.1791 6.17909 10 6.4 10H17.6C17.8209 10 18 10.1791 18 10.4V12.6C18 12.8209 17.8209 13 17.6 13H6.4C6.17909 13 6 12.8209 6 12.6V10.4Z\" fill=\"white\"/></svg>');\n  }\n\n  .input:checked + .label::after {\n    content: url('data:image/svg+xml; utf8, <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.89 8.281a.723.723 0 0 1 .22.531.723.723 0 0 1-.22.532l-6.718 6.719a.723.723 0 0 1-.531.218.723.723 0 0 1-.532-.218l-3.89-3.891A.723.723 0 0 1 6 11.64c0-.209.073-.386.219-.532l1.062-1.062a.723.723 0 0 1 .532-.219.72.72 0 0 1 .53.219l2.298 2.305 5.125-5.133a.723.723 0 0 1 .53-.219c.21 0 .386.073.532.219l1.063 1.062z\" fill=\"white\"/></svg>');\n    background: var(--color-blue-500);\n    height: 20px;\n    width: 20px;\n    top: theme('spacing[1.5]');\n  }\n\n  .input:checked + .label::before,\n  .input:indeterminate + .label::before {\n    background: var(--color-blue-500);\n    border-color: var(--color-blue-500);\n  }\n\n  .input:disabled + .label::before,\n  .input:disabled + .label::after {\n    background: var(--color-ice-100);\n    border: 1px solid var(--color-ice-500);\n  }\n\n  .input:disabled:is(:checked, :indeterminate) + .label::after {\n    background: var(--color-ice-500);\n  }\n\n  .input:not(:disabled, :checked, :indeterminate) + .label:hover::before {\n    border-color: var(--color-blue-500);\n  }\n</style>\n"],"names":["attrs","useAttrs","slots","useSlots","classes","useCssModule","props","logger","inputAttrs","computed","tempAttrs","internalValue","value","emit","internalHasError","checkboxId","uniqueId","checkboxErrorId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;iBAyEQA,IAAQC,KACRC,IAAQC,KACRC,IAAUC;AAOZ,QAAAC,EAAM,eAAe;AACjB,YAAA,IAAI,MAAM,mFAAmF;AAOrG,QAJI,OAAOA,EAAM,SAAU,aACzBC,EAAO,KAAK,kGAAkG,GAG5GP,EAAM;AACF,YAAA,IAAI,MAAM,gEAAgE;AAG5E,UAAAQ,IAAaC,EAAS,MAAM;AAC1B,YAAAC,IAAY,EAAE,GAAGV;AAEvB,oBAAOU,EAAU,WAAW,GAC5B,OAAOA,EAAU,OAEVA;AAAA,IAAA,CACR,GAEKC,IAAgBF,EAAS;AAAA,MAC7B,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAO;AACT,QAAAC,EAAK,kBAAkBD,CAAK;AAAA,MAC9B;AAAA,IAAA,CACD,GAEKE,IAAmBL,EAAS,MAAM,CAAC,CAACH,EAAM,aAAaA,EAAM,QAAQ,GACrES,IAAaN,EAAS,MAAMH,EAAM,MAAMU,EAAS,WAAW,CAAC,GAC7DC,IAAkBR,EAAS,MAAOH,EAAM,YAAYU,EAAS,iBAAiB,IAAI,MAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Checkbox.vue.d.ts

@@ -41,6 +41,8 @@ export declare interface CheckboxProps {
     checked: boolean | Array<string | number>;
     /**
      * Whether the checkbox is in an error state (optional). For error styling without error text.
+     *
+     * @deprecated Just pass `error-text` instead.
      */
     hasError?: boolean;
     /**

package/dist/Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js

@@ -0,0 +1,9 @@
+const o = "_input_bhz1o_2", _ = "_label_bhz1o_2", s = {
+  input: o,
+  label: _,
+  "has-error": "_has-error_bhz1o_23"
+};
+export {
+  s
+};
+//# sourceMappingURL=Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js.map

package/dist/Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/ChevronToggle.js

@@ -1,7 +1,7 @@
 import { _ as o } from "./ChevronToggle.vue_vue_type_script_setup_true_lang-1591294c.js";
 import "vue";
 import "./Button.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "./Icon.js";
 import "lodash-es/uniqueId";

package/dist/Copy.js

@@ -12,7 +12,7 @@ import "lodash-es/camelCase";
 import "lodash-es/get";
 import "lodash-es/isFinite";
 import "lodash-es/isPlainObject";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";

package/dist/CurrencyInput.js

@@ -6,9 +6,9 @@ import "./utils/i18n.js";
 import "./constants.js";
 import "./locale.js";
 import "lodash-es/get";
-import "./Field.vue_vue_type_script_setup_true_lang-4483019d.js";
+import "./Field.vue_vue_type_script_setup_true_lang-42ba3c5a.js";
 import "lodash-es/uniqueId";
-import "./Label.vue_vue_type_script_setup_true_lang-2de35913.js";
+import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
 import "./Icon.js";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";

package/dist/DataView.js

@@ -8,7 +8,7 @@ import "./Icon.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
-import "./Paginate.vue_used_vue_type_style_index_0_lang.module-1a2084f9.js";
+import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
 function _(e) {
   const n = e[0] === "-" ? "desc" : "asc";
   return { id: n === "asc" ? e : e.slice(1), order: n };

package/dist/DataViewFilters.js

@@ -6,16 +6,16 @@ import { _ as Z } from "./Box.vue_vue_type_script_setup_true_lang-69e5176b.js";
 import A from "./Button.js";
 import T from "lodash-es/cloneDeep";
 import $ from "./Icon.js";
-import "./Paginate.vue_used_vue_type_style_index_0_lang.module-1a2084f9.js";
+import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
 import { D as G } from "./DataView.vue_used_vue_type_style_index_0_lang.module-d878ca9a.js";
 import q from "./FilterChip.js";
-import { _ as H } from "./Label.vue_vue_type_script_setup_true_lang-2de35913.js";
+import { _ as H } from "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
 import K from "./Modal.js";
 import X from "./SearchBar.js";
 import { D as Y } from "./DataViewFilters.keys-c80ffabe.js";
 import { i as L } from "./isDefined-2ce6cde4.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
@@ -26,7 +26,7 @@ import "./Backdrop.js";
 import "./Input.js";
 import "lodash-es/isNil";
 import "./utils/i18n.js";
-import "./Field.vue_vue_type_script_setup_true_lang-4483019d.js";
+import "./Field.vue_vue_type_script_setup_true_lang-42ba3c5a.js";
 function Pe({
   schema: a,
   dataViewRef: w

package/dist/DataViewSortButton.js

@@ -1,15 +1,15 @@
-import { defineComponent as g, inject as y, openBlock as r, createBlock as n, withCtx as o, createVNode as i, createTextVNode as l, toDisplayString as c, unref as e, createElementVNode as d, createElementBlock as w, Fragment as f, renderList as D, normalizeClass as b, createCommentVNode as m } from "vue";
-import { t as S } from "./locale.js";
+import { defineComponent as y, useCssModule as D, inject as S, openBlock as r, createBlock as d, withCtx as o, createVNode as i, createTextVNode as n, toDisplayString as l, unref as t, createElementVNode as c, createElementBlock as f, Fragment as k, renderList as V, normalizeClass as b, createCommentVNode as m } from "vue";
+import { t as B } from "./locale.js";
 import u from "./Button.js";
 import "lodash-es/cloneDeep";
-import k from "./Icon.js";
-import "./Paginate.vue_used_vue_type_style_index_0_lang.module-1a2084f9.js";
-import { D as h } from "./DataView.vue_used_vue_type_style_index_0_lang.module-d878ca9a.js";
-import V from "./Dropdown.js";
-import v from "./IconLabel.js";
-import { _ as B } from "./_plugin-vue_export-helper-dad06003.js";
+import h from "./Icon.js";
+import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
+import { D as C } from "./DataView.vue_used_vue_type_style_index_0_lang.module-d878ca9a.js";
+import E from "./Dropdown.js";
+import I from "./IconLabel.js";
+import { _ as N } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
@@ -20,40 +20,40 @@ import "./utils/helpers.js";
 import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "lodash-es/isPlainObject";
-const I = {
+const v = {
   class: "dropdown__list",
   "data-test": "stash-data-view-sort-button|sort-menu"
-}, E = ["onClick"], N = ["onClick"], A = /* @__PURE__ */ g({
+}, A = ["onClick"], M = ["onClick"], T = /* @__PURE__ */ y({
   __name: "DataViewSortButton",
   props: {
     sortOptions: { default: () => [] }
   },
   setup(x) {
-    const _ = x, { currentSortId: a, currentSortOrder: s, updateCurrentSort: p } = y(
-      h.key,
-      h.defaults
+    const _ = x, p = D(), { currentSortId: s, currentSortOrder: a, updateCurrentSort: w } = S(
+      C.key,
+      C.defaults
     );
-    return (T, L) => _.sortOptions.length ? (r(), n(V, {
+    return (q, F) => _.sortOptions.length ? (r(), d(E, {
       key: 0,
       align: "left",
       class: "stash-data-view-sort-button",
       "data-test": "stash-data-view-sort-button"
     }, {
-      toggle: o(({ isActive: t, toggle: C }) => [
+      toggle: o(({ isActive: e, toggle: g }) => [
         i(u, {
           "icon-label": "",
-          "aria-expanded": t.toString(),
+          "aria-expanded": e.toString(),
           class: "tw-text-blue-500",
           "data-test": "stash-data-view-sort-button|sort-menu-button",
-          onClick: C
+          onClick: g
         }, {
           default: o(() => [
-            i(v, {
+            i(I, {
               icon: "sort",
               stacked: ""
             }, {
               default: o(() => [
-                l(c(e(S)("ll.sort")), 1)
+                n(l(t(B)("ll.sort")), 1)
               ]),
               _: 1
             })
@@ -62,21 +62,24 @@ const I = {
         }, 1032, ["aria-expanded", "onClick"])
       ]),
       default: o(() => [
-        d("ul", I, [
-          (r(!0), w(f, null, D(_.sortOptions, (t) => (r(), w(f, {
-            key: t.id
+        c("ul", v, [
+          (r(!0), f(k, null, V(_.sortOptions, (e) => (r(), f(k, {
+            key: e.id
           }, [
-            d("li", {
-              class: b(["dropdown__item tw-rounded", { "tw-bg-blue-100 tw-text-ice-700": t.id === e(a) && e(s) === "asc" }]),
-              onClick: () => e(p)(t.id, { sortOrder: "asc", shouldEmit: !0 })
+            c("li", {
+              class: b(["dropdown__item tw-rounded", [
+                t(p).dropdown__item,
+                { "tw-bg-blue-100 tw-text-ice-700": e.id === t(s) && t(a) === "asc" }
+              ]]),
+              onClick: () => t(w)(e.id, { sortOrder: "asc", shouldEmit: !0 })
             }, [
               i(u, {
                 inline: "",
                 class: "tw-h-9"
               }, {
                 default: o(() => [
-                  l(c(t.labelAsc) + " ", 1),
-                  t.id === e(a) && e(s) === "asc" ? (r(), n(k, {
+                  n(l(e.labelAsc) + " ", 1),
+                  e.id === t(s) && t(a) === "asc" ? (r(), d(h, {
                     key: 0,
                     name: "check",
                     class: "tw-ml-auto tw-text-blue-500"
@@ -84,18 +87,21 @@ const I = {
                 ]),
                 _: 2
               }, 1024)
-            ], 10, E),
-            d("li", {
-              class: b(["dropdown__item tw-rounded", { "tw-bg-blue-100 tw-text-ice-700": t.id === e(a) && e(s) === "desc" }]),
-              onClick: () => e(p)(t.id, { sortOrder: "desc", shouldEmit: !0 })
+            ], 10, A),
+            c("li", {
+              class: b(["dropdown__item tw-rounded", [
+                t(p).dropdown__item,
+                { "tw-bg-blue-100 tw-text-ice-700": e.id === t(s) && t(a) === "desc" }
+              ]]),
+              onClick: () => t(w)(e.id, { sortOrder: "desc", shouldEmit: !0 })
             }, [
               i(u, {
                 inline: "",
                 class: "tw-h-9"
               }, {
                 default: o(() => [
-                  l(c(t.labelDesc) + " ", 1),
-                  t.id === e(a) && e(s) === "desc" ? (r(), n(k, {
+                  n(l(e.labelDesc) + " ", 1),
+                  e.id === t(s) && t(a) === "desc" ? (r(), d(h, {
                     key: 0,
                     name: "check",
                     class: "tw-ml-auto tw-text-blue-500"
@@ -103,16 +109,19 @@ const I = {
                 ]),
                 _: 2
               }, 1024)
-            ], 10, N)
+            ], 10, M)
           ], 64))), 128))
         ])
       ]),
       _: 1
     })) : m("", !0);
   }
-});
-const rt = /* @__PURE__ */ B(A, [["__scopeId", "data-v-8b825319"]]);
+}), z = "_dropdown__item_ozq17_2", L = {
+  dropdown__item: z
+}, j = {
+  $style: L
+}, nt = /* @__PURE__ */ N(T, [["__cssModules", j]]);
 export {
-  rt as default
+  nt as default
 };
 //# sourceMappingURL=DataViewSortButton.js.map

package/dist/DataViewSortButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataViewSortButton.js","sources":["../src/components/DataViewSortButton/DataViewSortButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { inject } from 'vue';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import { DATA_VIEW_INJECTION } from '../DataView/DataView.vue';\n  import Dropdown from '../Dropdown/Dropdown.vue';\n  import Icon from '../Icon/Icon.vue';\n  import IconLabel from '../IconLabel/IconLabel.vue';\n  import { SortOption } from './DataViewSortButton.types';\n\n  export interface DataViewToolbarProps {\n    /**\n     * An array of sort options to display in the dropdown.\n     */\n    sortOptions?: SortOption[];\n  }\n\n  const props = withDefaults(defineProps<DataViewToolbarProps>(), {\n    sortOptions: () => [],\n  });\n\n  const { currentSortId, currentSortOrder, updateCurrentSort } = inject(\n    DATA_VIEW_INJECTION.key,\n    DATA_VIEW_INJECTION.defaults,\n  );\n</script>\n\n<template>\n  <Dropdown\n    v-if=\"props.sortOptions.length\"\n    align=\"left\"\n    class=\"stash-data-view-sort-button\"\n    data-test=\"stash-data-view-sort-button\"\n  >\n    <template #toggle=\"{ isActive, toggle }\">\n      <Button\n        icon-label\n        :aria-expanded=\"isActive.toString()\"\n        class=\"tw-text-blue-500\"\n        data-test=\"stash-data-view-sort-button|sort-menu-button\"\n        @click=\"toggle\"\n      >\n        <IconLabel icon=\"sort\" stacked>\n          {{ t('ll.sort') }}\n        </IconLabel>\n      </Button>\n    </template>\n    <ul class=\"dropdown__list\" data-test=\"stash-data-view-sort-button|sort-menu\">\n      <template v-for=\"sortOption in props.sortOptions\" :key=\"sortOption.id\">\n        <li\n          class=\"dropdown__item tw-rounded\"\n          :class=\"{ 'tw-bg-blue-100 tw-text-ice-700': sortOption.id === currentSortId && currentSortOrder === 'asc' }\"\n          @click=\"() => updateCurrentSort(sortOption.id, { sortOrder: 'asc', shouldEmit: true })\"\n        >\n          <Button inline class=\"tw-h-9\">\n            {{ sortOption.labelAsc }}\n            <Icon\n              v-if=\"sortOption.id === currentSortId && currentSortOrder === 'asc'\"\n              name=\"check\"\n              class=\"tw-ml-auto tw-text-blue-500\"\n            />\n          </Button>\n        </li>\n        <li\n          class=\"dropdown__item tw-rounded\"\n          :class=\"{ 'tw-bg-blue-100 tw-text-ice-700': sortOption.id === currentSortId && currentSortOrder === 'desc' }\"\n          @click=\"() => updateCurrentSort(sortOption.id, { sortOrder: 'desc', shouldEmit: true })\"\n        >\n          <Button inline class=\"tw-h-9\">\n            {{ sortOption.labelDesc }}\n            <Icon\n              v-if=\"sortOption.id === currentSortId && currentSortOrder === 'desc'\"\n              name=\"check\"\n              class=\"tw-ml-auto tw-text-blue-500\"\n            />\n          </Button>\n        </li>\n      </template>\n    </ul>\n  </Dropdown>\n</template>\n\n<style scoped>\n  .dropdown__item > button {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n</style>\n"],"names":["currentSortId","currentSortOrder","updateCurrentSort","inject","DATA_VIEW_INJECTION"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAsBQ,EAAE,eAAAA,GAAe,kBAAAC,GAAkB,mBAAAC,EAAsB,IAAAC;AAAA,MAC7DC,EAAoB;AAAA,MACpBA,EAAoB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DataViewSortButton.js","sources":["../src/components/DataViewSortButton/DataViewSortButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { inject, useCssModule } from 'vue';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import { DATA_VIEW_INJECTION } from '../DataView/DataView.vue';\n  import Dropdown from '../Dropdown/Dropdown.vue';\n  import Icon from '../Icon/Icon.vue';\n  import IconLabel from '../IconLabel/IconLabel.vue';\n  import { SortOption } from './DataViewSortButton.types';\n\n  export interface DataViewToolbarProps {\n    /**\n     * An array of sort options to display in the dropdown.\n     */\n    sortOptions?: SortOption[];\n  }\n\n  const props = withDefaults(defineProps<DataViewToolbarProps>(), {\n    sortOptions: () => [],\n  });\n  const classes = useCssModule();\n\n  const { currentSortId, currentSortOrder, updateCurrentSort } = inject(\n    DATA_VIEW_INJECTION.key,\n    DATA_VIEW_INJECTION.defaults,\n  );\n</script>\n\n<template>\n  <Dropdown\n    v-if=\"props.sortOptions.length\"\n    align=\"left\"\n    class=\"stash-data-view-sort-button\"\n    data-test=\"stash-data-view-sort-button\"\n  >\n    <template #toggle=\"{ isActive, toggle }\">\n      <Button\n        icon-label\n        :aria-expanded=\"isActive.toString()\"\n        class=\"tw-text-blue-500\"\n        data-test=\"stash-data-view-sort-button|sort-menu-button\"\n        @click=\"toggle\"\n      >\n        <IconLabel icon=\"sort\" stacked>\n          {{ t('ll.sort') }}\n        </IconLabel>\n      </Button>\n    </template>\n    <ul class=\"dropdown__list\" data-test=\"stash-data-view-sort-button|sort-menu\">\n      <template v-for=\"sortOption in props.sortOptions\" :key=\"sortOption.id\">\n        <li\n          class=\"dropdown__item tw-rounded\"\n          :class=\"[\n            classes.dropdown__item,\n            { 'tw-bg-blue-100 tw-text-ice-700': sortOption.id === currentSortId && currentSortOrder === 'asc' },\n          ]\"\n          @click=\"() => updateCurrentSort(sortOption.id, { sortOrder: 'asc', shouldEmit: true })\"\n        >\n          <Button inline class=\"tw-h-9\">\n            {{ sortOption.labelAsc }}\n            <Icon\n              v-if=\"sortOption.id === currentSortId && currentSortOrder === 'asc'\"\n              name=\"check\"\n              class=\"tw-ml-auto tw-text-blue-500\"\n            />\n          </Button>\n        </li>\n        <li\n          class=\"dropdown__item tw-rounded\"\n          :class=\"[\n            classes.dropdown__item,\n            { 'tw-bg-blue-100 tw-text-ice-700': sortOption.id === currentSortId && currentSortOrder === 'desc' },\n          ]\"\n          @click=\"() => updateCurrentSort(sortOption.id, { sortOrder: 'desc', shouldEmit: true })\"\n        >\n          <Button inline class=\"tw-h-9\">\n            {{ sortOption.labelDesc }}\n            <Icon\n              v-if=\"sortOption.id === currentSortId && currentSortOrder === 'desc'\"\n              name=\"check\"\n              class=\"tw-ml-auto tw-text-blue-500\"\n            />\n          </Button>\n        </li>\n      </template>\n    </ul>\n  </Dropdown>\n</template>\n\n<style module>\n  .dropdown__item > button {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n</style>\n"],"names":["classes","useCssModule","currentSortId","currentSortOrder","updateCurrentSort","inject","DATA_VIEW_INJECTION"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqBQA,IAAUC,KAEV,EAAE,eAAAC,GAAe,kBAAAC,GAAkB,mBAAAC,EAAsB,IAAAC;AAAA,MAC7DC,EAAoB;AAAA,MACpBA,EAAoB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/DataViewToolbar.js

@@ -3,11 +3,11 @@ import { t as z } from "./locale.js";
 import h from "./Button.js";
 import "lodash-es/cloneDeep";
 import x from "./Icon.js";
-import "./Paginate.vue_used_vue_type_style_index_0_lang.module-1a2084f9.js";
+import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
 import { D as y } from "./DataView.vue_used_vue_type_style_index_0_lang.module-d878ca9a.js";
 import { _ as j } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";

package/dist/DatePicker.js

@@ -15,13 +15,13 @@ import { _ as Bf } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
 import "./toTimeZone-e6e9ab75.js";
 import "./_commonjsHelpers-10dfc225.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "lodash-es/isNil";
 import "./utils/i18n.js";
-import "./Field.vue_vue_type_script_setup_true_lang-4483019d.js";
-import "./Label.vue_vue_type_script_setup_true_lang-2de35913.js";
+import "./Field.vue_vue_type_script_setup_true_lang-42ba3c5a.js";
+import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
 function Uf(e, t) {
   he(2, arguments);
   var r = ge(e).getTime(), n = je(t);
@@ -11625,12 +11625,12 @@ const cY = /* @__PURE__ */ bt(sY, [["render", lY]]), fY = ["id"], dY = { class:
       }, 8, ["available-dates", "disabled-dates", "max-date", "min-date", "max-page", "min-page", "mode", "model-value", "popover", "hide-time-header"])
     ], 2));
   }
-}), pY = "_input_1p4vg_294", yY = {
-  "vc-overrides": "_vc-overrides_1p4vg_176",
-  "close-button": "_close-button_1p4vg_271",
-  "button-today": "_button-today_1p4vg_277",
+}), pY = "_input_1w1jz_144", yY = {
+  "vc-overrides": "_vc-overrides_1w1jz_2",
+  "close-button": "_close-button_1w1jz_117",
+  "button-today": "_button-today_1w1jz_123",
   input: pY,
-  "calendar-icon": "_calendar-icon_1p4vg_300"
+  "calendar-icon": "_calendar-icon_1w1jz_150"
 }, hY = {
   $style: yY
 }, FY = /* @__PURE__ */ Bf(vY, [["__cssModules", hY]]);