@leaflink/stash 49.3.2 → 49.3.4

package/dist/InputOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOptions.js","sources":["../src/components/InputOptions/InputOptions.vue"],"sourcesContent":["<script lang=\"ts\">\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  type Option = any;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  type SelectedOption = any;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  interface InputOptionsProps {\n    /**\n     * Error text to display. Replaces `hintText` (if provided) & adds error styling\n     */\n    errorText?: string;\n\n    /**\n     * Hint text to display below the input\n     */\n    hintText?: string;\n\n    /**\n     * Label to render for the datepicker\n     */\n    label?: string;\n\n    /**\n     * The current value inclusive of the input & select\n     */\n    modelValue?: { value: string; option?: SelectedOption };\n\n    /**\n     * Input type\n     */\n    type?: string extends 'button' | 'checkbox' | 'radio' | 'submit' ? never : string;\n\n    /**\n     * Prevents the Selected Option from being truncated, if true\n     */\n    noTruncate?: boolean;\n\n    /**\n     * Options for the select\n     */\n    options?: Option[];\n  }\n</script>\n\n<script lang=\"ts\" setup>\n  import { computed, ref, useAttrs, useCssModule, useSlots, watch, watchEffect } from 'vue';\n\n  import Field from '../Field/Field.vue';\n  import Input from '../Input/Input.vue';\n  import Select from '../Select/Select.vue';\n\n  defineOptions({\n    name: 'll-input-options',\n  });\n\n  const props = withDefaults(defineProps<InputOptionsProps>(), {\n    modelValue: () => ({ value: '', option: undefined }),\n    noTruncate: false,\n    options: () => [],\n    errorText: undefined,\n    hintText: undefined,\n    label: undefined,\n    type: 'text',\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted when the model value changes\n     */\n    (\n      e: 'update:model-value',\n      v: { value?: string; option?: SelectedOption; isValueChange: boolean; type: 'input' | 'select' },\n    ): void;\n    /**\n     * Emitted when either the input or select changes\n     */\n    (\n      e: 'change',\n      v: { value?: string; option?: SelectedOption; isValueChange: boolean; type: 'input' | 'select' },\n    ): void;\n  }>();\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n  const internalInput = ref<string>();\n  const isInputFocused = ref(false);\n  const selectedOption = ref<Option | undefined>();\n\n  const inputAttrs = computed(() => {\n    const { disabled, placeholder } = attrs;\n\n    return { disabled, placeholder } as { disabled: boolean; placeholder: string };\n  });\n\n  const selectAttrs = computed(() => {\n    const { disabled, displayBy, trackBy } = attrs;\n\n    return { disabled, displayBy, trackBy } as { disabled: boolean; displayBy: string; trackBy: string };\n  });\n\n  // Input value changed\n  function handleInput(val?: string | number) {\n    internalInput.value = String(val);\n\n    emit('update:model-value', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: true,\n      type: 'input',\n    });\n  }\n\n  // Input blurred\n  function handleInputChange() {\n    emit('change', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: true,\n      type: 'input',\n    });\n  }\n\n  function handleSelectChange(val?: Option) {\n    selectedOption.value = val;\n\n    emit('change', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: false,\n      type: 'select',\n    });\n    emit('update:model-value', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: false,\n      type: 'select',\n    });\n  }\n\n  watchEffect(() => {\n    if (!selectedOption.value) {\n      selectedOption.value = props.options[0];\n    }\n  });\n\n  watch(\n    () => props.modelValue.value,\n    () => {\n      internalInput.value = props.modelValue.value;\n    },\n    { immediate: true },\n  );\n\n  watch(\n    () => props.modelValue.option,\n    () => {\n      selectedOption.value = props.modelValue.option;\n    },\n    { immediate: true },\n  );\n\n  if (attrs.value) {\n    throw new Error('ll-input-options: use :model-value or v-model instead of :value.');\n  }\n\n  if (attrs.onInput) {\n    throw new Error('ll-input-options: use the @update:model-value event instead of @input');\n  }\n</script>\n\n<template>\n  <Field v-bind=\"props\" class=\"stash-input-options\" data-test=\"stash-input-options\">\n    <template #default=\"{ fieldId }\">\n      <div class=\"tw-flex\" :class=\"{ [classes['has-error']]: !!props.errorText }\">\n        <Input\n          v-bind=\"inputAttrs\"\n          :id=\"fieldId\"\n          class=\"stash-input-options__input -tw-mr-[1px] tw-inline-block tw-flex-1\"\n          :class=\"[classes.input, { 'tw-z-control': isInputFocused }]\"\n          data-test=\"stash-input-options|input\"\n          :type=\"props.type\"\n          :model-value=\"internalInput\"\n          @change=\"handleInputChange\"\n          @update:model-value=\"handleInput\"\n          @blur=\"isInputFocused = false\"\n          @focus=\"isInputFocused = true\"\n        />\n\n        <Select\n          v-bind=\"selectAttrs\"\n          single\n          hide-search\n          prevent-empty\n          class=\"stash-input-options__select tw-min-w-20\"\n          data-test=\"stash-input-options|select\"\n          :class=\"classes.select\"\n          :no-truncate=\"noTruncate\"\n          :options=\"options\"\n          :model-value=\"selectedOption\"\n          @update:model-value=\"handleSelectChange\"\n        />\n      </div>\n    </template>\n    <template v-if=\"slots.hint\" #hint>\n      <!-- @slot Hint slot for rendering text below the input -->\n      <slot name=\"hint\"></slot>\n    </template>\n  </Field>\n</template>\n\n<style module>\n  .input input {\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .select :global(.stash-select__content) {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n  }\n\n  .select:global(.stash-select--active .stash-select__content) {\n    min-width: 0;\n  }\n\n  .has-error input,\n  .has-error input:hover:not(:focus),\n  .has-error :global(.stash-select__content),\n  .has-error :global(.stash-select__content:hover:not(:focus)) {\n    border-color: var(--color-red-500);\n  }\n</style>\n"],"names":["props","__props","emit","__emit","attrs","useAttrs","slots","useSlots","classes","useCssModule","internalInput","ref","isInputFocused","selectedOption","inputAttrs","computed","disabled","placeholder","selectAttrs","displayBy","trackBy","handleInput","val","handleInputChange","handleSelectChange","watchEffect","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDE,UAAMA,IAAQC,GAURC,IAAOC,GAiBPC,IAAQC,KACRC,IAAQC,KACRC,IAAUC,KACVC,IAAgBC,KAChBC,IAAiBD,EAAI,EAAK,GAC1BE,IAAiBF,KAEjBG,IAAaC,EAAS,MAAM;AAC1B,YAAA,EAAE,UAAAC,GAAU,aAAAC,EAAgB,IAAAb;AAE3B,aAAA,EAAE,UAAAY,GAAU,aAAAC;IAAY,CAChC,GAEKC,IAAcH,EAAS,MAAM;AACjC,YAAM,EAAE,UAAAC,GAAU,WAAAG,GAAW,SAAAC,EAAA,IAAYhB;AAElC,aAAA,EAAE,UAAAY,GAAU,WAAAG,GAAW,SAAAC;IAAQ,CACvC;AAGD,aAASC,EAAYC,GAAuB;AAC5B,MAAAZ,EAAA,QAAQ,OAAOY,CAAG,GAEhCpB,EAAK,sBAAsB;AAAA,QACzB,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAGA,aAASU,IAAoB;AAC3B,MAAArB,EAAK,UAAU;AAAA,QACb,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAEA,aAASW,EAAmBF,GAAc;AACxC,MAAAT,EAAe,QAAQS,GAEvBpB,EAAK,UAAU;AAAA,QACb,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP,GACDX,EAAK,sBAAsB;AAAA,QACzB,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAwBA,QAtBAY,EAAY,MAAM;AACZ,MAACZ,EAAe,UACHA,EAAA,QAAQb,EAAM,QAAQ,CAAC;AAAA,IACxC,CACD,GAED0B;AAAA,MACE,MAAM1B,EAAM,WAAW;AAAA,MACvB,MAAM;AACU,QAAAU,EAAA,QAAQV,EAAM,WAAW;AAAA,MACzC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGpB0B;AAAA,MACE,MAAM1B,EAAM,WAAW;AAAA,MACvB,MAAM;AACW,QAAAa,EAAA,QAAQb,EAAM,WAAW;AAAA,MAC1C;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGhBI,EAAM;AACF,YAAA,IAAI,MAAM,kEAAkE;AAGpF,QAAIA,EAAM;AACF,YAAA,IAAI,MAAM,uEAAuE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InputOptions.js","sources":["../src/components/InputOptions/InputOptions.vue"],"sourcesContent":["<script lang=\"ts\">\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  type Option = any;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  type SelectedOption = any;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  interface InputOptionsProps {\n    /**\n     * Error text to display. Replaces `hintText` (if provided) & adds error styling\n     */\n    errorText?: string;\n\n    /**\n     * Hint text to display below the input\n     */\n    hintText?: string;\n\n    /**\n     * Label to render for the datepicker\n     */\n    label?: string;\n\n    /**\n     * The current value inclusive of the input & select\n     */\n    modelValue?: { value: string; option?: SelectedOption };\n\n    /**\n     * Input type\n     */\n    type?: string extends 'button' | 'checkbox' | 'radio' | 'submit' ? never : string;\n\n    /**\n     * Prevents the Selected Option from being truncated, if true\n     */\n    noTruncate?: boolean;\n\n    /**\n     * Options for the select\n     */\n    options?: Option[];\n    /**\n     * Indicates whether the inputOptions is disabled.\n     */\n    disabled?: boolean;\n  }\n</script>\n\n<script lang=\"ts\" setup>\n  import { computed, ref, useAttrs, useCssModule, useSlots, watch, watchEffect } from 'vue';\n\n  import Field from '../Field/Field.vue';\n  import Input from '../Input/Input.vue';\n  import Select from '../Select/Select.vue';\n\n  defineOptions({\n    name: 'll-input-options',\n  });\n\n  const props = withDefaults(defineProps<InputOptionsProps>(), {\n    modelValue: () => ({ value: '', option: undefined }),\n    noTruncate: false,\n    options: () => [],\n    errorText: undefined,\n    hintText: undefined,\n    label: undefined,\n    type: 'text',\n    disabled: false,\n  });\n\n  const emit = defineEmits<{\n    /**\n     * Emitted when the model value changes\n     */\n    (\n      e: 'update:model-value',\n      v: { value?: string; option?: SelectedOption; isValueChange: boolean; type: 'input' | 'select' },\n    ): void;\n    /**\n     * Emitted when either the input or select changes\n     */\n    (\n      e: 'change',\n      v: { value?: string; option?: SelectedOption; isValueChange: boolean; type: 'input' | 'select' },\n    ): void;\n  }>();\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n  const internalInput = ref<string>();\n  const isInputFocused = ref(false);\n  const selectedOption = ref<Option | undefined>();\n\n  const inputAttrs = computed(() => {\n    const { disabled, placeholder } = attrs;\n\n    return { disabled, placeholder } as { disabled: boolean; placeholder: string };\n  });\n\n  const selectAttrs = computed(() => {\n    const { disabled, displayBy, trackBy } = attrs;\n\n    return { disabled, displayBy, trackBy } as { disabled: boolean; displayBy: string; trackBy: string };\n  });\n\n  // Input value changed\n  function handleInput(val?: string | number) {\n    internalInput.value = String(val);\n\n    emit('update:model-value', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: true,\n      type: 'input',\n    });\n  }\n\n  // Input blurred\n  function handleInputChange() {\n    emit('change', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: true,\n      type: 'input',\n    });\n  }\n\n  function handleSelectChange(val?: Option) {\n    selectedOption.value = val;\n\n    emit('change', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: false,\n      type: 'select',\n    });\n    emit('update:model-value', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: false,\n      type: 'select',\n    });\n  }\n\n  watchEffect(() => {\n    if (!selectedOption.value) {\n      selectedOption.value = props.options[0];\n    }\n  });\n\n  watch(\n    () => props.modelValue.value,\n    () => {\n      internalInput.value = props.modelValue.value;\n    },\n    { immediate: true },\n  );\n\n  watch(\n    () => props.modelValue.option,\n    () => {\n      selectedOption.value = props.modelValue.option;\n    },\n    { immediate: true },\n  );\n\n  if (attrs.value) {\n    throw new Error('ll-input-options: use :model-value or v-model instead of :value.');\n  }\n\n  if (attrs.onInput) {\n    throw new Error('ll-input-options: use the @update:model-value event instead of @input');\n  }\n</script>\n\n<template>\n  <Field v-bind=\"props\" class=\"stash-input-options\" data-test=\"stash-input-options\">\n    <template #default=\"{ fieldId }\">\n      <div class=\"tw-flex\" :class=\"{ [classes['has-error']]: !!props.errorText }\">\n        <Input\n          v-bind=\"inputAttrs\"\n          :id=\"fieldId\"\n          class=\"stash-input-options__input -tw-mr-[1px] tw-inline-block tw-flex-1\"\n          :class=\"[classes.input, { 'tw-z-control': isInputFocused }]\"\n          data-test=\"stash-input-options|input\"\n          :type=\"props.type\"\n          :model-value=\"internalInput\"\n          :disabled=\"props.disabled\"\n          @change=\"handleInputChange\"\n          @update:model-value=\"handleInput\"\n          @blur=\"isInputFocused = false\"\n          @focus=\"isInputFocused = true\"\n        />\n\n        <Select\n          v-bind=\"selectAttrs\"\n          single\n          hide-search\n          prevent-empty\n          class=\"stash-input-options__select tw-min-w-20\"\n          data-test=\"stash-input-options|select\"\n          :class=\"classes.select\"\n          :no-truncate=\"noTruncate\"\n          :options=\"options\"\n          :model-value=\"selectedOption\"\n          :disabled=\"props.disabled\"\n          @update:model-value=\"handleSelectChange\"\n        />\n      </div>\n    </template>\n    <template v-if=\"slots.hint\" #hint>\n      <!-- @slot Hint slot for rendering text below the input -->\n      <slot name=\"hint\"></slot>\n    </template>\n  </Field>\n</template>\n\n<style module>\n  .input input {\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .select :global(.stash-select__content) {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n  }\n\n  .select:global(.stash-select--active .stash-select__content) {\n    min-width: 0;\n  }\n\n  .has-error input,\n  .has-error input:hover:not(:focus),\n  .has-error :global(.stash-select__content),\n  .has-error :global(.stash-select__content:hover:not(:focus)) {\n    border-color: var(--color-red-500);\n  }\n</style>\n"],"names":["props","__props","emit","__emit","attrs","useAttrs","slots","useSlots","classes","useCssModule","internalInput","ref","isInputFocused","selectedOption","inputAttrs","computed","disabled","placeholder","selectAttrs","displayBy","trackBy","handleInput","val","handleInputChange","handleSelectChange","watchEffect","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DE,UAAMA,IAAQC,GAWRC,IAAOC,GAiBPC,IAAQC,KACRC,IAAQC,KACRC,IAAUC,KACVC,IAAgBC,KAChBC,IAAiBD,EAAI,EAAK,GAC1BE,IAAiBF,KAEjBG,IAAaC,EAAS,MAAM;AAC1B,YAAA,EAAE,UAAAC,GAAU,aAAAC,EAAgB,IAAAb;AAE3B,aAAA,EAAE,UAAAY,GAAU,aAAAC;IAAY,CAChC,GAEKC,IAAcH,EAAS,MAAM;AACjC,YAAM,EAAE,UAAAC,GAAU,WAAAG,GAAW,SAAAC,EAAA,IAAYhB;AAElC,aAAA,EAAE,UAAAY,GAAU,WAAAG,GAAW,SAAAC;IAAQ,CACvC;AAGD,aAASC,EAAYC,GAAuB;AAC5B,MAAAZ,EAAA,QAAQ,OAAOY,CAAG,GAEhCpB,EAAK,sBAAsB;AAAA,QACzB,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAGA,aAASU,IAAoB;AAC3B,MAAArB,EAAK,UAAU;AAAA,QACb,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAEA,aAASW,EAAmBF,GAAc;AACxC,MAAAT,EAAe,QAAQS,GAEvBpB,EAAK,UAAU;AAAA,QACb,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP,GACDX,EAAK,sBAAsB;AAAA,QACzB,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAwBA,QAtBAY,EAAY,MAAM;AACZ,MAACZ,EAAe,UACHA,EAAA,QAAQb,EAAM,QAAQ,CAAC;AAAA,IACxC,CACD,GAED0B;AAAA,MACE,MAAM1B,EAAM,WAAW;AAAA,MACvB,MAAM;AACU,QAAAU,EAAA,QAAQV,EAAM,WAAW;AAAA,MACzC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGpB0B;AAAA,MACE,MAAM1B,EAAM,WAAW;AAAA,MACvB,MAAM;AACW,QAAAa,EAAA,QAAQb,EAAM,WAAW;AAAA,MAC1C;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGhBI,EAAM;AACF,YAAA,IAAI,MAAM,kEAAkE;AAGpF,QAAIA,EAAM;AACF,YAAA,IAAI,MAAM,uEAAuE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/InputOptions.vue.d.ts

@@ -43,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes
     hintText: undefined;
     label: undefined;
     type: string;
+    disabled: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:model-value": (v: {
         value?: string | undefined;
@@ -67,6 +68,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes
     hintText: undefined;
     label: undefined;
     type: string;
+    disabled: boolean;
 }>>> & Readonly<{
     onChange?: ((v: {
         value?: string | undefined;
@@ -82,6 +84,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes
     }) => any) | undefined;
 }>, {
     type: string;
+    disabled: boolean;
     label: string;
     errorText: string;
     hintText: string;
@@ -128,6 +131,10 @@ declare interface InputOptionsProps {
      * Options for the select
      */
     options?: Option_2[];
+    /**
+     * Indicates whether the inputOptions is disabled.
+     */
+    disabled?: boolean;
 }
 
 declare type Option_2 = any;

package/dist/Label.js

@@ -1,4 +1,4 @@
-import { _ as o } from "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
+import { _ as o } from "./Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js";
 import "vue";
 import "./locale.js";
 import "lodash-es/get";

package/dist/Label.vue.d.ts

@@ -38,12 +38,14 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes
     isRequired: boolean;
     showOptional: boolean;
     legend: boolean;
+    isDisabled: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LabelProps>, {
     for: undefined;
     hasError: boolean;
     isRequired: boolean;
     showOptional: boolean;
     legend: boolean;
+    isDisabled: boolean;
 }>>> & Readonly<{}>, {
     legend: boolean;
     for: string;
@@ -76,6 +78,10 @@ export declare interface LabelProps {
      * Indicates whether the wrapper element to be rendered should be a label or a legend.
      */
     legend?: boolean;
+    /**
+     * Indicates whether the label is disabled.
+     */
+    disabled?: boolean;
 }
 
 export { }

package/dist/Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js

@@ -0,0 +1,43 @@
+import { defineComponent as n, computed as r, openBlock as t, createBlock as i, resolveDynamicComponent as d, normalizeClass as c, withCtx as p, renderSlot as f, createElementBlock as a, toDisplayString as u, unref as m, createCommentVNode as w } from "vue";
+import { t as b } from "./locale.js";
+const h = {
+  key: 0,
+  class: "tw-font-semibold tw-text-red-500",
+  title: "Required",
+  "aria-label": "required"
+}, _ = {
+  key: 1,
+  class: "tw-text-ice-700"
+}, x = /* @__PURE__ */ n({
+  __name: "Label",
+  props: {
+    for: { default: void 0 },
+    hasError: { type: Boolean, default: !1 },
+    isRequired: { type: Boolean, default: !1 },
+    showOptional: { type: Boolean, default: !1 },
+    legend: { type: Boolean, default: !1 },
+    disabled: { type: Boolean }
+  },
+  setup(l) {
+    const e = l, o = r(() => e.legend ? "legend" : "label");
+    return (s, y) => (t(), i(d(o.value), {
+      class: c(["stash-label tw-block tw-truncate tw-text-sm tw-font-medium tw-leading-6", {
+        "tw-animate-shake": e.hasError,
+        "stash-label--disabled tw-text-ice-700": e.disabled,
+        "tw-text-ice-900": !e.disabled
+      }]),
+      for: e.for,
+      "data-test": "stash-label"
+    }, {
+      default: p(() => [
+        f(s.$slots, "default"),
+        e.isRequired ? (t(), a("span", h, " * ")) : e.showOptional ? (t(), a("span", _, " (" + u(m(b)("ll.optional")) + ")", 1)) : w("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "for"]));
+  }
+});
+export {
+  x as _
+};
+//# sourceMappingURL=Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js.map

package/dist/Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js","sources":["../src/components/Label/Label.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  import { t } from '../../locale';\n\n  export interface LabelProps {\n    /**\n     * The `id` of the input element that this label is associated with.\n     */\n    for?: string;\n\n    /**\n     * Indicates whether the label should be styled as an error.\n     */\n    hasError?: boolean;\n\n    /**\n     * Indicates whether the input element that this label is associated with is required.\n     */\n    isRequired?: boolean;\n\n    /**\n     * Indicates whether the label should show that the input is optional.\n     */\n    showOptional?: boolean;\n\n    /**\n     * Indicates whether the wrapper element to be rendered should be a label or a legend.\n     */\n    legend?: boolean;\n\n    /**\n     * Indicates whether the label is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LabelProps>(), {\n    for: undefined,\n    hasError: false,\n    isRequired: false,\n    showOptional: false,\n    legend: false,\n    isDisabled: false,\n  });\n\n  const is = computed(() => {\n    return props.legend ? 'legend' : 'label';\n  });\n</script>\n\n<template>\n  <component\n    :is=\"is\"\n    class=\"stash-label tw-block tw-truncate tw-text-sm tw-font-medium tw-leading-6\"\n    :class=\"{\n      'tw-animate-shake': props.hasError,\n      'stash-label--disabled tw-text-ice-700': props.disabled,\n      'tw-text-ice-900': !props.disabled,\n    }\"\n    :for=\"props.for\"\n    data-test=\"stash-label\"\n  >\n    <!-- @slot The label text -->\n    <slot></slot>\n    <span v-if=\"props.isRequired\" class=\"tw-font-semibold tw-text-red-500\" title=\"Required\" aria-label=\"required\">\n      *\n    </span>\n    <span v-else-if=\"props.showOptional\" class=\"tw-text-ice-700\"> ({{ t('ll.optional') }})</span>\n  </component>\n</template>\n"],"names":["props","__props","is","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqCE,UAAMA,IAAQC,GASRC,IAAKC,EAAS,MACXH,EAAM,SAAS,WAAW,OAClC;;;;;;;;;;;;;;;;;;"}

package/dist/ListView.js

@@ -46,8 +46,8 @@ import "./formatDateTime-a5e70901.js";
 import "./utils/normalizeDate.js";
 import "./toTimeZone-a2ed6470.js";
 import "./InputOptions.js";
-import "./Field.vue_vue_type_script_setup_true_lang-e1e4ff03.js";
-import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
+import "./Field.vue_vue_type_script_setup_true_lang-3ea26741.js";
+import "./Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js";
 import "./Select.js";
 import "./floating-ui.vue-8d7f7932.js";
 import "lodash-es/isEmpty";

package/dist/ListView.vue.d.ts

@@ -1555,6 +1555,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<string>;
                     default: string;
                 };
+                disabled: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
                 label: {
                     type: PropType<string>;
                     default: undefined;
@@ -1606,6 +1610,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<string>;
                     default: string;
                 };
+                disabled: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
                 label: {
                     type: PropType<string>;
                     default: undefined;
@@ -1647,6 +1655,7 @@ declare const _default: DefineComponent<any, {}, {
                 "onUpdate:model-value"?: ((v: string | number) => any) | undefined;
             }>, {
                 type: string;
+                disabled: boolean;
                 label: string;
                 id: string;
                 errorText: string;
@@ -1666,6 +1675,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<string>;
                     default: string;
                 };
+                disabled: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
                 label: {
                     type: PropType<string>;
                     default: undefined;
@@ -1709,6 +1722,7 @@ declare const _default: DefineComponent<any, {}, {
                 inputEl: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
             }, {}, {}, {}, {
                 type: string;
+                disabled: boolean;
                 label: string;
                 id: string;
                 errorText: string;
@@ -1725,6 +1739,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             label: {
                 type: PropType<string>;
                 default: undefined;
@@ -1773,6 +1791,7 @@ declare const _default: DefineComponent<any, {}, {
             blur: (evt: Event) => void;
         }, string, {
             type: string;
+            disabled: boolean;
             label: string;
             id: string;
             errorText: string;
@@ -1793,6 +1812,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<string>;
                     default: string;
                 };
+                disabled: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
                 label: {
                     type: PropType<string>;
                     default: undefined;
@@ -1854,6 +1877,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<string>;
                     default: string;
                 };
+                disabled: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
                 label: {
                     type: PropType<string>;
                     default: undefined;
@@ -1899,6 +1926,7 @@ declare const _default: DefineComponent<any, {}, {
                 }) => any) | undefined;
             }>, {
                 type: string;
+                disabled: boolean;
                 label: string;
                 errorText: string;
                 hintText: string;
@@ -1920,6 +1948,10 @@ declare const _default: DefineComponent<any, {}, {
                     type: PropType<string>;
                     default: string;
                 };
+                disabled: {
+                    type: PropType<boolean>;
+                    default: boolean;
+                };
                 label: {
                     type: PropType<string>;
                     default: undefined;
@@ -1965,6 +1997,7 @@ declare const _default: DefineComponent<any, {}, {
                 }) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 type: string;
+                disabled: boolean;
                 label: string;
                 errorText: string;
                 hintText: string;
@@ -1983,6 +2016,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             label: {
                 type: PropType<string>;
                 default: undefined;
@@ -2041,6 +2078,7 @@ declare const _default: DefineComponent<any, {}, {
             }) => void;
         }, string, {
             type: string;
+            disabled: boolean;
             label: string;
             errorText: string;
             hintText: string;
@@ -3562,6 +3600,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<string | number>;
                 default: undefined;
             };
+            isDisabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             position: {
                 type: PropType<"inline" | "top-right">;
                 default: string;
@@ -3570,10 +3612,6 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<"standard" | "dot">;
                 default: string;
             };
-            isDisabled: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
             showZero: {
                 type: PropType<boolean>;
                 default: boolean;
@@ -3605,6 +3643,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<string | number>;
                 default: undefined;
             };
+            isDisabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             position: {
                 type: PropType<"inline" | "top-right">;
                 default: string;
@@ -3613,10 +3655,6 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<"standard" | "dot">;
                 default: string;
             };
-            isDisabled: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
             showZero: {
                 type: PropType<boolean>;
                 default: boolean;
@@ -3630,9 +3668,9 @@ declare const _default: DefineComponent<any, {}, {
                 right?: number | undefined;
             };
             content: string | number;
+            isDisabled: boolean;
             position: "inline" | "top-right";
             variant: "standard" | "dot";
-            isDisabled: boolean;
             showZero: boolean;
         }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
@@ -3668,6 +3706,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<string | number>;
                 default: undefined;
             };
+            isDisabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             position: {
                 type: PropType<"inline" | "top-right">;
                 default: string;
@@ -3676,10 +3718,6 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<"standard" | "dot">;
                 default: string;
             };
-            isDisabled: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
             showZero: {
                 type: PropType<boolean>;
                 default: boolean;
@@ -3693,9 +3731,9 @@ declare const _default: DefineComponent<any, {}, {
                 right?: number | undefined;
             };
             content: string | number;
+            isDisabled: boolean;
             position: "inline" | "top-right";
             variant: "standard" | "dot";
-            isDisabled: boolean;
             showZero: boolean;
         }>;
         __isFragment?: undefined;
@@ -3728,6 +3766,10 @@ declare const _default: DefineComponent<any, {}, {
             type: PropType<string | number>;
             default: undefined;
         };
+        isDisabled: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         position: {
             type: PropType<"inline" | "top-right">;
             default: string;
@@ -3736,10 +3778,6 @@ declare const _default: DefineComponent<any, {}, {
             type: PropType<"standard" | "dot">;
             default: string;
         };
-        isDisabled: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         showZero: {
             type: PropType<boolean>;
             default: boolean;
@@ -3753,9 +3791,9 @@ declare const _default: DefineComponent<any, {}, {
             right?: number | undefined;
         };
         content: string | number;
+        isDisabled: boolean;
         position: "inline" | "top-right";
         variant: "standard" | "dot";
-        isDisabled: boolean;
         showZero: boolean;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: {
@@ -4541,6 +4579,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             label: {
                 type: PropType<string>;
                 default: undefined;
@@ -4592,6 +4634,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             label: {
                 type: PropType<string>;
                 default: undefined;
@@ -4633,6 +4679,7 @@ declare const _default: DefineComponent<any, {}, {
             "onUpdate:model-value"?: ((v: string | number) => any) | undefined;
         }>, {
             type: string;
+            disabled: boolean;
             label: string;
             id: string;
             errorText: string;
@@ -4652,6 +4699,10 @@ declare const _default: DefineComponent<any, {}, {
                 type: PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             label: {
                 type: PropType<string>;
                 default: undefined;
@@ -4695,6 +4746,7 @@ declare const _default: DefineComponent<any, {}, {
             inputEl: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         }, {}, {}, {}, {
             type: string;
+            disabled: boolean;
             label: string;
             id: string;
             errorText: string;
@@ -4711,6 +4763,10 @@ declare const _default: DefineComponent<any, {}, {
             type: PropType<string>;
             default: string;
         };
+        disabled: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         label: {
             type: PropType<string>;
             default: undefined;
@@ -4759,6 +4815,7 @@ declare const _default: DefineComponent<any, {}, {
         blur: (evt: Event) => void;
     }, string, {
         type: string;
+        disabled: boolean;
         label: string;
         id: string;
         errorText: string;

package/dist/Module.js

@@ -1,9 +1,9 @@
-import { defineComponent as i, onMounted as l, provide as s, computed as d, openBlock as p, createBlock as b, normalizeClass as u, unref as e, withCtx as m, renderSlot as c } from "vue";
-import o from "@leaflink/snitch";
-import { M as w } from "./Module.keys-2cc7d830.js";
-import { _ as v } from "./Box.vue_vue_type_script_setup_true_lang-69e5176b.js";
+import { defineComponent as n, onMounted as l, provide as s, computed as d, openBlock as p, createBlock as b, normalizeClass as u, unref as e, withCtx as m, renderSlot as c } from "vue";
+import r from "@leaflink/snitch";
+import { M as v } from "./Module.keys-2cc7d830.js";
+import { _ as w } from "./Box.vue_vue_type_script_setup_true_lang-69e5176b.js";
 import { M as t } from "./Module.types-3f78f2a0.js";
-const y = /* @__PURE__ */ i({
+const y = /* @__PURE__ */ n({
   name: "ll-module",
   __name: "Module",
   props: {
@@ -13,13 +13,13 @@ const y = /* @__PURE__ */ i({
     disableElevation: { type: Boolean },
     radius: {}
   },
-  setup(r) {
-    const a = r;
+  setup(o) {
+    const a = o;
     return l(() => {
-      a.variant === "card" && o.warn('Card Modules are no longer a thing. You\'re probably looking for `<RadioGroup variant="card">`.'), a.variant === "list" && o.warn("Only used with deprecated ListView component. Use `table` variant with `Table` component instead.");
-    }), s(w.key, { variant: d(() => a.variant) }), (n, f) => (p(), b(v, {
+      a.variant === "card" && r.warn('Card Modules are no longer a thing. You\'re probably looking for `<RadioGroup variant="card">`.'), a.variant === "list" && r.warn("Only used with deprecated ListView component. Use `table` variant with `Table` component instead.");
+    }), s(v.key, { variant: d(() => a.variant) }), (i, f) => (p(), b(w, {
       class: u(["stash-module tw-flex tw-flex-col", {
-        "tw-bg-transparent tw-shadow-none lg:tw-shadow": a.variant === e(t).Table,
+        "tw-bg-transparent tw-shadow": a.variant === e(t).Table,
         "tw-border tw-border-ice-500": a.variant === e(t).Card,
         "tw-mb-6 tw-bg-transparent tw-shadow-none lg:tw-shadow": a.variant === e(t).List
       }]),
@@ -29,14 +29,14 @@ const y = /* @__PURE__ */ i({
       "disable-elevation": a.disableElevation || a.variant === e(t).Table || a.variant === e(t).Card || a.variant === e(t).List
     }, {
       default: m(() => [
-        c(n.$slots, "default")
+        c(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "disable-gutters", "disable-padding", "disable-elevation"]));
   }
 });
 export {
-  w as MODULE_INJECTION,
+  v as MODULE_INJECTION,
   t as ModuleVariant,
   y as default
 };

package/dist/Module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Module.js","sources":["../src/components/Module/Module.vue"],"sourcesContent":["<script lang=\"ts\">\n  import Box, { type BoxProps } from '../Box/Box.vue';\n  import { ModuleVariant, type ModuleVariants } from './Module.types';\n\n  export * from './Module.keys';\n  export * from './Module.types';\n\n  export interface ModuleProps extends BoxProps {\n    /**\n     * Variant applied.\n     *\n     * Options: `box`, `card`, `list`.\n     */\n    variant?: ModuleVariants;\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, onMounted, provide } from 'vue';\n\n  import { MODULE_INJECTION } from './Module.keys';\n\n  defineOptions({\n    name: 'll-module',\n  });\n\n  const props = withDefaults(defineProps<ModuleProps>(), {\n    variant: 'box',\n  });\n\n  onMounted(() => {\n    if (props.variant === 'card') {\n      logger.warn('Card Modules are no longer a thing. You\\'re probably looking for `<RadioGroup variant=\"card\">`.');\n    }\n\n    if (props.variant === 'list') {\n      logger.warn('Only used with deprecated ListView component. Use `table` variant with `Table` component instead.');\n    }\n  });\n\n  provide(MODULE_INJECTION.key, { variant: computed(() => props.variant) });\n</script>\n\n<template>\n  <Box\n    class=\"stash-module tw-flex tw-flex-col\"\n    data-test=\"stash-module\"\n    :class=\"{\n      'tw-bg-transparent tw-shadow-none lg:tw-shadow': props.variant === ModuleVariant.Table,\n      'tw-border tw-border-ice-500': props.variant === ModuleVariant.Card,\n      'tw-mb-6 tw-bg-transparent tw-shadow-none lg:tw-shadow': props.variant === ModuleVariant.List,\n    }\"\n    :disable-gutters=\"props.disableGutters\"\n    :disable-padding=\"props.disablePadding || ['card', 'list', 'table'].includes(props.variant)\"\n    :disable-elevation=\"\n      props.disableElevation ||\n      props.variant === ModuleVariant.Table ||\n      props.variant === ModuleVariant.Card ||\n      props.variant === ModuleVariant.List\n    \"\n  >\n    <slot></slot>\n  </Box>\n</template>\n"],"names":["props","__props","onMounted","logger","provide","MODULE_INJECTION","computed"],"mappings":";;;;;;;;;;;;;;;;AA2BE,UAAMA,IAAQC;AAId,WAAAC,EAAU,MAAM;AACV,MAAAF,EAAM,YAAY,UACpBG,EAAO,KAAK,iGAAiG,GAG3GH,EAAM,YAAY,UACpBG,EAAO,KAAK,mGAAmG;AAAA,IACjH,CACD,GAEOC,EAAAC,EAAiB,KAAK,EAAE,SAASC,EAAS,MAAMN,EAAM,OAAO,EAAA,CAAG;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Module.js","sources":["../src/components/Module/Module.vue"],"sourcesContent":["<script lang=\"ts\">\n  import Box, { type BoxProps } from '../Box/Box.vue';\n  import { ModuleVariant, type ModuleVariants } from './Module.types';\n\n  export * from './Module.keys';\n  export * from './Module.types';\n\n  export interface ModuleProps extends BoxProps {\n    /**\n     * Variant applied.\n     *\n     * Options: `box`, `card`, `list`.\n     */\n    variant?: ModuleVariants;\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, onMounted, provide } from 'vue';\n\n  import { MODULE_INJECTION } from './Module.keys';\n\n  defineOptions({\n    name: 'll-module',\n  });\n\n  const props = withDefaults(defineProps<ModuleProps>(), {\n    variant: 'box',\n  });\n\n  onMounted(() => {\n    if (props.variant === 'card') {\n      logger.warn('Card Modules are no longer a thing. You\\'re probably looking for `<RadioGroup variant=\"card\">`.');\n    }\n\n    if (props.variant === 'list') {\n      logger.warn('Only used with deprecated ListView component. Use `table` variant with `Table` component instead.');\n    }\n  });\n\n  provide(MODULE_INJECTION.key, { variant: computed(() => props.variant) });\n</script>\n\n<template>\n  <Box\n    class=\"stash-module tw-flex tw-flex-col\"\n    data-test=\"stash-module\"\n    :class=\"{\n      'tw-bg-transparent tw-shadow': props.variant === ModuleVariant.Table,\n      'tw-border tw-border-ice-500': props.variant === ModuleVariant.Card,\n      'tw-mb-6 tw-bg-transparent tw-shadow-none lg:tw-shadow': props.variant === ModuleVariant.List,\n    }\"\n    :disable-gutters=\"props.disableGutters\"\n    :disable-padding=\"props.disablePadding || ['card', 'list', 'table'].includes(props.variant)\"\n    :disable-elevation=\"\n      props.disableElevation ||\n      props.variant === ModuleVariant.Table ||\n      props.variant === ModuleVariant.Card ||\n      props.variant === ModuleVariant.List\n    \"\n  >\n    <slot></slot>\n  </Box>\n</template>\n"],"names":["props","__props","onMounted","logger","provide","MODULE_INJECTION","computed"],"mappings":";;;;;;;;;;;;;;;;AA2BE,UAAMA,IAAQC;AAId,WAAAC,EAAU,MAAM;AACV,MAAAF,EAAM,YAAY,UACpBG,EAAO,KAAK,iGAAiG,GAG3GH,EAAM,YAAY,UACpBG,EAAO,KAAK,mGAAmG;AAAA,IACjH,CACD,GAEOC,EAAAC,EAAiB,KAAK,EAAE,SAASC,EAAS,MAAMN,EAAM,OAAO,EAAA,CAAG;;;;;;;;;;;;;;;;;;"}

package/dist/ModuleHeader.js

@@ -1,6 +1,6 @@
-import { defineComponent as M, useCssModule as C, useSlots as S, ref as B, inject as $, computed as u, openBlock as l, createElementBlock as r, normalizeClass as n, unref as a, createElementVNode as i, renderSlot as o, createCommentVNode as c, createBlock as p, resolveDynamicComponent as _, withCtx as b, createTextVNode as V, toDisplayString as v } from "vue";
-import { M as y } from "./Module.keys-2cc7d830.js";
-import { M as m } from "./Module.types-3f78f2a0.js";
+import { defineComponent as M, useCssModule as C, useSlots as S, ref as B, inject as $, computed as u, openBlock as l, createElementBlock as r, normalizeClass as n, unref as a, createElementVNode as i, renderSlot as o, createCommentVNode as m, createBlock as p, resolveDynamicComponent as _, withCtx as b, createTextVNode as V, toDisplayString as g } from "vue";
+import { M as v } from "./Module.keys-2cc7d830.js";
+import { M as c } from "./Module.types-3f78f2a0.js";
 import { _ as E } from "./_plugin-vue_export-helper-dad06003.js";
 const N = { class: "tw-flex tw-items-center" }, z = {
   class: "stash-module-header__content__text",
@@ -18,8 +18,8 @@ const N = { class: "tw-flex tw-items-center" }, z = {
     preventActionsWrap: { type: Boolean, default: !1 },
     underline: { type: Boolean, default: !1 }
   },
-  setup(g) {
-    const t = g, k = C(), s = S(), d = B(), w = $(y.key, y.defaults);
+  setup(y) {
+    const t = y, k = C(), s = S(), d = B(), w = $(v.key, v.defaults);
     if (!w.variant)
       throw new Error("<ModuleHeader> must be used within a <Module> component.");
     d.value = w.variant.value;
@@ -46,9 +46,10 @@ const N = { class: "tw-flex tw-items-center" }, z = {
     });
     return (e, I) => (l(), r("header", {
       class: n(["stash-module-header tw-flex tw-flex-wrap tw-justify-between", {
-        "tw-rounded-t tw-border-b tw-border-ice-500 tw-bg-ice-100 tw-p-3 lg:tw-px-6": d.value === a(m).Card,
-        "tw-mb-6 tw-rounded tw-bg-white tw-px-3 tw-pt-3 tw-shadow lg:tw-mb-0 lg:tw-rounded-b-none lg:tw-px-6 lg:tw-pt-6 lg:tw-shadow-none": d.value === a(m).Table || d.value === a(m).List,
-        "tw-mb-3 tw-border-b tw-border-ice-200 lg:tw-mb-6": t.underline
+        "tw-rounded-t tw-border-b tw-border-ice-500 tw-bg-ice-100 tw-p-3 lg:tw-px-6": d.value === a(c).Card,
+        "tw-mb-6 tw-rounded tw-bg-white tw-px-3 tw-pt-3 tw-shadow lg:tw-mb-0 lg:tw-rounded-b-none lg:tw-px-6 lg:tw-pt-6 lg:tw-shadow-none": d.value === a(c).List,
+        "tw-mb-3 tw-border-b tw-border-ice-200 lg:tw-mb-6": t.underline,
+        "tw-mb-6 tw-rounded-t tw-bg-white tw-px-3 tw-pt-3 lg:tw-mb-0 lg:tw-px-6 lg:tw-pt-6": d.value === a(c).Table
       }]),
       "data-test": "stash-module-header"
     }, [
@@ -63,7 +64,7 @@ const N = { class: "tw-flex tw-items-center" }, z = {
             "data-test": "stash-module-header|content-media"
           }, [
             o(e.$slots, "media")
-          ], 2)) : c("", !0),
+          ], 2)) : m("", !0),
           i("div", z, [
             a(s).title ? o(e.$slots, "title", { key: 0 }) : x.value ? (l(), p(_(f.value), {
               key: 1,
@@ -77,13 +78,13 @@ const N = { class: "tw-flex tw-items-center" }, z = {
             })) : o(e.$slots, "default", { key: 2 }, () => [
               (l(), p(_(f.value), { class: "tw-my-0" }, {
                 default: b(() => [
-                  V(v(t.title), 1)
+                  V(g(t.title), 1)
                 ]),
                 _: 1
               }))
             ]),
             o(e.$slots, "description", {}, () => [
-              t.description ? (l(), r("p", D, v(t.description), 1)) : c("", !0)
+              t.description ? (l(), r("p", D, g(t.description), 1)) : m("", !0)
             ])
           ])
         ])
@@ -99,7 +100,7 @@ const N = { class: "tw-flex tw-items-center" }, z = {
         "data-test": "stash-module-header|actions"
       }, [
         o(e.$slots, "actions")
-      ], 2)) : c("", !0)
+      ], 2)) : m("", !0)
     ], 2));
   }
 }), T = "_media_ktx8r_3", j = {