@leaflink/stash 53.4.0 → 53.4.2

package/dist/InputOptions.js

@@ -1,7 +1,7 @@
-import { defineComponent as $, useSlots as E, useAttrs as T, useCssModule as D, ref as p, watchEffect as j, watch as h, createBlock as M, openBlock as d, mergeProps as R, createSlots as F, withCtx as f, createElementBlock as _, createElementVNode as L, toDisplayString as b, normalizeClass as B, unref as r, renderSlot as g, createVNode as V } from "vue";
+import { defineComponent as $, useSlots as E, useAttrs as T, useCssModule as D, ref as d, watchEffect as j, watch as f, createBlock as M, openBlock as r, mergeProps as R, createSlots as F, withCtx as _, createElementBlock as b, createElementVNode as L, toDisplayString as B, normalizeClass as g, unref as c, renderSlot as V, createVNode as w } from "vue";
 import N from "./Input.js";
 import U from "./Select.js";
-import { _ as q } from "./Field.vue_vue_type_script_setup_true_lang-dAGKfjf5.js";
+import { _ as q } from "./Field.vue_vue_type_script_setup_true_lang-D2I8xDEW.js";
 import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
   key: 0,
@@ -32,8 +32,8 @@ const A = {
     disabled: { type: Boolean }
   },
   emits: ["update:model-value", "change"],
