@leaflink/stash 42.4.4 → 42.5.1

package/dist/AppTopbar.js

@@ -1,10 +1,8 @@
-import { openBlock as d, createElementBlock as n, createStaticVNode as h, defineComponent as c, createElementVNode as t, normalizeClass as l, createVNode as a, unref as m, renderSlot as o } from "vue";
-import p from "./Icon.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js";
-import "./uniqueId-847efe53.js";
-import "./toString-7d5bf363.js";
-import "./isObjectLike-54341556.js";
+import { openBlock as n, createElementBlock as p, createStaticVNode as h, defineComponent as c, createElementVNode as t, normalizeClass as i, createVNode as a, unref as m, renderSlot as o } from "vue";
+import d from "./Icon.js";
+import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
+import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 const C = {
   viewBox: "0 0 104 24",
@@ -14,12 +12,12 @@ const C = {
   f
 ];
 function b(r, w) {
-  return d(), n("svg", C, V);
+  return n(), p("svg", C, V);
 }
 const H = { render: b }, u = {
   "data-test": "stash-app-topbar",
   class: "stash-app-topbar tw-absolute tw-top-0 tw-left-0"
-}, x = ["href"], _ = { class: "tw-flex tw-items-center" }, g = { class: "tw-ml-6" }, v = { class: "tw-hidden xl:tw-block tw-pl-3" }, O = /* @__PURE__ */ c({
+}, x = ["href"], _ = { class: "tw-flex tw-items-center" }, g = { class: "tw-ml-6" }, v = { class: "tw-hidden xl:tw-block tw-pl-3" }, y = /* @__PURE__ */ c({
   __name: "AppTopbar",
   props: {
     sidebarOpened: { type: Boolean, default: !1 },
@@ -28,18 +26,18 @@ const H = { render: b }, u = {
   emits: ["toggle-sidebar"],
   setup(r, { emit: w }) {
     const s = r;
-    return (e, i) => (d(), n("header", u, [
+    return (e, l) => (n(), p("header", u, [
       t("div", {
-        class: l(["tw-fixed tw-top-0 tw-pl-3 tw-flex tw-items-center tw-h-topbar tw-w-sidebar xl:tw-text-white tw-transition-colors tw-duration-500", {
+        class: i(["tw-fixed tw-top-0 tw-pl-3 tw-flex tw-items-center tw-h-topbar tw-w-sidebar xl:tw-text-white tw-transition-colors tw-duration-500", {
           "tw-text-white tw-z-[1001]": s.sidebarOpened,
           "tw-text-purple-500 tw-z-[401]": !s.sidebarOpened
         }])
       }, [
         t("button", {
           class: "xl:tw-hidden",
-          onClick: i[0] || (i[0] = (M) => w("toggle-sidebar"))
+          onClick: l[0] || (l[0] = (M) => w("toggle-sidebar"))
         }, [
-          a(p, {
+          a(d, {
             name: "menu",
             class: "tw-mr-3",
             "aria-label": "open sidebar navigation"
@@ -49,7 +47,7 @@ const H = { render: b }, u = {
           href: s.href,
           class: "tw-flex tw-items-center tw-text-inherit"
         }, [
-          a(p, {
+          a(d, {
             name: "logo-ll",
             class: "tw-mr-1.5",
             size: "large"
@@ -58,7 +56,7 @@ const H = { render: b }, u = {
         ], 8, x)
       ], 2),
       t("div", {
-        class: l([[e.$attrs.class], "tw-fixed tw-top-0 tw-w-full tw-pr-3 tw-py-3 tw-z-page tw-shadow-md tw-flex tw-items-center tw-justify-between tw-flex-row-reverse tw-bg-white tw-h-topbar tw-pl-sidebar"])
+        class: i([[e.$attrs.class], "tw-fixed tw-top-0 tw-w-full tw-pr-3 tw-py-3 tw-z-page tw-shadow-md tw-flex tw-items-center tw-justify-between tw-flex-row-reverse tw-bg-white tw-h-topbar tw-pl-sidebar"])
       }, [
         t("div", _, [
           o(e.$slots, "actions"),
@@ -74,6 +72,6 @@ const H = { render: b }, u = {
   }
 });
 export {
-  O as default
+  y as default
 };
 //# sourceMappingURL=AppTopbar.js.map

package/dist/AppTopbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppTopbar.js","sources":["../assets/logos/leaflink-wordmark.svg?component"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  viewBox: \"0 0 104 24\",\n  fill: \"currentColor\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createStaticVNode(\"<g id=\\\"wordmark\\\"><path d=\\\"M0.265137 0.248474H4.14784V23.8197H0.265137V0.248474Z\\\"></path><path d=\\\"M22.5861 17.1265H10.4927C10.9258 19.2695 12.6034 20.358 14.915 20.358C16.623 20.358 18.2313 19.6982 19.1693 18.446L21.7486 20.3913C20.3082 22.6331 17.561 23.8197 14.7132 23.8197C10.0242 23.8197 6.47314 20.589 6.47314 15.7754C6.47314 10.8628 10.2251 7.76257 14.6803 7.76257C19.1693 7.76257 22.6866 10.8313 22.6866 15.6424C22.682 16.1386 22.6485 16.6341 22.5861 17.1265ZM18.8004 14.4558C18.5657 12.3461 16.9244 11.1262 14.747 11.1262C12.6363 11.1262 10.9621 12.1151 10.4927 14.4558H18.8004Z\\\"></path><path d=\\\"M41.6276 8.09331V23.8197H37.7414V21.4133C36.67 23.0611 34.4589 23.8197 32.5448 23.8197C28.4247 23.8197 24.8364 20.6879 24.8364 15.7754C24.8364 10.8313 28.3875 7.76257 32.5084 7.76257C34.4848 7.76257 36.6657 8.52123 37.7336 10.1366V8.09076L41.6276 8.09331ZM37.6747 15.7421C37.6747 13.0382 35.3969 11.324 33.1528 11.324C30.7407 11.324 28.7642 13.1704 28.7642 15.7421C28.7642 18.3139 30.7407 20.2259 33.1528 20.2259C35.5311 20.2259 37.6747 18.446 37.6747 15.7421Z\\\"></path><path d=\\\"M48.9973 7.07127V8.42322H52.4808V11.4919H48.9973V23.8197H45.1145V7.26904C45.1145 2.85092 47.2547 0.180267 51.6103 0.180267H53.4534L52.3812 3.74085C49.7335 3.74085 48.9635 5.19167 48.9973 7.07127Z\\\"></path><path d=\\\"M56.1824 0.250153H60.0677V23.8197H56.1824V0.250153Z\\\"></path><path d=\\\"M62.9927 2.98303C62.9927 1.63109 64.1654 0.642273 65.539 0.642273C66.946 0.642273 68.051 1.63109 68.051 2.98303C68.051 4.30173 66.946 5.32379 65.539 5.32379C64.1688 5.32379 62.9927 4.30173 62.9927 2.98303ZM63.5989 8.42321H67.485V23.8197H63.5989V8.42321Z\\\"></path><path d=\\\"M85.9341 15.1829V23.8197H82.0491V15.5444C82.0491 13.1047 80.5411 11.8517 78.7991 11.8517C77.0231 11.8517 74.8151 12.8081 74.8151 15.7728V23.8172H70.9241V8.4232H74.8101V10.8628C75.6131 8.95 78.0591 8.09332 79.6671 8.09332C83.6901 8.09332 85.9341 10.6975 85.9341 15.1829Z\\\"></path><path d=\\\"M99.0731 23.8197L92.9751 16.8299V23.8197H89.0901V0.248474H92.9751V13.3349L97.4641 8.42323H102.523L96.1581 15.1489L103.996 23.8197H99.0731Z\\\"></path></g>\", 1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_hoisted_1","_hoisted_2","_createStaticVNode","_hoisted_3","render","_ctx","_cache","_openBlock","_createElementBlock","LeafLinkWordmark"],"mappings":";;;;;;;;AAEA,MAAMA,IAAa;AAAA,EACjB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT,GACMC,IAA0BC,gBAAAA,EAAmB,4hEAA8iE,CAAC,GAC5lEC,IAAa;AAAA,EACjBF;AACF;AAEO,SAASG,EAAOC,GAAMC,GAAQ;AACnC,SAAQC,EAAY,GAAEC,EAAoB,OAAOR,GAAYG,CAAU;AACzE;AACA,MAAeM,IAAA,EAAE,QAAQL,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AppTopbar.js","sources":["../assets/logos/leaflink-wordmark.svg?component"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  viewBox: \"0 0 104 24\",\n  fill: \"currentColor\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createStaticVNode(\"<g id=\\\"wordmark\\\"><path d=\\\"M0.265137 0.248474H4.14784V23.8197H0.265137V0.248474Z\\\"></path><path d=\\\"M22.5861 17.1265H10.4927C10.9258 19.2695 12.6034 20.358 14.915 20.358C16.623 20.358 18.2313 19.6982 19.1693 18.446L21.7486 20.3913C20.3082 22.6331 17.561 23.8197 14.7132 23.8197C10.0242 23.8197 6.47314 20.589 6.47314 15.7754C6.47314 10.8628 10.2251 7.76257 14.6803 7.76257C19.1693 7.76257 22.6866 10.8313 22.6866 15.6424C22.682 16.1386 22.6485 16.6341 22.5861 17.1265ZM18.8004 14.4558C18.5657 12.3461 16.9244 11.1262 14.747 11.1262C12.6363 11.1262 10.9621 12.1151 10.4927 14.4558H18.8004Z\\\"></path><path d=\\\"M41.6276 8.09331V23.8197H37.7414V21.4133C36.67 23.0611 34.4589 23.8197 32.5448 23.8197C28.4247 23.8197 24.8364 20.6879 24.8364 15.7754C24.8364 10.8313 28.3875 7.76257 32.5084 7.76257C34.4848 7.76257 36.6657 8.52123 37.7336 10.1366V8.09076L41.6276 8.09331ZM37.6747 15.7421C37.6747 13.0382 35.3969 11.324 33.1528 11.324C30.7407 11.324 28.7642 13.1704 28.7642 15.7421C28.7642 18.3139 30.7407 20.2259 33.1528 20.2259C35.5311 20.2259 37.6747 18.446 37.6747 15.7421Z\\\"></path><path d=\\\"M48.9973 7.07127V8.42322H52.4808V11.4919H48.9973V23.8197H45.1145V7.26904C45.1145 2.85092 47.2547 0.180267 51.6103 0.180267H53.4534L52.3812 3.74085C49.7335 3.74085 48.9635 5.19167 48.9973 7.07127Z\\\"></path><path d=\\\"M56.1824 0.250153H60.0677V23.8197H56.1824V0.250153Z\\\"></path><path d=\\\"M62.9927 2.98303C62.9927 1.63109 64.1654 0.642273 65.539 0.642273C66.946 0.642273 68.051 1.63109 68.051 2.98303C68.051 4.30173 66.946 5.32379 65.539 5.32379C64.1688 5.32379 62.9927 4.30173 62.9927 2.98303ZM63.5989 8.42321H67.485V23.8197H63.5989V8.42321Z\\\"></path><path d=\\\"M85.9341 15.1829V23.8197H82.0491V15.5444C82.0491 13.1047 80.5411 11.8517 78.7991 11.8517C77.0231 11.8517 74.8151 12.8081 74.8151 15.7728V23.8172H70.9241V8.4232H74.8101V10.8628C75.6131 8.95 78.0591 8.09332 79.6671 8.09332C83.6901 8.09332 85.9341 10.6975 85.9341 15.1829Z\\\"></path><path d=\\\"M99.0731 23.8197L92.9751 16.8299V23.8197H89.0901V0.248474H92.9751V13.3349L97.4641 8.42323H102.523L96.1581 15.1489L103.996 23.8197H99.0731Z\\\"></path></g>\", 1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_hoisted_1","_hoisted_2","_createStaticVNode","_hoisted_3","render","_ctx","_cache","_openBlock","_createElementBlock","LeafLinkWordmark"],"mappings":";;;;;;AAEA,MAAMA,IAAa;AAAA,EACjB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT,GACMC,IAA0BC,gBAAAA,EAAmB,4hEAA8iE,CAAC,GAC5lEC,IAAa;AAAA,EACjBF;AACF;AAEO,SAASG,EAAOC,GAAMC,GAAQ;AACnC,SAAQC,EAAY,GAAEC,EAAoB,OAAOR,GAAYG,CAAU;AACzE;AACA,MAAeM,IAAA,EAAE,QAAQL,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ButtonGroup.js

@@ -1,8 +1,6 @@
 import { defineComponent as m, computed as r, ref as b, openBlock as n, createElementBlock as s, normalizeClass as p, Fragment as g, renderList as $, withModifiers as y, toDisplayString as B } from "vue";
-import { u as h } from "./uniqueId-847efe53.js";
+import h from "lodash-es/uniqueId";
 import { _ as k } from "./_plugin-vue_export-helper-dad06003.js";
-import "./toString-7d5bf363.js";
-import "./isObjectLike-54341556.js";
 const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
   name: "ll-button-group"
 }, D = /* @__PURE__ */ m({
@@ -18,10 +16,10 @@ const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
   setup(v, { emit: _ }) {
     const e = v, u = r(() => e.options.length === 1), i = r(() => e.allowDeactivate || u.value), a = b(e.options.find((t) => t.active) || null);
     function f(t) {
-      var l;
-      i.value && ((l = a.value) == null ? void 0 : l.id) === t.id ? a.value = null : a.value = t, _("input", a.value);
+      var o;
+      i.value && ((o = a.value) == null ? void 0 : o.id) === t.id ? a.value = null : a.value = t, _("input", a.value);
     }
-    return (t, l) => (n(), s("div", {
+    return (t, o) => (n(), s("div", {
       class: p([
         "flex",
         t.$style.buttonGroup,
@@ -31,16 +29,16 @@ const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
       ]),
       "data-test": `button-group-${t.$props.groupName}`
     }, [
-      (n(!0), s(g, null, $(e.options, (o) => {
+      (n(!0), s(g, null, $(e.options, (l) => {
         var c, d;
         return n(), s("button", {
-          key: `${e.groupName}-${o.id}`,
-          class: p([t.$style.button, { [t.$style.active]: ((c = a.value) == null ? void 0 : c.id) === o.id }]),
-          "data-test": `${e.groupName}-button-${((d = a.value) == null ? void 0 : d.id) === o.id ? "active" : "inactive"}`,
+          key: `${e.groupName}-${l.id}`,
+          class: p([t.$style.button, { [t.$style.active]: ((c = a.value) == null ? void 0 : c.id) === l.id }]),
+          "data-test": `${e.groupName}-button-${((d = a.value) == null ? void 0 : d.id) === l.id ? "active" : "inactive"}`,
           tabindex: 0,
           disabled: e.disabled,
-          onClick: y((E) => f(o), ["prevent"])
-        }, B(o.text), 11, G);
+          onClick: y((E) => f(l), ["prevent"])
+        }, B(l.text), 11, G);
       }), 128))
     ], 10, C));
   }
@@ -52,8 +50,8 @@ const C = ["data-test"], G = ["data-test", "disabled", "onClick"], w = {
   "can-deactivate": "_can-deactivate_15lt7_215"
 }, z = {
   $style: q
-}, A = /* @__PURE__ */ k(D, [["__cssModules", z]]);
+}, j = /* @__PURE__ */ k(D, [["__cssModules", z]]);
 export {
-  A as default
+  j as default
 };
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../src/components/ButtonGroup/ButtonGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * @deprecated use RadioGroup instead with `variant=\"button\"`.\n   * RadioGroup uses pretty much the same API as the ButtonGroup,\n   * but every button is a radio element which makes more sense semantically.\n   */\n  export default {\n    name: 'll-button-group',\n  };\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, ref } from 'vue';\n\n  export interface ButtonGroupOption {\n    id: string;\n    active?: boolean;\n    text: string;\n  }\n\n  export interface ButtonGroupProps {\n    /**\n     * A name for the group, useful when multiple ButtonGroups exist on the page\n     */\n    groupName?: string;\n\n    /**\n     * The list of buttons to render\n     */\n    options: ButtonGroupOption[];\n\n    /**\n     * Whether the group should expand to the parent's width\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Whether the entire group should be disabled\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether the active button can be deactivated\n     */\n    allowDeactivate?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ButtonGroupProps>(), {\n    groupName: uniqueId(),\n    fullWidth: false,\n    disabled: false,\n    allowDeactivate: false,\n  });\n\n  const emit =\n    defineEmits<{\n      (e: 'input', activeButton: ButtonGroupOption | null): void;\n    }>();\n\n  const isSingleButton = computed(() => props.options.length === 1);\n\n  const canDeactivate = computed(() => props.allowDeactivate || isSingleButton.value);\n\n  const activeButton = ref(props.options.find((o) => o.active) || null);\n\n  function onClick(clickedOption: ButtonGroupOption) {\n    if (canDeactivate.value && activeButton.value?.id === clickedOption.id) {\n      activeButton.value = null;\n    } else {\n      activeButton.value = clickedOption;\n    }\n\n    emit('input', activeButton.value);\n  }\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex',\n      $style.buttonGroup,\n      { 'w-full': props.fullWidth },\n      { [$style.single]: isSingleButton },\n      { [$style['can-deactivate']]: canDeactivate },\n    ]\"\n    :data-test=\"`button-group-${$props.groupName}`\"\n  >\n    <button\n      v-for=\"option in props.options\"\n      :key=\"`${props.groupName}-${option.id}`\"\n      :class=\"[$style.button, { [$style.active]: activeButton?.id === option.id }]\"\n      :data-test=\"`${props.groupName}-button-${activeButton?.id === option.id ? 'active' : 'inactive'}`\"\n      :tabindex=\"0\"\n      :disabled=\"props.disabled\"\n      @click.prevent=\"onClick(option)\"\n    >\n      {{ option.text }}\n    </button>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n  // full width buttons\n  .buttonGroup:global(.w-full) > button {\n    flex: 1 1 50%;\n    max-width: 100%;\n  }\n\n  .button {\n    border: 1px solid var(--color-ice);\n    border-radius: 0;\n    font-weight: var(--font-weight-semibold);\n    line-height: var(--line-height-body);\n    min-width: 100px;\n    padding: 7px 8px;\n  }\n\n  .single .button {\n    border: 1px solid var(--color-ice-700);\n    color: var(--color-ice-700);\n  }\n\n  .button:focus,\n  .button:hover {\n    border: 1px solid var(--color-blue) !important;\n    color: var(--color-blue);\n    z-index: 1;\n  }\n\n  .button.active {\n    background-color: var(--color-blue-100);\n    border: 1px solid var(--color-blue) !important;\n    color: var(--color-blue);\n    cursor: default;\n    z-index: 1;\n  }\n\n  .button.active + button {\n    border-left: 1px solid transparent;\n  }\n\n  .single .button.active,\n  .can-deactivate .button.active {\n    cursor: pointer;\n  }\n\n  .button[disabled] {\n    color: var(--color-ice);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  .button:focus {\n    box-shadow: none;\n    outline: 0;\n  }\n\n  .button:not(:first-child) {\n    margin-left: -1px;\n  }\n\n  .button:not(:last-child) {\n    border-right: 1px solid transparent;\n  }\n\n  .button:first-child {\n    border-bottom-left-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n\n  .button:last-child {\n    border-bottom-right-radius: var(--border-radius);\n    border-top-right-radius: var(--border-radius);\n  }\n</style>\n"],"names":["isSingleButton","computed","props","canDeactivate","activeButton","ref","o","onClick","clickedOption","_a","emit"],"mappings":";;;;;uEAMiB;AAAA,EACb,MAAM;AACR;;;;;;;;;;;iBAoDMA,IAAiBC,EAAS,MAAMC,EAAM,QAAQ,WAAW,CAAC,GAE1DC,IAAgBF,EAAS,MAAMC,EAAM,mBAAmBF,EAAe,KAAK,GAE5EI,IAAeC,EAAIH,EAAM,QAAQ,KAAK,CAACI,MAAMA,EAAE,MAAM,KAAK,IAAI;AAEpE,aAASC,EAAQC,GAAkC;;AACjD,MAAIL,EAAc,WAASM,IAAAL,EAAa,UAAb,gBAAAK,EAAoB,QAAOD,EAAc,KAClEJ,EAAa,QAAQ,OAErBA,EAAa,QAAQI,GAGlBE,EAAA,SAASN,EAAa,KAAK;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ButtonGroup.js","sources":["../src/components/ButtonGroup/ButtonGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * @deprecated use RadioGroup instead with `variant=\"button\"`.\n   * RadioGroup uses pretty much the same API as the ButtonGroup,\n   * but every button is a radio element which makes more sense semantically.\n   */\n  export default {\n    name: 'll-button-group',\n  };\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, ref } from 'vue';\n\n  export interface ButtonGroupOption {\n    id: string;\n    active?: boolean;\n    text: string;\n  }\n\n  export interface ButtonGroupProps {\n    /**\n     * A name for the group, useful when multiple ButtonGroups exist on the page\n     */\n    groupName?: string;\n\n    /**\n     * The list of buttons to render\n     */\n    options: ButtonGroupOption[];\n\n    /**\n     * Whether the group should expand to the parent's width\n     */\n    fullWidth?: boolean;\n\n    /**\n     * Whether the entire group should be disabled\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether the active button can be deactivated\n     */\n    allowDeactivate?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ButtonGroupProps>(), {\n    groupName: uniqueId(),\n    fullWidth: false,\n    disabled: false,\n    allowDeactivate: false,\n  });\n\n  const emit =\n    defineEmits<{\n      (e: 'input', activeButton: ButtonGroupOption | null): void;\n    }>();\n\n  const isSingleButton = computed(() => props.options.length === 1);\n\n  const canDeactivate = computed(() => props.allowDeactivate || isSingleButton.value);\n\n  const activeButton = ref(props.options.find((o) => o.active) || null);\n\n  function onClick(clickedOption: ButtonGroupOption) {\n    if (canDeactivate.value && activeButton.value?.id === clickedOption.id) {\n      activeButton.value = null;\n    } else {\n      activeButton.value = clickedOption;\n    }\n\n    emit('input', activeButton.value);\n  }\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex',\n      $style.buttonGroup,\n      { 'w-full': props.fullWidth },\n      { [$style.single]: isSingleButton },\n      { [$style['can-deactivate']]: canDeactivate },\n    ]\"\n    :data-test=\"`button-group-${$props.groupName}`\"\n  >\n    <button\n      v-for=\"option in props.options\"\n      :key=\"`${props.groupName}-${option.id}`\"\n      :class=\"[$style.button, { [$style.active]: activeButton?.id === option.id }]\"\n      :data-test=\"`${props.groupName}-button-${activeButton?.id === option.id ? 'active' : 'inactive'}`\"\n      :tabindex=\"0\"\n      :disabled=\"props.disabled\"\n      @click.prevent=\"onClick(option)\"\n    >\n      {{ option.text }}\n    </button>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n  // full width buttons\n  .buttonGroup:global(.w-full) > button {\n    flex: 1 1 50%;\n    max-width: 100%;\n  }\n\n  .button {\n    border: 1px solid var(--color-ice);\n    border-radius: 0;\n    font-weight: var(--font-weight-semibold);\n    line-height: var(--line-height-body);\n    min-width: 100px;\n    padding: 7px 8px;\n  }\n\n  .single .button {\n    border: 1px solid var(--color-ice-700);\n    color: var(--color-ice-700);\n  }\n\n  .button:focus,\n  .button:hover {\n    border: 1px solid var(--color-blue) !important;\n    color: var(--color-blue);\n    z-index: 1;\n  }\n\n  .button.active {\n    background-color: var(--color-blue-100);\n    border: 1px solid var(--color-blue) !important;\n    color: var(--color-blue);\n    cursor: default;\n    z-index: 1;\n  }\n\n  .button.active + button {\n    border-left: 1px solid transparent;\n  }\n\n  .single .button.active,\n  .can-deactivate .button.active {\n    cursor: pointer;\n  }\n\n  .button[disabled] {\n    color: var(--color-ice);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  .button:focus {\n    box-shadow: none;\n    outline: 0;\n  }\n\n  .button:not(:first-child) {\n    margin-left: -1px;\n  }\n\n  .button:not(:last-child) {\n    border-right: 1px solid transparent;\n  }\n\n  .button:first-child {\n    border-bottom-left-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n\n  .button:last-child {\n    border-bottom-right-radius: var(--border-radius);\n    border-top-right-radius: var(--border-radius);\n  }\n</style>\n"],"names":["isSingleButton","computed","props","canDeactivate","activeButton","ref","o","onClick","clickedOption","_a","emit"],"mappings":";;;uEAMiB;AAAA,EACb,MAAM;AACR;;;;;;;;;;;iBAoDMA,IAAiBC,EAAS,MAAMC,EAAM,QAAQ,WAAW,CAAC,GAE1DC,IAAgBF,EAAS,MAAMC,EAAM,mBAAmBF,EAAe,KAAK,GAE5EI,IAAeC,EAAIH,EAAM,QAAQ,KAAK,CAACI,MAAMA,EAAE,MAAM,KAAK,IAAI;AAEpE,aAASC,EAAQC,GAAkC;;AACjD,MAAIL,EAAc,WAASM,IAAAL,EAAa,UAAb,gBAAAK,EAAoB,QAAOD,EAAc,KAClEJ,EAAa,QAAQ,OAErBA,EAAa,QAAQI,GAGlBE,EAAA,SAASN,EAAa,KAAK;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/CardMedia.js

@@ -1,11 +1,9 @@
-import { defineComponent as m, ref as a, useCssModule as u, openBlock as l, createElementBlock as c, normalizeClass as n, unref as i, createVNode as p, createCommentVNode as _, createElementVNode as f } from "vue";
+import { defineComponent as m, ref as a, useCssModule as u, openBlock as l, createElementBlock as c, normalizeClass as n, unref as d, createVNode as p, createCommentVNode as _, createElementVNode as f } from "vue";
 import w from "./Icon.js";
 import { _ as z } from "./_plugin-vue_export-helper-dad06003.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js";
-import "./uniqueId-847efe53.js";
-import "./toString-7d5bf363.js";
-import "./isObjectLike-54341556.js";
+import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
+import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 const h = {
   class: "stash-card-media",
   "data-test": "stash-card-media"
@@ -15,16 +13,16 @@ const h = {
     src: {},
     alt: {}
   },
-  setup(d) {
-    const t = d, s = a(!0), o = a(!1), r = u();
+  setup(i) {
+    const t = i, s = a(!0), o = a(!1), r = u();
     return (E, e) => (l(), c("div", h, [
       s.value || o.value ? (l(), c("div", {
         key: 0,
-        class: n([i(r).placeholder, "tw-bg-ice-200 tw-flex tw-items-center tw-justify-center tw-rounded-t tw-w-full"])
+        class: n([d(r).placeholder, "tw-bg-ice-200 tw-flex tw-items-center tw-justify-center tw-rounded-t tw-w-full"])
       }, [
         p(w, {
           name: "image",
-          class: n(i(r).iconSize)
+          class: n(d(r).iconSize)
         }, null, 8, ["class"])
       ], 2)) : _("", !0),
       f("img", {
@@ -41,8 +39,8 @@ const h = {
   iconSize: g
 }, y = {
   $style: x
-}, I = /* @__PURE__ */ z(C, [["__cssModules", y]]);
+}, b = /* @__PURE__ */ z(C, [["__cssModules", y]]);
 export {
-  I as default
+  b as default
 };
 //# sourceMappingURL=CardMedia.js.map

package/dist/CardMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","sources":["../src/components/CardMedia/CardMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, useCssModule } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  export interface CardMediaProps {\n    /**\n     * The image source.\n     */\n    src: string;\n    /**\n     * The image alternative text.\n     */\n    alt?: string;\n  }\n\n  const isLoading = ref(true);\n\n  const hasErrored = ref(false);\n\n  const props = defineProps<CardMediaProps>();\n\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"stash-card-media\" data-test=\"stash-card-media\">\n    <div\n      v-if=\"isLoading || hasErrored\"\n      :class=\"classes.placeholder\"\n      class=\"tw-bg-ice-200 tw-flex tw-items-center tw-justify-center tw-rounded-t tw-w-full\"\n    >\n      <Icon name=\"image\" :class=\"classes.iconSize\" />\n    </div>\n    <img\n      :src=\"props.src\"\n      class=\"tw-w-full tw-rounded-t\"\n      :alt=\"props.alt\"\n      @load=\"() => (isLoading = false)\"\n      @error=\"() => (hasErrored = true)\"\n    />\n  </div>\n</template>\n\n<style module>\n  .placeholder {\n    height: 300px;\n    width: 100%;\n  }\n\n  .iconSize {\n    width: 189px;\n    height: 189px;\n  }\n</style>\n"],"names":["isLoading","ref","hasErrored","classes","useCssModule"],"mappings":";;;;;;;;;;;;;;;;;;iBAgBQA,IAAYC,EAAI,EAAI,GAEpBC,IAAaD,EAAI,EAAK,GAItBE,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardMedia.js","sources":["../src/components/CardMedia/CardMedia.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { ref, useCssModule } from 'vue';\n\n  import Icon from '../Icon/Icon.vue';\n\n  export interface CardMediaProps {\n    /**\n     * The image source.\n     */\n    src: string;\n    /**\n     * The image alternative text.\n     */\n    alt?: string;\n  }\n\n  const isLoading = ref(true);\n\n  const hasErrored = ref(false);\n\n  const props = defineProps<CardMediaProps>();\n\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div class=\"stash-card-media\" data-test=\"stash-card-media\">\n    <div\n      v-if=\"isLoading || hasErrored\"\n      :class=\"classes.placeholder\"\n      class=\"tw-bg-ice-200 tw-flex tw-items-center tw-justify-center tw-rounded-t tw-w-full\"\n    >\n      <Icon name=\"image\" :class=\"classes.iconSize\" />\n    </div>\n    <img\n      :src=\"props.src\"\n      class=\"tw-w-full tw-rounded-t\"\n      :alt=\"props.alt\"\n      @load=\"() => (isLoading = false)\"\n      @error=\"() => (hasErrored = true)\"\n    />\n  </div>\n</template>\n\n<style module>\n  .placeholder {\n    height: 300px;\n    width: 100%;\n  }\n\n  .iconSize {\n    width: 189px;\n    height: 189px;\n  }\n</style>\n"],"names":["isLoading","ref","hasErrored","classes","useCssModule"],"mappings":";;;;;;;;;;;;;;;;iBAgBQA,IAAYC,EAAI,EAAI,GAEpBC,IAAaD,EAAI,EAAK,GAItBE,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Carousel.js

@@ -1,16 +1,13 @@
 import { defineComponent as Y, inject as b, reactive as M, ref as d, h as S, provide as A, onMounted as Me, nextTick as Ie, onUnmounted as Ee, computed as xe, watch as ae, cloneVNode as _e, Fragment as P, useAttrs as je, openBlock as x, createElementBlock as C, createVNode as De, unref as _, mergeProps as Be, withCtx as oe, createBlock as ke, createCommentVNode as Re, renderList as le, renderSlot as Pe, createElementVNode as Ae, normalizeClass as H } from "vue";
 import { t as E } from "./locale.js";
 import { _ as Ve } from "./_plugin-vue_export-helper-dad06003.js";
-import "./get-27d90892.js";
-import "./isObjectLike-54341556.js";
-import "./toString-7d5bf363.js";
-import "./_MapCache-65811284.js";
+import "lodash-es/get";
 /**
  * Vue 3 Carousel 0.3.1
  * (c) 2023
  * @license MIT
  */
-const f = {
+const p = {
   itemsToShow: 1,
   itemsToScroll: 1,
   modelValue: 0,
@@ -38,49 +35,49 @@ const f = {
 }, Te = {
   // count of items to showed per view
   itemsToShow: {
-    default: f.itemsToShow,
+    default: p.itemsToShow,
     type: Number
   },
   // count of items to be scrolled
   itemsToScroll: {
-    default: f.itemsToScroll,
+    default: p.itemsToScroll,
     type: Number
   },
   // control infinite scrolling mode
   wrapAround: {
-    default: f.wrapAround,
+    default: p.wrapAround,
     type: Boolean
   },
   // control max drag
   throttle: {
-    default: f.throttle,
+    default: p.throttle,
     type: Number
   },
   // control snap position alignment
   snapAlign: {
-    default: f.snapAlign,
+    default: p.snapAlign,
     validator(t) {
       return ["start", "end", "center", "center-even", "center-odd"].includes(t);
     }
   },
   // sliding transition time in ms
   transition: {
-    default: f.transition,
+    default: p.transition,
     type: Number
   },
   // an object to store breakpoints
   breakpoints: {
-    default: f.breakpoints,
+    default: p.breakpoints,
     type: Object
   },
   // time to auto advance slides in ms
   autoplay: {
-    default: f.autoplay,
+    default: p.autoplay,
     type: Number
   },
   // pause autoplay when mouse hover over the carousel
   pauseAutoplayOnHover: {
-    default: f.pauseAutoplayOnHover,
+    default: p.pauseAutoplayOnHover,
     type: Boolean
   },
   // slide number number of initial slide
@@ -90,24 +87,24 @@ const f = {
   },
   // toggle mouse dragging.
   mouseDrag: {
-    default: f.mouseDrag,
+    default: p.mouseDrag,
     type: Boolean
   },
   // toggle mouse dragging.
   touchDrag: {
-    default: f.touchDrag,
+    default: p.touchDrag,
     type: Boolean
   },
   // control snap position alignment
   dir: {
-    default: f.dir,
+    default: p.dir,
     validator(t) {
       return ["rtl", "ltr"].includes(t);
     }
   },
   // aria-labels and additional text labels
   i18n: {
-    default: f.i18n,
+    default: p.i18n,
     type: Object
   },
   // an object to pass all settings
@@ -222,7 +219,7 @@ function Ye(t = "", n = {}) {
 var We = Y({
   name: "ARIA",
   setup() {
-    const t = b("config", M(Object.assign({}, f))), n = b("currentSlide", d(0)), e = b("slidesCount", d(0));
+    const t = b("config", M(Object.assign({}, p))), n = b("currentSlide", d(0)), e = b("slidesCount", d(0));
     return () => S("div", {
       class: ["carousel__liveregion", "carousel__sr-only"],
       "aria-live": "polite",
@@ -237,8 +234,8 @@ var We = Y({
   props: Te,
   setup(t, { slots: n, emit: e, expose: l }) {
     var s;
-    const r = d(null), c = d([]), h = d(0), v = d(0), o = M(Object.assign({}, f));
-    let u = Object.assign({}, f), w;
+    const r = d(null), c = d([]), h = d(0), v = d(0), o = M(Object.assign({}, p));
+    let u = Object.assign({}, p), w;
     const i = d((s = t.modelValue) !== null && s !== void 0 ? s : 0), g = d(0), j = d(0), T = d(0), D = d(0);
     let I, W;
     A("config", o), A("slidesCount", v), A("currentSlide", i), A("maxSlide", T), A("minSlide", D), A("slideWidth", h);
@@ -248,15 +245,15 @@ var We = Y({
     function V() {
       if (!w || !Object.keys(w).length)
         return;
-      const a = Object.keys(w).map((p) => Number(p)).sort((p, k) => +k - +p);
+      const a = Object.keys(w).map((f) => Number(f)).sort((f, k) => +k - +f);
       let m = Object.assign({}, u);
-      a.some((p) => {
-        const k = window.matchMedia(`(min-width: ${p}px)`).matches;
-        return k && (m = Object.assign(Object.assign({}, m), w[p])), k;
+      a.some((f) => {
+        const k = window.matchMedia(`(min-width: ${f}px)`).matches;
+        return k && (m = Object.assign(Object.assign({}, m), w[f])), k;
       }), ce(m);
     }
     function ce(a) {
-      Object.entries(a).forEach(([m, p]) => o[m] = p);
+      Object.entries(a).forEach(([m, f]) => o[m] = f);
     }
     const de = He(() => {
       V(), B();
@@ -288,22 +285,22 @@ var We = Y({
       X.value = !1;
     };
     function ve(a) {
-      ["INPUT", "TEXTAREA", "SELECT"].includes(a.target.tagName) || (y = a.type === "touchstart", y || a.preventDefault(), !(!y && a.button !== 0 || O.value) && ($.x = y ? a.touches[0].clientX : a.clientX, $.y = y ? a.touches[0].clientY : a.clientY, document.addEventListener(y ? "touchmove" : "mousemove", pe, !0), document.addEventListener(y ? "touchend" : "mouseup", fe, !0)));
+      ["INPUT", "TEXTAREA", "SELECT"].includes(a.target.tagName) || (y = a.type === "touchstart", y || a.preventDefault(), !(!y && a.button !== 0 || O.value) && ($.x = y ? a.touches[0].clientX : a.clientX, $.y = y ? a.touches[0].clientY : a.clientY, document.addEventListener(y ? "touchmove" : "mousemove", fe, !0), document.addEventListener(y ? "touchend" : "mouseup", pe, !0)));
     }
-    const pe = ze((a) => {
+    const fe = ze((a) => {
       q.value = !0, U.x = y ? a.touches[0].clientX : a.clientX, U.y = y ? a.touches[0].clientY : a.clientY;
-      const m = U.x - $.x, p = U.y - $.y;
-      N.y = p, N.x = m;
+      const m = U.x - $.x, f = U.y - $.y;
+      N.y = f, N.x = m;
     }, o.throttle);
-    function fe() {
-      const a = o.dir === "rtl" ? -1 : 1, m = Math.sign(N.x) * 0.4, p = Math.round(N.x / h.value + m) * a;
-      if (p && !y) {
+    function pe() {
+      const a = o.dir === "rtl" ? -1 : 1, m = Math.sign(N.x) * 0.4, f = Math.round(N.x / h.value + m) * a;
+      if (f && !y) {
         const k = (Z) => {
           Z.stopPropagation(), window.removeEventListener("click", k, !0);
         };
         window.addEventListener("click", k, !0);
       }
-      L(i.value - p), N.x = 0, N.y = 0, q.value = !1, document.removeEventListener(y ? "touchmove" : "mousemove", pe, !0), document.removeEventListener(y ? "touchend" : "mouseup", fe, !0);
+      L(i.value - f), N.x = 0, N.y = 0, q.value = !1, document.removeEventListener(y ? "touchmove" : "mousemove", fe, !0), document.removeEventListener(y ? "touchend" : "mouseup", pe, !0);
     }
     function ge() {
       !o.autoplay || o.autoplay <= 0 || (I = setInterval(() => {
@@ -327,12 +324,12 @@ var We = Y({
         slidesCount: v.value
       }), O.value = !0, g.value = i.value, i.value = m, W = setTimeout(() => {
         if (o.wrapAround) {
-          const p = ie({
+          const f = ie({
             val: m,
             max: T.value,
             min: 0
           });
-          p !== i.value && (i.value = p, e("loop", {
+          f !== i.value && (i.value = f, e("loop", {
             currentSlideIndex: i.value,
             slidingToIndex: a
           }));
@@ -403,7 +400,7 @@ var We = Y({
     return () => {
       const a = Ce(K == null ? void 0 : K(ye)), m = (Q == null ? void 0 : Q(ye)) || [];
       a.forEach((ee, te) => ee.props.index = te);
-      let p = a;
+      let f = a;
       if (o.wrapAround) {
         const ee = a.map((ne, R) => _e(ne, {
           index: -a.length + R,
@@ -414,7 +411,7 @@ var We = Y({
           isClone: !0,
           key: `clone-after-${R}`
         }));
-        p = [...ee, ...a, ...te];
+        f = [...ee, ...a, ...te];
       }
       c.value = a, v.value = Math.max(a.length, 1);
       const k = S("ol", {
@@ -422,7 +419,7 @@ var We = Y({
         style: Le.value,
         onMousedownCapture: o.mouseDrag ? ve : null,
         onTouchstartPassiveCapture: o.touchDrag ? ve : null
-      }, p), Z = S("div", { class: "carousel__viewport" }, k);
+      }, f), Z = S("div", { class: "carousel__viewport" }, k);
       return S("section", {
         ref: r,
         class: {
@@ -454,7 +451,7 @@ function qe(t) {
   return t in se;
 }
 const ue = (t) => {
-  const n = b("config", M(Object.assign({}, f))), e = String(t.name), l = `icon${e.charAt(0).toUpperCase() + e.slice(1)}`;
+  const n = b("config", M(Object.assign({}, p))), e = String(t.name), l = `icon${e.charAt(0).toUpperCase() + e.slice(1)}`;
   if (!e || typeof e != "string" || !qe(e))
     return;
   const s = Fe[e], r = S("path", { d: s }), c = n.i18n[l] || t.title || e, h = S("title", c);
@@ -467,7 +464,7 @@ const ue = (t) => {
 };
 ue.props = { name: String, title: String };
 const Je = (t, { slots: n, attrs: e }) => {
-  const { next: l, prev: s } = n || {}, r = b("config", M(Object.assign({}, f))), c = b("maxSlide", d(1)), h = b("minSlide", d(1)), v = b("currentSlide", d(1)), o = b("nav", {}), { dir: u, wrapAround: w, i18n: i } = r, g = u === "rtl", j = S("button", {
+  const { next: l, prev: s } = n || {}, r = b("config", M(Object.assign({}, p))), c = b("maxSlide", d(1)), h = b("minSlide", d(1)), v = b("currentSlide", d(1)), o = b("nav", {}), { dir: u, wrapAround: w, i18n: i } = r, g = u === "rtl", j = S("button", {
     type: "button",
     class: [
       "carousel__prev",
@@ -501,7 +498,7 @@ var Ke = Y({
     }
   },
   setup(t, { slots: n }) {
-    const e = b("config", M(Object.assign({}, f))), l = b("currentSlide", d(0)), s = b("slidesToScroll", d(0)), r = b("isSliding", d(!1)), c = () => t.index === l.value, h = () => t.index === l.value - 1, v = () => t.index === l.value + 1, o = () => {
+    const e = b("config", M(Object.assign({}, p))), l = b("currentSlide", d(0)), s = b("slidesToScroll", d(0)), r = b("isSliding", d(!1)), c = () => t.index === l.value, h = () => t.index === l.value - 1, v = () => t.index === l.value + 1, o = () => {
       const u = Math.floor(s.value), w = Math.ceil(s.value + e.itemsToShow - 1);
       return t.index >= u && t.index <= w;
     };
@@ -640,8 +637,8 @@ const Qe = ["src", "title"], Ze = {
     ], 64));
   }
 });
-const ct = /* @__PURE__ */ Ve(nt, [["__scopeId", "data-v-274b7c1c"]]);
+const it = /* @__PURE__ */ Ve(nt, [["__scopeId", "data-v-274b7c1c"]]);
 export {
-  ct as default
+  it as default
 };
 //# sourceMappingURL=Carousel.js.map