-  setup(w, { emit: C }) {
-    const e = w, o = C, n = E(), c = T(), i = D(), a = p(), m = p(!1), t = p();
+  setup(s, { emit: C }) {
+    const e = s, o = C, i = E(), m = T(), u = D(), a = d(), v = d(!1), t = d();
     function k(l) {
       a.value = String(l), o("update:model-value", {
         value: a.value,
@@ -42,7 +42,7 @@ const A = {
         type: "input"
       });
     }
-    function S() {
+    function x() {
       o("change", {
         value: a.value,
         option: t.value,
@@ -50,7 +50,7 @@ const A = {
         type: "input"
       });
     }
-    function I(l) {
+    function S(l) {
       t.value = l, o("change", {
         value: a.value,
         option: t.value,
@@ -65,79 +65,79 @@ const A = {
     }
     if (j(() => {
       t.value || (t.value = e.options[0]);
-    }), h(
+    }), f(
       () => e.modelValue.value,
       () => {
         a.value = e.modelValue.value;
       },
       { immediate: !0 }
-    ), h(
+    ), f(
       () => e.modelValue.option,
       () => {
         t.value = e.modelValue.option;
       },
       { immediate: !0 }
-    ), c.value)
+    ), m.value)
       throw new Error("ll-input-options: use :model-value or v-model instead of :value.");
-    if (c.onInput)
+    if (m.onInput)
       throw new Error("ll-input-options: use the @update:model-value event instead of @input");
-    return (l, s) => {
-      var v;
-      return d(), M(q, R(e, {
+    return (l, n) => {
+      var y;
+      return r(), M(q, R(e, {
         class: "stash-input-options",
         "data-test": "stash-input-options"
       }), F({
-        default: f(({ fieldId: u, labelId: x }) => {
-          var y;
+        default: _(({ fieldId: p, labelId: I }) => {
+          var h;
           return [
-            e.isReadOnly ? (d(), _("div", A, [
+            e.isReadOnly ? (r(), b("div", A, [
               L("span", {
-                id: u,
-                "aria-labelledby": x,
+                id: p,
+                "aria-labelledby": I,
                 class: "h-min"
-              }, b(a.value || 0) + " " + b((y = t.value) == null ? void 0 : y.name), 9, P)
-            ])) : (d(), _("div", {
+              }, B(a.value || 0) + " " + B((h = t.value) == null ? void 0 : h.name), 9, P)
+            ])) : (r(), b("div", {
               key: 1,
-              class: B(["flex", [r(i)["input-wrapper"], { [r(i)["has-error"]]: !!e.errorText }]])
+              class: g(["flex", [c(u)["input-wrapper"], { [c(u)["has-error"]]: !!e.errorText }]])
             }, [
-              g(l.$slots, "default", { fieldId: u }, () => [
-                V(N, {
-                  id: u,
+              V(l.$slots, "default", { fieldId: p }, () => [
+                w(N, {
+                  id: p,
                   class: "stash-input-options__input",
                   "data-test": "stash-input-options|input",
                   type: e.type,
                   "model-value": a.value,
                   disabled: e.isDisabled || e.disabled,
                   placeholder: e.placeholder,
-                  onChange: S,
+                  onChange: x,
                   "onUpdate:modelValue": k,
-                  onBlur: s[0] || (s[0] = (O) => m.value = !1),
-                  onFocus: s[1] || (s[1] = (O) => m.value = !0)
+                  onBlur: n[0] || (n[0] = (O) => v.value = !1),
+                  onFocus: n[1] || (n[1] = (O) => v.value = !0)
                 }, null, 8, ["id", "type", "model-value", "disabled", "placeholder"])
               ]),
-              V(U, {
+              w(U, {
                 single: "",
                 "hide-search": "",
                 "prevent-empty": "",
-                class: B(["stash-input-options__select min-w-20", r(i).select]),
+                class: g(["stash-input-options__select min-w-20", c(u).select]),
                 "data-test": "stash-input-options|select",
-                "no-truncate": l.noTruncate,
-                options: l.options,
+                "no-truncate": s.noTruncate,
+                options: s.options,
                 "model-value": t.value,
                 "display-by": e.displayBy,
                 "track-by": e.trackBy,
                 disabled: e.isDisabled || e.disabled,
-                "onUpdate:modelValue": I
+                "onUpdate:modelValue": S
               }, null, 8, ["class", "no-truncate", "options", "model-value", "display-by", "track-by", "disabled"])
             ], 2))
           ];
         }),
         _: 2
       }, [
-        (v = n.hint) != null && v.call(n) ? {
+        (y = i.hint) != null && y.call(i) ? {
           name: "hint",
-          fn: f(() => [
-            g(l.$slots, "hint")
+          fn: _(() => [
+            V(l.$slots, "hint")
           ]),
           key: "0"
         } : void 0

package/dist/InputOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOptions.js","sources":["../src/components/InputOptions/InputOptions.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { FieldProps } from '../Field/Field.types';\n  import Field from '../Field/Field.vue';\n\n  type Option = any;\n\n  type SelectedOption = any;\n\n  export interface InputOptionsProps extends FieldProps {\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    /**\n     * Placeholder text for the input\n     * **Note:** placeholders should be used to display examples; they should not be used as labels because they are not accessible as labels. If a real label cannot be used, use the `aria-label` attribute.\n     */\n    placeholder?: string;\n\n    /**\n     * If `options` are an object, this is what prop to use for display.\n     */\n    displayBy?: string;\n\n    /**\n     * Default field to track selected options by.\n     */\n    trackBy?: string;\n  }\n</script>\n\n<script lang=\"ts\" setup>\n  import { ref, useAttrs, useCssModule, watch, watchEffect } from 'vue';\n\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    type: 'text',\n    placeholder: undefined,\n    displayBy: undefined,\n    trackBy: undefined,\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 slots = defineSlots<{\n    /**\n     * Default slot for rendering a custom input field.\n     */\n    default: (props: { fieldId: string }) => void;\n    /**\n     * Hint slot for rendering a custom hint text.\n     */\n    hint: () => unknown;\n  }>();\n\n  const attrs = useAttrs();\n  const classes = useCssModule();\n  const internalInput = ref<string>();\n  const isInputFocused = ref(false);\n  const selectedOption = ref<Option | undefined>();\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, labelId }\">\n      <div v-if=\"props.isReadOnly\" class=\"flex h-input items-center text-sm\">\n        <span :id=\"fieldId\" :aria-labelledby=\"labelId\" class=\"h-min\">\n          {{ internalInput || 0 }} {{ selectedOption?.name }}\n        </span>\n      </div>\n      <div v-else class=\"flex\" :class=\"[classes['input-wrapper'], { [classes['has-error']]: !!props.errorText }]\">\n        <slot :field-id=\"fieldId\">\n          <Input\n            :id=\"fieldId\"\n            class=\"stash-input-options__input\"\n            data-test=\"stash-input-options|input\"\n            :type=\"props.type\"\n            :model-value=\"internalInput\"\n            :disabled=\"props.isDisabled || props.disabled\"\n            :placeholder=\"props.placeholder\"\n            @change=\"handleInputChange\"\n            @update:model-value=\"handleInput\"\n            @blur=\"isInputFocused = false\"\n            @focus=\"isInputFocused = true\"\n          />\n        </slot>\n\n        <Select\n          single\n          hide-search\n          prevent-empty\n          class=\"stash-input-options__select 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          :display-by=\"props.displayBy\"\n          :track-by=\"props.trackBy\"\n          :disabled=\"props.isDisabled || 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  @layer utilities {\n    .input-wrapper {\n      & > div:has(input) {\n        display: inline-block;\n        flex: 1;\n        margin-right: -1px;\n      }\n\n      & input {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 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\n      & div:has(input:focus) {\n        z-index: 200 !important;\n      }\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</style>\n"],"names":["props","__props","emit","__emit","slots","_useSlots","attrs","useAttrs","classes","useCssModule","internalInput","ref","isInputFocused","selectedOption","handleInput","val","handleInputChange","handleSelectChange","watchEffect","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDE,UAAMA,IAAQC,GAURC,IAAOC,GAiBPC,IAAQC,EAAA,GAWRC,IAAQC,EAAA,GACRC,IAAUC,EAAA,GACVC,IAAgBC,EAAA,GAChBC,IAAiBD,EAAI,EAAK,GAC1BE,IAAiBF,EAAA;AAGvB,aAASG,EAAYC,GAAuB;AAC1C,MAAAL,EAAc,QAAQ,OAAOK,CAAG,GAEhCb,EAAK,sBAAsB;AAAA,QACzB,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAGA,aAASG,IAAoB;AAC3B,MAAAd,EAAK,UAAU;AAAA,QACb,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAEA,aAASI,EAAmBF,GAAc;AACxC,MAAAF,EAAe,QAAQE,GAEvBb,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,QAtBAK,EAAY,MAAM;AAChB,MAAKL,EAAe,UAClBA,EAAe,QAAQb,EAAM,QAAQ,CAAC;AAAA,IAE1C,CAAC,GAEDmB;AAAA,MACE,MAAMnB,EAAM,WAAW;AAAA,MACvB,MAAM;AACJ,QAAAU,EAAc,QAAQV,EAAM,WAAW;AAAA,MACzC;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAGpBmB;AAAA,MACE,MAAMnB,EAAM,WAAW;AAAA,MACvB,MAAM;AACJ,QAAAa,EAAe,QAAQb,EAAM,WAAW;AAAA,MAC1C;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAGhBM,EAAM;AACR,YAAM,IAAI,MAAM,kEAAkE;AAGpF,QAAIA,EAAM;AACR,YAAM,IAAI,MAAM,uEAAuE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InputOptions.js","sources":["../src/components/InputOptions/InputOptions.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { FieldProps } from '../Field/Field.types';\n  import Field from '../Field/Field.vue';\n\n  type Option = any;\n\n  type SelectedOption = any;\n\n  export interface InputOptionsProps extends FieldProps {\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    /**\n     * Placeholder text for the input\n     * **Note:** placeholders should be used to display examples; they should not be used as labels because they are not accessible as labels. If a real label cannot be used, use the `aria-label` attribute.\n     */\n    placeholder?: string;\n\n    /**\n     * If `options` are an object, this is what prop to use for display.\n     */\n    displayBy?: string;\n\n    /**\n     * Default field to track selected options by.\n     */\n    trackBy?: string;\n  }\n</script>\n\n<script lang=\"ts\" setup>\n  import { ref, useAttrs, useCssModule, watch, watchEffect } from 'vue';\n\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    type: 'text',\n    placeholder: undefined,\n    displayBy: undefined,\n    trackBy: undefined,\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 slots = defineSlots<{\n    /**\n     * Default slot for rendering a custom input field.\n     */\n    default: (props: { fieldId: string }) => void;\n    /**\n     * Hint slot for rendering a custom hint text.\n     */\n    hint: () => unknown;\n  }>();\n\n  const attrs = useAttrs();\n  const classes = useCssModule();\n  const internalInput = ref<string>();\n  const isInputFocused = ref(false);\n  const selectedOption = ref<Option | undefined>();\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, labelId }\">\n      <div v-if=\"props.isReadOnly\" class=\"flex h-input items-center text-sm\">\n        <span :id=\"fieldId\" :aria-labelledby=\"labelId\" class=\"h-min\">\n          {{ internalInput || 0 }} {{ selectedOption?.name }}\n        </span>\n      </div>\n      <div v-else class=\"flex\" :class=\"[classes['input-wrapper'], { [classes['has-error']]: !!props.errorText }]\">\n        <slot :field-id=\"fieldId\">\n          <Input\n            :id=\"fieldId\"\n            class=\"stash-input-options__input\"\n            data-test=\"stash-input-options|input\"\n            :type=\"props.type\"\n            :model-value=\"internalInput\"\n            :disabled=\"props.isDisabled || props.disabled\"\n            :placeholder=\"props.placeholder\"\n            @change=\"handleInputChange\"\n            @update:model-value=\"handleInput\"\n            @blur=\"isInputFocused = false\"\n            @focus=\"isInputFocused = true\"\n          />\n        </slot>\n\n        <Select\n          single\n          hide-search\n          prevent-empty\n          class=\"stash-input-options__select 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          :display-by=\"props.displayBy\"\n          :track-by=\"props.trackBy\"\n          :disabled=\"props.isDisabled || 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  @layer utilities {\n    .input-wrapper {\n      & > div:has(input) {\n        display: inline-block;\n        flex: 1;\n        margin-right: -1px;\n      }\n\n      & input {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 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\n      & div:has(input:focus) {\n        z-index: 200 !important;\n      }\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</style>\n"],"names":["props","__props","emit","__emit","slots","_useSlots","attrs","useAttrs","classes","useCssModule","internalInput","ref","isInputFocused","selectedOption","handleInput","val","handleInputChange","handleSelectChange","watchEffect","watch","_createBlock","Field","_mergeProps","_withCtx","fieldId","labelId","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_toDisplayString","_a","_hoisted_2","_normalizeClass","_unref","_renderSlot","_ctx","_createVNode","Input","Select"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDE,UAAMA,IAAQC,GAURC,IAAOC,GAiBPC,IAAQC,EAAA,GAWRC,IAAQC,EAAA,GACRC,IAAUC,EAAA,GACVC,IAAgBC,EAAA,GAChBC,IAAiBD,EAAI,EAAK,GAC1BE,IAAiBF,EAAA;AAGvB,aAASG,EAAYC,GAAuB;AAC1C,MAAAL,EAAc,QAAQ,OAAOK,CAAG,GAEhCb,EAAK,sBAAsB;AAAA,QACzB,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAGA,aAASG,IAAoB;AAC3B,MAAAd,EAAK,UAAU;AAAA,QACb,OAAOQ,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAEA,aAASI,EAAmBF,GAAc;AACxC,MAAAF,EAAe,QAAQE,GAEvBb,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,QAtBAK,EAAY,MAAM;AAChB,MAAKL,EAAe,UAClBA,EAAe,QAAQb,EAAM,QAAQ,CAAC;AAAA,IAE1C,CAAC,GAEDmB;AAAA,MACE,MAAMnB,EAAM,WAAW;AAAA,MACvB,MAAM;AACJ,QAAAU,EAAc,QAAQV,EAAM,WAAW;AAAA,MACzC;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAGpBmB;AAAA,MACE,MAAMnB,EAAM,WAAW;AAAA,MACvB,MAAM;AACJ,QAAAa,EAAe,QAAQb,EAAM,WAAW;AAAA,MAC1C;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAGhBM,EAAM;AACR,YAAM,IAAI,MAAM,kEAAkE;AAGpF,QAAIA,EAAM;AACR,YAAM,IAAI,MAAM,uEAAuE;;;kBAKzFc,EA6CQC,GA7CRC,EA6CQtB,GA7CY;AAAA,QAAE,OAAM;AAAA,QAAsB,aAAU;AAAA,MAAA;QAC/C,SAAOuB,EAChB,CAIM,EALc,SAAAC,GAAS,SAAAC,QAAO;;AAAA;AAAA,YACzBzB,EAAM,cAAjB0B,EAAA,GAAAC,EAIM,OAJNC,GAIM;AAAA,cAHJC,EAEO,QAAA;AAAA,gBAFA,IAAIL;AAAA,gBAAU,mBAAiBC;AAAA,gBAAS,OAAM;AAAA,cAAA,GAChDK,EAAApB,EAAA,SAAa,CAAA,IAAQ,MAACoB,GAAGC,IAAAlB,EAAA,UAAA,gBAAAkB,EAAgB,IAAI,GAAA,GAAAC,CAAA;AAAA,YAAA,YAGpDL,EAgCM,OAAA;AAAA;cAhCM,OAAKM,EAAA,CAAC,QAAM,CAAUC,EAAA1B,CAAA,uBAA6B0B,EAAA1B,CAAA,EAAO,WAAA,CAAA,GAAA,CAAA,CAAkBR,EAAM,UAAA,CAAS,CAAA,CAAA;AAAA,YAAA;cACrGmC,EAcOC,EAAA,QAAA,WAAA,EAdA,SAAAZ,EAAA,GAAP,MAcO;AAAA,gBAbLa,EAYEC,GAAA;AAAA,kBAXC,IAAId;AAAA,kBACL,OAAM;AAAA,kBACN,aAAU;AAAA,kBACT,MAAMxB,EAAM;AAAA,kBACZ,eAAaU,EAAA;AAAA,kBACb,UAAUV,EAAM,cAAcA,EAAM;AAAA,kBACpC,aAAaA,EAAM;AAAA,kBACnB,UAAQgB;AAAA,kBACR,uBAAoBF;AAAA,kBACpB,+BAAMF,EAAA,QAAc;AAAA,kBACpB,gCAAOA,EAAA,QAAc;AAAA,gBAAA;;cAI1ByB,EAcEE,GAAA;AAAA,gBAbA,QAAA;AAAA,gBACA,eAAA;AAAA,gBACA,iBAAA;AAAA,gBACA,OAAKN,EAAA,CAAC,wCAEEC,EAAA1B,CAAA,EAAQ,MAAM,CAAA;AAAA,gBADtB,aAAU;AAAA,gBAET,eAAaP,EAAA;AAAA,gBACb,SAASA,EAAA;AAAA,gBACT,eAAaY,EAAA;AAAA,gBACb,cAAYb,EAAM;AAAA,gBAClB,YAAUA,EAAM;AAAA,gBAChB,UAAUA,EAAM,cAAcA,EAAM;AAAA,gBACpC,uBAAoBiB;AAAA,cAAA;;;;;;SAIXc,IAAA3B,EAAM,SAAN,QAAA2B,EAAA,KAAA3B;gBAAiB;AAAA,gBAE/B,MAAyB;AAAA,YAAzB+B,EAAyBC,EAAA,QAAA,MAAA;AAAA,UAAA;;;;;;;;;;;;;"}

package/dist/InputOptions.vue.d.ts

@@ -82,8 +82,8 @@ type: 'input' | 'select';
 }) => any) | undefined;
 }>, {
 type: string;
-trackBy: string;
 placeholder: string;
+trackBy: string;
 displayBy: string;
 options: any[];
 modelValue: {

package/dist/IntegrationIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationIcon.js","sources":["../src/components/IntegrationIcon/IntegrationIcon.types.ts","../src/components/IntegrationIcon/IntegrationIcon.vue"],"sourcesContent":["export const integrationIconNames = [\n  'batchbud',\n  'biotrack',\n  'blaze',\n  'canix',\n  'cannveya',\n  'cova',\n  'distru',\n  'dutchie',\n  'dynamics365',\n  'flourish',\n  'flowhub',\n  'growflow',\n  'maxq',\n  'meadow',\n  'metrc',\n  'quickbooks',\n  'roshi',\n  'sage-intacct',\n  'salesforce',\n  'stashstock',\n  'xero',\n  'zohobooks',\n] as const;\n\nexport type IntegrationIconName = (typeof integrationIconNames)[number];\n","<script lang=\"ts\">\n  export * from './IntegrationIcon.types';\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject, useCssModule } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashProvideState } from '../../../types/misc';\n  import { IconSize } from '../Icon/Icon.types';\n  import { IntegrationIconName } from './IntegrationIcon.types';\n\n  export interface IntegrationIconProps {\n    id?: string;\n\n    /**\n     * The filename of the icon that should be displayed\n     */\n    name: IntegrationIconName;\n\n    /**\n     * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n     * browsers usually display it as a tooltip and screen readers use this.\n     */\n    title?: string;\n\n    /**\n     * The size of the icon\n     * Options: large (32x32px), default (24x24px), dense (20x20px), small (14x14px).\n     */\n    size?: IconSize;\n\n    /**\n     * Icon's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n     */\n    staticPath?: string;\n  }\n\n  defineOptions({\n    name: 'll-icon',\n  });\n\n  const props = withDefaults(defineProps<IntegrationIconProps>(), {\n    id: () => uniqueId('ll-icon-'),\n    size: 'standard',\n    title: '',\n    staticPath: '',\n  });\n  const classes = useCssModule();\n  const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n    staticPath: '/static',\n  });\n\n  const computedStaticPath = computed(() => {\n    return props.staticPath || stashOptions?.staticPath;\n  });\n\n  /**\n   * Event handler to add the use tag for the specific icon we need to the svg\n   */\n  const transformSvgSource = (svgElem: SVGElement) => {\n    if (!svgElem) {\n      return svgElem;\n    }\n\n    const useNode = document.createElement('use');\n    useNode.setAttribute('href', `#${props.name}`);\n\n    // Grab icon from sprite\n    const symbolNode = svgElem.querySelector(`#${props.name}`);\n\n    // This really shouldn't happen but if the spritesheet gets out of sync with the `IconName` type it could\n    if (!symbolNode) {\n      // still insert <use> element but it will not be found (this is more for tests than anything else)\n      svgElem.insertBefore(useNode, svgElem.firstChild);\n      return svgElem;\n    }\n\n    /**\n     * Repeatedly inlining the entire spritesheet was causing failures in mobile Safari, and also\n     * performance issues on long list pages where the svg was being inlined over and over.\n     * Since the SVG is cached after the first request, this callback is just removing the unnecessary\n     * <symbol> nodes to slim down the DOM manipulation and insertion.\n     */\n    // Replace all children with just the one <symbol> element and <use> element\n    svgElem.replaceChildren(symbolNode, useNode);\n\n    return svgElem;\n  };\n</script>\n\n<!-- Use inline svg so that requests to pull the spritesheet are done via JS and avoid\n  browser restrictions for different domains for svgs.  inline svg also caches the requests\n  so we don't load the spritesheet multiple times\n  Reference: https://oreillymedia.github.io/Using_SVG/extras/ch10-cors.html -->\n<template>\n  <InlineSvg\n    :id=\"props.id\"\n    role=\"presentation\"\n    :aria-labelledby=\"props.id\"\n    class=\"stash-icon\"\n    :class=\"[\n      classes.icon,\n      `icon--${props.name}`,\n      {\n        [classes.standard]: props.size === 'standard',\n        [classes.dense]: props.size === 'dense',\n        [classes.small]: props.size === 'small',\n        [classes.large]: props.size === 'large',\n      },\n    ]\"\n    data-test=\"stash-integration-icon\"\n    :src=\"`${computedStaticPath}/spritesheet.svg`\"\n    :title=\"props.title\"\n    :transform-source=\"transformSvgSource\"\n  />\n</template>\n\n<style module>\n  @layer utilities {\n    .icon {\n      display: inline-block;\n      fill: currentcolor;\n      vertical-align: middle;\n    }\n\n    .standard {\n      height: 24px;\n      min-height: 24px;\n      min-width: 24px;\n      width: 24px;\n    }\n\n    .dense {\n      height: 20px;\n      min-height: 20px;\n      min-width: 20px;\n      width: 20px;\n    }\n\n    .small {\n      height: 14px;\n      min-height: 14px;\n      min-width: 14px;\n      width: 14px;\n    }\n\n    .large {\n      height: 32px;\n      min-height: 32px;\n      min-width: 32px;\n      width: 32px;\n    }\n  }\n</style>\n"],"names":["integrationIconNames","props","__props","classes","useCssModule","stashOptions","inject","computedStaticPath","computed","transformSvgSource","svgElem","useNode","symbolNode"],"mappings":";;;;AAAO,MAAMA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;;;;;;;;;ACoBE,UAAMC,IAAQC,GAMRC,IAAUC,EAAA,GACVC,IAAeC,EAAmC,gBAAgB;AAAA,MACtE,YAAY;AAAA,IAAA,CACb,GAEKC,IAAqBC,EAAS,MAC3BP,EAAM,eAAcI,KAAA,gBAAAA,EAAc,WAC1C,GAKKI,IAAqB,CAACC,MAAwB;AAClD,UAAI,CAACA;AACH,eAAOA;AAGT,YAAMC,IAAU,SAAS,cAAc,KAAK;AAC5C,MAAAA,EAAQ,aAAa,QAAQ,IAAIV,EAAM,IAAI,EAAE;AAG7C,YAAMW,IAAaF,EAAQ,cAAc,IAAIT,EAAM,IAAI,EAAE;AAGzD,aAAKW,KAaLF,EAAQ,gBAAgBE,GAAYD,CAAO,GAEpCD,MAbLA,EAAQ,aAAaC,GAASD,EAAQ,UAAU,GACzCA;AAAA,IAaX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"IntegrationIcon.js","sources":["../src/components/IntegrationIcon/IntegrationIcon.types.ts","../src/components/IntegrationIcon/IntegrationIcon.vue"],"sourcesContent":["export const integrationIconNames = [\n  'batchbud',\n  'biotrack',\n  'blaze',\n  'canix',\n  'cannveya',\n  'cova',\n  'distru',\n  'dutchie',\n  'dynamics365',\n  'flourish',\n  'flowhub',\n  'growflow',\n  'maxq',\n  'meadow',\n  'metrc',\n  'quickbooks',\n  'roshi',\n  'sage-intacct',\n  'salesforce',\n  'stashstock',\n  'xero',\n  'zohobooks',\n] as const;\n\nexport type IntegrationIconName = (typeof integrationIconNames)[number];\n","<script lang=\"ts\">\n  export * from './IntegrationIcon.types';\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject, useCssModule } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashProvideState } from '../../../types/misc';\n  import { IconSize } from '../Icon/Icon.types';\n  import { IntegrationIconName } from './IntegrationIcon.types';\n\n  export interface IntegrationIconProps {\n    id?: string;\n\n    /**\n     * The filename of the icon that should be displayed\n     */\n    name: IntegrationIconName;\n\n    /**\n     * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n     * browsers usually display it as a tooltip and screen readers use this.\n     */\n    title?: string;\n\n    /**\n     * The size of the icon\n     * Options: large (32x32px), default (24x24px), dense (20x20px), small (14x14px).\n     */\n    size?: IconSize;\n\n    /**\n     * Icon's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n     */\n    staticPath?: string;\n  }\n\n  defineOptions({\n    name: 'll-icon',\n  });\n\n  const props = withDefaults(defineProps<IntegrationIconProps>(), {\n    id: () => uniqueId('ll-icon-'),\n    size: 'standard',\n    title: '',\n    staticPath: '',\n  });\n  const classes = useCssModule();\n  const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n    staticPath: '/static',\n  });\n\n  const computedStaticPath = computed(() => {\n    return props.staticPath || stashOptions?.staticPath;\n  });\n\n  /**\n   * Event handler to add the use tag for the specific icon we need to the svg\n   */\n  const transformSvgSource = (svgElem: SVGElement) => {\n    if (!svgElem) {\n      return svgElem;\n    }\n\n    const useNode = document.createElement('use');\n    useNode.setAttribute('href', `#${props.name}`);\n\n    // Grab icon from sprite\n    const symbolNode = svgElem.querySelector(`#${props.name}`);\n\n    // This really shouldn't happen but if the spritesheet gets out of sync with the `IconName` type it could\n    if (!symbolNode) {\n      // still insert <use> element but it will not be found (this is more for tests than anything else)\n      svgElem.insertBefore(useNode, svgElem.firstChild);\n      return svgElem;\n    }\n\n    /**\n     * Repeatedly inlining the entire spritesheet was causing failures in mobile Safari, and also\n     * performance issues on long list pages where the svg was being inlined over and over.\n     * Since the SVG is cached after the first request, this callback is just removing the unnecessary\n     * <symbol> nodes to slim down the DOM manipulation and insertion.\n     */\n    // Replace all children with just the one <symbol> element and <use> element\n    svgElem.replaceChildren(symbolNode, useNode);\n\n    return svgElem;\n  };\n</script>\n\n<!-- Use inline svg so that requests to pull the spritesheet are done via JS and avoid\n  browser restrictions for different domains for svgs.  inline svg also caches the requests\n  so we don't load the spritesheet multiple times\n  Reference: https://oreillymedia.github.io/Using_SVG/extras/ch10-cors.html -->\n<template>\n  <InlineSvg\n    :id=\"props.id\"\n    role=\"presentation\"\n    :aria-labelledby=\"props.id\"\n    class=\"stash-icon\"\n    :class=\"[\n      classes.icon,\n      `icon--${props.name}`,\n      {\n        [classes.standard]: props.size === 'standard',\n        [classes.dense]: props.size === 'dense',\n        [classes.small]: props.size === 'small',\n        [classes.large]: props.size === 'large',\n      },\n    ]\"\n    data-test=\"stash-integration-icon\"\n    :src=\"`${computedStaticPath}/spritesheet.svg`\"\n    :title=\"props.title\"\n    :transform-source=\"transformSvgSource\"\n  />\n</template>\n\n<style module>\n  @layer utilities {\n    .icon {\n      display: inline-block;\n      fill: currentcolor;\n      vertical-align: middle;\n    }\n\n    .standard {\n      height: 24px;\n      min-height: 24px;\n      min-width: 24px;\n      width: 24px;\n    }\n\n    .dense {\n      height: 20px;\n      min-height: 20px;\n      min-width: 20px;\n      width: 20px;\n    }\n\n    .small {\n      height: 14px;\n      min-height: 14px;\n      min-width: 14px;\n      width: 14px;\n    }\n\n    .large {\n      height: 32px;\n      min-height: 32px;\n      min-width: 32px;\n      width: 32px;\n    }\n  }\n</style>\n"],"names":["integrationIconNames","props","__props","classes","useCssModule","stashOptions","inject","computedStaticPath","computed","transformSvgSource","svgElem","useNode","symbolNode","_createBlock","_unref","InlineSvg"],"mappings":";;;;AAAO,MAAMA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;;;;;;;;;ACoBE,UAAMC,IAAQC,GAMRC,IAAUC,EAAA,GACVC,IAAeC,EAAmC,gBAAgB;AAAA,MACtE,YAAY;AAAA,IAAA,CACb,GAEKC,IAAqBC,EAAS,MAC3BP,EAAM,eAAcI,KAAA,gBAAAA,EAAc,WAC1C,GAKKI,IAAqB,CAACC,MAAwB;AAClD,UAAI,CAACA;AACH,eAAOA;AAGT,YAAMC,IAAU,SAAS,cAAc,KAAK;AAC5C,MAAAA,EAAQ,aAAa,QAAQ,IAAIV,EAAM,IAAI,EAAE;AAG7C,YAAMW,IAAaF,EAAQ,cAAc,IAAIT,EAAM,IAAI,EAAE;AAGzD,aAAKW,KAaLF,EAAQ,gBAAgBE,GAAYD,CAAO,GAEpCD,MAbLA,EAAQ,aAAaC,GAASD,EAAQ,UAAU,GACzCA;AAAA,IAaX;2BAQAG,EAmBEC,EAAAC,CAAA,GAAA;AAAA,MAlBC,IAAId,EAAM;AAAA,MACX,MAAK;AAAA,MACJ,mBAAiBA,EAAM;AAAA,MACxB,UAAM,cAAY;AAAA,QACFa,EAAAX,CAAA,EAAQ;AAAA,QAAqB,SAAAF,EAAM,IAAI;AAAA;UAAqB,CAAAa,EAAAX,CAAA,EAAQ,QAAQ,GAAGF,EAAM,SAAI;AAAA,UAA0B,CAAAa,EAAAX,CAAA,EAAQ,KAAK,GAAGF,EAAM,SAAI;AAAA,UAAuB,CAAAa,EAAAX,CAAA,EAAQ,KAAK,GAAGF,EAAM,SAAI;AAAA,UAAuB,CAAAa,EAAAX,CAAA,EAAQ,KAAK,GAAGF,EAAM,SAAI;AAAA,QAAA;AAAA;MAU/P,aAAU;AAAA,MACT,QAAQM,EAAA,KAAkB;AAAA,MAC1B,OAAON,EAAM;AAAA,MACb,oBAAkBQ;AAAA,IAAA;;;;;;;;;;;"}

package/dist/Label.vue_vue_type_script_setup_true_lang-xwY3X-iV.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang-xwY3X-iV.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     * Indicates whether the label should be visually hidden (screen reader only).\n     */\n    isSrOnly?: 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    isSrOnly: 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 block truncate text-sm font-medium leading-6\"\n    :class=\"{\n      'animate-shake': props.hasError,\n      'stash-label--disabled text-ice-700': props.disabled,\n      'text-ice-900': !props.disabled,\n      'sr-only': props.isSrOnly,\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=\"font-semibold text-red-500\" title=\"Required\" aria-label=\"required\"> * </span>\n    <span v-else-if=\"props.showOptional\" class=\"text-ice-700\"> ({{ t('ll.optional') }})</span>\n  </component>\n</template>\n"],"names":["props","__props","is","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0CE,UAAMA,IAAQC,GAURC,IAAKC,EAAS,MACXH,EAAM,SAAS,WAAW,OAClC;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang-xwY3X-iV.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     * Indicates whether the label should be visually hidden (screen reader only).\n     */\n    isSrOnly?: 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    isSrOnly: 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 block truncate text-sm font-medium leading-6\"\n    :class=\"{\n      'animate-shake': props.hasError,\n      'stash-label--disabled text-ice-700': props.disabled,\n      'text-ice-900': !props.disabled,\n      'sr-only': props.isSrOnly,\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=\"font-semibold text-red-500\" title=\"Required\" aria-label=\"required\"> * </span>\n    <span v-else-if=\"props.showOptional\" class=\"text-ice-700\"> ({{ t('ll.optional') }})</span>\n  </component>\n</template>\n"],"names":["props","__props","is","computed","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_unref","t"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0CE,UAAMA,IAAQC,GAURC,IAAKC,EAAS,MACXH,EAAM,SAAS,WAAW,OAClC;sBAIDI,KAAAC,EAgBYC,EAfLJ,EAAA,KAAE,GAAA;AAAA,MACP,UAAM,4DAA0D;AAAA,QAC/B,iBAAAF,EAAM;AAAA,QAAsD,sCAAAA,EAAM;AAAA,QAAiC,gBAAA,CAAAA,EAAM;AAAA,QAA2B,WAAAA,EAAM;AAAA,MAAA;MAM1K,KAAKA,EAAM;AAAA,MACZ,aAAU;AAAA,IAAA;iBAGV,MAAa;AAAA,QAAbO,EAAaC,EAAA,QAAA,SAAA;AAAA,QACDR,EAAM,mBAAlBS,EAAkH,QAAlHC,GAAwG,KAAG,KAC1FV,EAAM,gBAAvBI,EAAA,GAAAK,EAA0F,QAA1FE,GAA0D,OAAEC,EAAGC,EAAAC,CAAA,oBAAmB,KAAC,CAAA;;;;;;"}

package/dist/LicenseChip.js

@@ -1,6 +1,6 @@
-import { defineComponent as a, useAttrs as u, computed as r, withDirectives as d, createBlock as p, openBlock as h, mergeProps as m, withCtx as C, createTextVNode as f, toDisplayString as b, vShow as A } from "vue";
+import { defineComponent as a, useAttrs as u, computed as l, withDirectives as d, createBlock as p, openBlock as h, mergeProps as m, withCtx as C, createTextVNode as f, toDisplayString as b, vShow as A } from "vue";
 import g from "./Chip.js";
-const N = /* @__PURE__ */ a({
+const _ = /* @__PURE__ */ a({
   name: "ll-license-chip",
   inheritAttrs: !1,
   __name: "LicenseChip",
@@ -9,11 +9,11 @@ const N = /* @__PURE__ */ a({
     size: { default: "medium" },
     disabled: { type: Boolean }
   },
-  setup(i) {
-    const s = i, c = u(), o = r(() => {
+  setup(r) {
+    const s = r, c = u(), n = l(() => {
       const e = { ...c };
       return delete e["color-scheme"], delete e.radius, delete e.shade, e;
-    }), l = Object.freeze({
+    }), i = Object.freeze({
       MED: "yellow",
       MEDI: "yellow",
       REC: "blue",
@@ -28,7 +28,7 @@ const N = /* @__PURE__ */ a({
       CANN: "green",
       ADU: "blue",
       ADUL: "blue"
-    }), n = r(() => s.disabled ? "ice" : t.value in l ? l[t.value] : "blue"), t = r(() => {
+    }), o = l(() => s.disabled ? "ice" : t.value in i ? i[t.value] : "blue"), t = l(() => {
       const e = s.license.toUpperCase();
       return e.length > 4 ? e.slice(0, 3) : e;
     });
@@ -37,9 +37,9 @@ const N = /* @__PURE__ */ a({
       "data-test": "stash-license-chip",
       radius: "pill",
       shade: "main",
-      "color-scheme": n.value,
+      "color-scheme": o.value,
       size: s.size
-    }, o.value, { disabled: e.disabled }), {
+    }, n.value, { disabled: r.disabled }), {
       default: C(() => [
         f(b(t.value), 1)
       ]),
@@ -50,6 +50,6 @@ const N = /* @__PURE__ */ a({
   }
 });
 export {
-  N as default
+  _ as default
 };
 //# sourceMappingURL=LicenseChip.js.map

package/dist/LicenseChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"LicenseChip.js","sources":["../src/components/LicenseChip/LicenseChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useAttrs } from 'vue';\n\n  import { StashPrimaryColorGroup } from '../../../types/colors';\n  import Chip from '../Chip/Chip.vue';\n\n  defineOptions({\n    name: 'll-license-chip',\n    inheritAttrs: false,\n  });\n\n  export interface LicenseChipProps {\n    /**\n     * License type to be displayed. This can be either the type code (e.g. \"MED\") or the full name (e.g. \"Medical\").\n     */\n    license: string;\n\n    /**\n     * Size of the chip. Defaults to medium. Available sizes: \"small\" | \"medium\".\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * Whether the chip is disabled. Defaults to false.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LicenseChipProps>(), {\n    size: 'medium',\n  });\n  const attrs = useAttrs();\n  const chipAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    // prevents override to ensure license chips remain consistent\n    delete tempAttrs['color-scheme'];\n    delete tempAttrs['radius'];\n    delete tempAttrs['shade'];\n\n    return tempAttrs;\n  });\n\n  const COLOR_SCHEME_MAPPING = Object.freeze({\n    MED: 'yellow',\n    MEDI: 'yellow',\n    REC: 'blue',\n    RECR: 'blue',\n    COM: 'royal',\n    COMB: 'royal',\n    ANC: 'orange',\n    ANCI: 'orange',\n    BUL: 'ice',\n    BULK: 'ice',\n    CAN: 'green',\n    CANN: 'green',\n    ADU: 'blue',\n    ADUL: 'blue',\n  });\n\n  const color = computed<StashPrimaryColorGroup>(() => {\n    if (props.disabled) {\n      return 'ice';\n    }\n\n    if (formattedLicense.value in COLOR_SCHEME_MAPPING) {\n      return COLOR_SCHEME_MAPPING[formattedLicense.value];\n    }\n\n    return 'blue';\n  });\n\n  const formattedLicense = computed(() => {\n    const uppercaseLicense = props.license.toUpperCase();\n\n    if (uppercaseLicense.length > 4) {\n      return uppercaseLicense.slice(0, 3);\n    }\n\n    return uppercaseLicense;\n  });\n</script>\n\n<template>\n  <Chip\n    v-show=\"formattedLicense.length\"\n    class=\"stash-license-chip\"\n    data-test=\"stash-license-chip\"\n    radius=\"pill\"\n    shade=\"main\"\n    :color-scheme=\"color\"\n    :size=\"props.size\"\n    v-bind=\"chipAttrs\"\n    :disabled=\"disabled\"\n  >\n    {{ formattedLicense }}\n  </Chip>\n</template>\n"],"names":["props","__props","attrs","useAttrs","chipAttrs","computed","tempAttrs","COLOR_SCHEME_MAPPING","color","formattedLicense","uppercaseLicense"],"mappings":";;;;;;;;;;;;AA4BE,UAAMA,IAAQC,GAGRC,IAAQC,EAAA,GACRC,IAAYC,EAAS,MAAM;AAC/B,YAAMC,IAAY,EAAE,GAAGJ,EAAA;AAGvB,oBAAOI,EAAU,cAAc,GAC/B,OAAOA,EAAU,QACjB,OAAOA,EAAU,OAEVA;AAAA,IACT,CAAC,GAEKC,IAAuB,OAAO,OAAO;AAAA,MACzC,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,GAEKC,IAAQH,EAAiC,MACzCL,EAAM,WACD,QAGLS,EAAiB,SAASF,IACrBA,EAAqBE,EAAiB,KAAK,IAG7C,MACR,GAEKA,IAAmBJ,EAAS,MAAM;AACtC,YAAMK,IAAmBV,EAAM,QAAQ,YAAA;AAEvC,aAAIU,EAAiB,SAAS,IACrBA,EAAiB,MAAM,GAAG,CAAC,IAG7BA;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LicenseChip.js","sources":["../src/components/LicenseChip/LicenseChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useAttrs } from 'vue';\n\n  import { StashPrimaryColorGroup } from '../../../types/colors';\n  import Chip from '../Chip/Chip.vue';\n\n  defineOptions({\n    name: 'll-license-chip',\n    inheritAttrs: false,\n  });\n\n  export interface LicenseChipProps {\n    /**\n     * License type to be displayed. This can be either the type code (e.g. \"MED\") or the full name (e.g. \"Medical\").\n     */\n    license: string;\n\n    /**\n     * Size of the chip. Defaults to medium. Available sizes: \"small\" | \"medium\".\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * Whether the chip is disabled. Defaults to false.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LicenseChipProps>(), {\n    size: 'medium',\n  });\n  const attrs = useAttrs();\n  const chipAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    // prevents override to ensure license chips remain consistent\n    delete tempAttrs['color-scheme'];\n    delete tempAttrs['radius'];\n    delete tempAttrs['shade'];\n\n    return tempAttrs;\n  });\n\n  const COLOR_SCHEME_MAPPING = Object.freeze({\n    MED: 'yellow',\n    MEDI: 'yellow',\n    REC: 'blue',\n    RECR: 'blue',\n    COM: 'royal',\n    COMB: 'royal',\n    ANC: 'orange',\n    ANCI: 'orange',\n    BUL: 'ice',\n    BULK: 'ice',\n    CAN: 'green',\n    CANN: 'green',\n    ADU: 'blue',\n    ADUL: 'blue',\n  });\n\n  const color = computed<StashPrimaryColorGroup>(() => {\n    if (props.disabled) {\n      return 'ice';\n    }\n\n    if (formattedLicense.value in COLOR_SCHEME_MAPPING) {\n      return COLOR_SCHEME_MAPPING[formattedLicense.value];\n    }\n\n    return 'blue';\n  });\n\n  const formattedLicense = computed(() => {\n    const uppercaseLicense = props.license.toUpperCase();\n\n    if (uppercaseLicense.length > 4) {\n      return uppercaseLicense.slice(0, 3);\n    }\n\n    return uppercaseLicense;\n  });\n</script>\n\n<template>\n  <Chip\n    v-show=\"formattedLicense.length\"\n    class=\"stash-license-chip\"\n    data-test=\"stash-license-chip\"\n    radius=\"pill\"\n    shade=\"main\"\n    :color-scheme=\"color\"\n    :size=\"props.size\"\n    v-bind=\"chipAttrs\"\n    :disabled=\"disabled\"\n  >\n    {{ formattedLicense }}\n  </Chip>\n</template>\n"],"names":["props","__props","attrs","useAttrs","chipAttrs","computed","tempAttrs","COLOR_SCHEME_MAPPING","color","formattedLicense","uppercaseLicense","_withDirectives","_openBlock","_createBlock","Chip","_mergeProps","_vShow"],"mappings":";;;;;;;;;;;;AA4BE,UAAMA,IAAQC,GAGRC,IAAQC,EAAA,GACRC,IAAYC,EAAS,MAAM;AAC/B,YAAMC,IAAY,EAAE,GAAGJ,EAAA;AAGvB,oBAAOI,EAAU,cAAc,GAC/B,OAAOA,EAAU,QACjB,OAAOA,EAAU,OAEVA;AAAA,IACT,CAAC,GAEKC,IAAuB,OAAO,OAAO;AAAA,MACzC,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,GAEKC,IAAQH,EAAiC,MACzCL,EAAM,WACD,QAGLS,EAAiB,SAASF,IACrBA,EAAqBE,EAAiB,KAAK,IAG7C,MACR,GAEKA,IAAmBJ,EAAS,MAAM;AACtC,YAAMK,IAAmBV,EAAM,QAAQ,YAAA;AAEvC,aAAIU,EAAiB,SAAS,IACrBA,EAAiB,MAAM,GAAG,CAAC,IAG7BA;AAAA,IACT,CAAC;qBAIDC,GAAAC,EAAA,GAAAC,EAYOC,GAZPC,EAYO;AAAA,MAVL,OAAM;AAAA,MACN,aAAU;AAAA,MACV,QAAO;AAAA,MACP,OAAM;AAAA,MACL,gBAAcP,EAAA;AAAA,MACd,MAAMR,EAAM;AAAA,IAAA,GACLI,EAAA,OAAS,EAChB,UAAUH,EAAA,SAAA,CAAQ,GAAA;AAAA,iBAEnB,MAAsB;AAAA,YAAnBQ,EAAA,KAAgB,GAAA,CAAA;AAAA,MAAA;;;MAVX,CAAAO,GAAAP,EAAA,MAAiB,MAAM;AAAA,IAAA;;;"}

package/dist/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../src/components/ListItem/ListItem.vue"],"sourcesContent":["<script>\n  import Checkbox from '../Checkbox/Checkbox.vue';\n\n  export default {\n    name: 'll-list-item',\n\n    components: {\n      'll-checkbox': Checkbox,\n    },\n\n    props: {\n      /**\n       * The item to be selected\n       */\n      item: {\n        type: Object,\n        default: () => ({}),\n      },\n\n      /**\n       * Whether this row can be selected.\n       */\n      isSelectable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row's checkbox should be indeterminite\n       */\n      isIndeterminate: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row has an actions column or not. By default list items will\n       * be styled to include actions. Use `not-actionable` to restyle a row that\n       * has no actions.\n       */\n      notActionable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row is selected.\n       */\n      selected: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Disables the checkbox\n       */\n      disabled: {\n        type: Boolean,\n        default: false,\n      },\n    },\n\n    emits: ['select'],\n\n    methods: {\n      /**\n       * @param {boolean} value emit change event when item is selected\n       */\n      onSelect(value) {\n        this.$emit('select', { item: this.item, value });\n      },\n    },\n  };\n</script>\n\n<template>\n  <li\n    class=\"shadow-low\"\n    :class=\"[$style.item, { [$style['is-selectable']]: isSelectable, [$style['not-actionable']]: notActionable }]\"\n  >\n    <ll-checkbox\n      v-if=\"isSelectable\"\n      data-test=\"checkbox|select-item\"\n      :checked=\"selected\"\n      :class=\"$style.checkbox\"\n      :disabled=\"disabled || null\"\n      :indeterminate=\"isIndeterminate\"\n      @update:checked=\"onSelect\"\n    />\n    <slot></slot>\n  </li>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    .item {\n      background: var(--color-white);\n      border-radius: var(--radius-sm);\n      column-gap: var(--grid-gutter);\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      margin-bottom: --spacing(6);\n      padding: --spacing(3);\n      padding-top: --spacing(12);\n      position: relative;\n      row-gap: var(--grid-gutter);\n    }\n\n    @media (width >= theme(--breakpoint-md)) {\n      .item {\n        grid-template-columns: repeat(8, 1fr);\n      }\n    }\n\n    @media (width >= theme(--breakpoint-lg)) {\n      .item {\n        align-items: center;\n        border-bottom: 1px solid var(--color-ice-200);\n        border-radius: 0;\n        box-shadow: none;\n        grid-template-columns: repeat(12, 1fr);\n        margin-bottom: 0;\n        padding: --spacing(6);\n        row-gap: 0;\n      }\n\n      .item:last-child {\n        border: 0;\n        border-bottom-left-radius: var(--radius-sm);\n        border-bottom-right-radius: var(--radius-sm);\n      }\n    }\n\n    @media (width >= theme(--breakpoint-lg)) {\n      .is-selectable {\n        grid-template-columns: --spacing(1.5) repeat(12, 1fr);\n      }\n    }\n\n    .not-actionable {\n      padding-top: --spacing(3);\n    }\n\n    @media (width >= theme(--breakpoint-lg)) {\n      .not-actionable {\n        padding-top: --spacing(6);\n      }\n    }\n\n    .checkbox {\n      left: --spacing(3);\n      position: absolute !important;\n      top: 0;\n    }\n\n    @media (width >= theme(--breakpoint-lg)) {\n      .checkbox {\n        left: 0;\n        position: relative !important;\n      }\n\n      .checkbox label {\n        padding: 10px;\n      }\n    }\n  }\n</style>\n"],"names":["_sfc_main","Checkbox","value","_createElementBlock","_normalizeClass","_ctx","$props","_createBlock","_component_ll_checkbox","$options","_createCommentVNode","_renderSlot"],"mappings":";;;;;;;;GAGOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,eAAeC;AAAA;EAGjB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;;;;IAMlB,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO,CAAC,QAAQ;AAAA,EAEhB,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,SAASC,GAAO;AACd,WAAK,MAAM,UAAU,EAAE,MAAM,KAAK,MAAM,OAAAA,GAAO;AAAA,IACjD;AAAA;;;;cAMJC,EAcK,MAAA;AAAA,IAbH,OA7EJC,EAAA,CA6EU,cAAY,CACTC,SAAO,MAAI,EAAA,CAAKA,EAAA,OAAM,eAAA,CAAA,GAAoBC,EAAA,cAAY,CAAGD,EAAA,2BAA2BC,EAAA,cAAa,CAAA,CAAA,CAAA;AAAA;IAGlGA,EAAA,qBADRC,EAQEC,GAAA;AAAA,MAxFN,KAAA;AAAA,MAkFM,aAAU;AAAA,MACT,SAASF,EAAA;AAAA,MACT,OApFPF,EAoFcC,EAAA,OAAO,QAAQ;AAAA,MACtB,UAAUC,EAAA,YAAQ;AAAA,MAClB,eAAeA,EAAA;AAAA,MACf,oBAAgBG,EAAA;AAAA,0FAvFvBC,EAAA,IAAA,EAAA;AAAA,IAyFIC,EAAaN,EAAA,QAAA,SAAA;AAAA;;;;;"}
+{"version":3,"file":"ListItem.js","sources":["../src/components/ListItem/ListItem.vue"],"sourcesContent":["<script>\n  import Checkbox from '../Checkbox/Checkbox.vue';\n\n  export default {\n    name: 'll-list-item',\n\n    components: {\n      'll-checkbox': Checkbox,\n    },\n\n    props: {\n      /**\n       * The item to be selected\n       */\n      item: {\n        type: Object,\n        default: () => ({}),\n      },\n\n      /**\n       * Whether this row can be selected.\n       */\n      isSelectable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row's checkbox should be indeterminite\n       */\n      isIndeterminate: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row has an actions column or not. By default list items will\n       * be styled to include actions. Use `not-actionable` to restyle a row that\n       * has no actions.\n       */\n      notActionable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row is selected.\n       */\n      selected: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Disables the checkbox\n       */\n      disabled: {\n        type: Boolean,\n        default: false,\n      },\n    },\n\n    emits: ['select'],\n\n    methods: {\n      /**\n       * @param {boolean} value emit change event when item is selected\n       */\n      onSelect(value) {\n        this.$emit('select', { item: this.item, value });\n      },\n    },\n  };\n</script>\n\n<template>\n  <li\n    class=\"shadow-low\"\n    :class=\"[$style.item, { [$style['is-selectable']]: isSelectable, [$style['not-actionable']]: notActionable }]\"\n  >\n    <ll-checkbox\n      v-if=\"isSelectable\"\n      data-test=\"checkbox|select-item\"\n      :checked=\"selected\"\n      :class=\"$style.checkbox\"\n      :disabled=\"disabled || null\"\n      :indeterminate=\"isIndeterminate\"\n      @update:checked=\"onSelect\"\n    />\n    <slot></slot>\n  </li>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    .item {\n      background: var(--color-white);\n      border-radius: var(--radius-sm);\n      column-gap: var(--grid-gutter);\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      margin-bottom: --spacing(6);\n      padding: --spacing(3);\n      padding-top: --spacing(12);\n      position: relative;\n      row-gap: var(--grid-gutter);\n    }\n\n    @media (width >= theme(--breakpoint-md)) {\n      .item {\n        grid-template-columns: repeat(8, 1fr);\n      }\n    }\n\n    @media (width >= theme(--breakpoint-lg)) {\n      .item {\n        align-items: center;\n        border-bottom: 1px solid var(--color-ice-200);\n        border-radius: 0;\n        box-shadow: none;\n        grid-template-columns: repeat(12, 1fr);\n        margin-bottom: 0;\n        padding: --spacing(6);\n        row-gap: 0;\n      }\n\n      .item:last-child {\n        border: 0;\n        border-bottom-left-radius: var(--radius-sm);\n        border-bottom-right-radius: var(--radius-sm);\n      }\n    }\n\n    @media (width >= theme(--breakpoint-lg)) {\n      .is-selectable {\n        grid-template-columns: --spacing(1.5) repeat(12, 1fr);\n      }\n    }\n\n    .not-actionable {\n      padding-top: --spacing(3);\n    }\n\n    @media (width >= theme(--breakpoint-lg)) {\n      .not-actionable {\n        padding-top: --spacing(6);\n      }\n    }\n\n    .checkbox {\n      left: --spacing(3);\n      position: absolute !important;\n      top: 0;\n    }\n\n    @media (width >= theme(--breakpoint-lg)) {\n      .checkbox {\n        left: 0;\n        position: relative !important;\n      }\n\n      .checkbox label {\n        padding: 10px;\n      }\n    }\n  }\n</style>\n"],"names":["_sfc_main","Checkbox","value","_createElementBlock","_normalizeClass","_ctx","$props","_createBlock","_component_ll_checkbox","$options","_renderSlot"],"mappings":";;;;;;;;GAGOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,eAAeC;AAAA;EAGjB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;;;;IAMlB,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO,CAAC,QAAQ;AAAA,EAEhB,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,SAASC,GAAO;AACd,WAAK,MAAM,UAAU,EAAE,MAAM,KAAK,MAAM,OAAAA,GAAO;AAAA,IACjD;AAAA;;;;cAMJC,EAcK,MAAA;AAAA,IAbH,OAAKC,EAAA,CAAC,cAAY,CACTC,EAAA,OAAO,MAAI,EAAA,CAAKA,EAAA,OAAM,eAAA,CAAA,GAAoBC,EAAA,cAAY,CAAGD,EAAA,2BAA2BC,EAAA,cAAa,CAAA,CAAA,CAAA;AAAA;IAGlGA,EAAA,qBADRC,EAQEC,GAAA;AAAA;MANA,aAAU;AAAA,MACT,SAASF,EAAA;AAAA,MACT,OAAKF,EAAEC,EAAA,OAAO,QAAQ;AAAA,MACtB,UAAUC,EAAA,YAAQ;AAAA,MAClB,eAAeA,EAAA;AAAA,MACf,oBAAgBG,EAAA;AAAA;IAEnBC,EAAaL,EAAA,QAAA,SAAA;AAAA;;;;;"}

package/dist/ListItemCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemCell.js","sources":["../src/components/ListItemCell/ListItemCell.vue"],"sourcesContent":["<script>\n  export default {\n    name: 'll-list-item-cell',\n\n    props: {\n      /**\n       * Is this cell for the Action column\n       */\n      isAction: Boolean,\n    },\n  };\n</script>\n\n<template>\n  <div :class=\"isAction ? $style.action : $style.cell\">\n    <slot></slot>\n  </div>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    .cell {\n      background-color: var(--color-ice-100);\n      border-radius: var(--radius-sm);\n      padding: --spacing(1.5);\n\n      :global(.stash-label) {\n        font-size: var(--text-xs);\n      }\n\n      @media (width >= theme(--breakpoint-lg)) {\n        background: none;\n        padding: 0;\n\n        :global(.stash-label) {\n          display: none !important;\n        }\n      }\n    }\n\n    .action {\n      position: absolute;\n      right: 0;\n      top: 0;\n\n      @media (width >= theme(--breakpoint-lg)) {\n        position: initial;\n      }\n    }\n  }\n</style>\n"],"names":["_sfc_main","_createElementBlock","_normalizeClass","$props","_ctx","_renderSlot"],"mappings":";;;;;GACOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA;;;cAMdC,EAEM,OAAA;AAAA,IAFA,OAdRC,EAceC,EAAA,WAAWC,EAAA,OAAO,SAASA,EAAA,OAAO,IAAI;AAAA;IACjDC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}
+{"version":3,"file":"ListItemCell.js","sources":["../src/components/ListItemCell/ListItemCell.vue"],"sourcesContent":["<script>\n  export default {\n    name: 'll-list-item-cell',\n\n    props: {\n      /**\n       * Is this cell for the Action column\n       */\n      isAction: Boolean,\n    },\n  };\n</script>\n\n<template>\n  <div :class=\"isAction ? $style.action : $style.cell\">\n    <slot></slot>\n  </div>\n</template>\n\n<style module>\n  @reference \"../../../styles/main.css\";\n\n  @layer utilities {\n    .cell {\n      background-color: var(--color-ice-100);\n      border-radius: var(--radius-sm);\n      padding: --spacing(1.5);\n\n      :global(.stash-label) {\n        font-size: var(--text-xs);\n      }\n\n      @media (width >= theme(--breakpoint-lg)) {\n        background: none;\n        padding: 0;\n\n        :global(.stash-label) {\n          display: none !important;\n        }\n      }\n    }\n\n    .action {\n      position: absolute;\n      right: 0;\n      top: 0;\n\n      @media (width >= theme(--breakpoint-lg)) {\n        position: initial;\n      }\n    }\n  }\n</style>\n"],"names":["_sfc_main","_createElementBlock","_normalizeClass","$props","_ctx","_renderSlot"],"mappings":";;;;;GACOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA;;;cAMdC,EAEM,OAAA;AAAA,IAFA,OAAKC,EAAEC,aAAWC,EAAA,OAAO,SAASA,EAAA,OAAO,IAAI;AAAA;IACjDC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}

package/dist/ListView.js

@@ -10,7 +10,7 @@ import le from "./Badge.js";
 import v from "./Button.js";
 import D from "./Checkbox.js";
 import ie from "./Dropdown.js";
-import { _ as R } from "./Expand.vue_vue_type_script_setup_true_lang-CiONJfAp.js";
+import { _ as R } from "./Expand.vue_vue_type_script_setup_true_lang-BmNJA0Xy.js";
 import re from "./Filters.js";
 import B from "./Icon.js";
 import ae from "./Input.js";