@leaflink/stash 50.12.0 → 50.12.1

package/dist/Paginate.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, useCssModule as M, computed as N, toRef as u, openBlock as i, createElementBlock as l, createElementVNode as d, normalizeClass as o, unref as n, createVNode as _, toDisplayString as m, Fragment as v, renderList as D, createCommentVNode as p } from "vue";
+import { defineComponent as L, useCssModule as M, computed as N, toRef as u, createElementBlock as i, openBlock as l, createElementVNode as d, normalizeClass as o, unref as n, createVNode as _, toDisplayString as m, Fragment as v, renderList as D, createCommentVNode as p } from "vue";
 import { u as E } from "./usePaginationStats-d_q39naC.js";
 import { t as g } from "./locale.js";
 import h from "./Icon.js";
@@ -45,7 +45,7 @@ const B = {
     function z(e) {
       return a.value > 9 && a.value - t.currentPage > 4 && e === a.value - 1;
     }
-    return (e, f) => (i(), l("div", B, [
+    return (e, f) => (l(), i("div", B, [
       d("ul", {
         class: o(["stash-paginate__list tw-flex tw-items-center", n(r).pagination]),
         "data-test": "stash-paginate|list"
@@ -62,20 +62,20 @@ const B = {
             name: "chevron-left"
           })
         ], 10, V),
-        t.variant === "stats" ? (i(), l("span", F, m(n(g)("ll.pageStats", n(w))), 1)) : (i(!0), l(v, { key: 1 }, D(a.value, (s) => (i(), l(v, null, [
-          C(s) ? (i(), l("button", {
+        t.variant === "stats" ? (l(), i("span", F, m(n(g)("ll.pageStats", n(w))), 1)) : (l(!0), i(v, { key: 1 }, D(a.value, (s) => (l(), i(v, null, [
+          C(s) ? (l(), i("button", {
             key: `${s}-ellipsis`,
             class: "tw-pointer-events-none",
             "data-test": "stash-paginate|first-ellipsis",
             tabindex: "-1"
           }, " … ")) : p("", !0),
-          y(s) ? (i(), l("button", {
+          y(s) ? (l(), i("button", {
             key: s,
             "data-test": "stash-paginate|page-number",
             class: o({ [n(r)["is-active"]]: t.currentPage === s }),
             onClick: (K) => c(s)
           }, m(s), 11, I)) : p("", !0),
-          z(s) ? (i(), l("button", {
+          z(s) ? (l(), i("button", {
             key: `${s}-ellipsis`,
             class: "tw-pointer-events-none",
             "data-test": "stash-paginate|last-ellipsis",

package/dist/PlaidLink.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as h, ref as c, openBlock as E, createElementBlock as w, renderSlot as x } from "vue";
+import { defineComponent as y, computed as h, ref as c, createElementBlock as E, openBlock as w, renderSlot as x } from "vue";
 import s from "@leaflink/snitch";
 import P from "./usePlaidLink.js";
 const L = /* @__PURE__ */ y({
@@ -54,7 +54,7 @@ const L = /* @__PURE__ */ y({
     }
     return d({
       handleClick: l
-    }), (e, o) => (E(), w("span", {
+    }), (e, o) => (w(), E("span", {
       "data-test": "stash-plaid-link",
       onClick: l
     }, [

package/dist/QuickAction.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, useCssModule as _, computed as s, openBlock as d, createBlock as f, resolveDynamicComponent as w, mergeProps as m, unref as p, withCtx as h, createElementVNode as e, createVNode as o, toDisplayString as n } from "vue";
+import { defineComponent as u, useCssModule as _, computed as s, createBlock as d, openBlock as f, resolveDynamicComponent as w, mergeProps as m, unref as p, withCtx as h, createElementVNode as e, createVNode as o, toDisplayString as n } from "vue";
 import r from "./Icon.js";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const b = { class: "tw-flex tw-items-center tw-gap-3" }, k = { class: "tw-flex tw-items-center tw-justify-center tw-rounded tw-bg-blue-100 tw-p-3" }, v = { class: "tw-flex-1" }, g = { class: "tw-text-blue-500" }, y = { class: "tw-text-xs tw-font-normal tw-text-ice-700 lg:tw-mb-0" }, C = /* @__PURE__ */ u({
@@ -16,7 +16,7 @@ const b = { class: "tw-flex tw-items-center tw-gap-3" }, k = { class: "tw-flex t
     } : t.href ? {
       href: t.href
     } : {});
-    return (B, D) => (d(), f(w(l.value), m(a.value, {
+    return (B, D) => (f(), d(w(l.value), m(a.value, {
       class: ["stash-quick-action tw-rounded tw-p-3 tw-shadow", p(i).root],
       "data-test": "stash-quick-action"
     }), {

package/dist/Radio.js

@@ -1,4 +1,4 @@
-import { useCssModule as d, openBlock as i, createElementBlock as u, normalizeClass as a, withDirectives as c, createElementVNode as s, mergeProps as _, vModelRadio as m, toDisplayString as h } from "vue";
+import { useCssModule as d, createElementBlock as i, openBlock as u, normalizeClass as a, withDirectives as c, createElementVNode as s, mergeProps as _, vModelRadio as m, toDisplayString as h } from "vue";
 import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const p = "_root_ul6uq_2", b = "_label_ul6uq_7", k = "_error_ul6uq_40", y = "_input_ul6uq_45", g = {
   root: p,
@@ -69,7 +69,7 @@ const p = "_root_ul6uq_2", b = "_label_ul6uq_7", k = "_error_ul6uq_40", y = "_in
   }
 }, w = ["id"], E = ["for"];
 function V(e, l, t, r, S, o) {
-  return i(), u("div", {
+  return u(), i("div", {
     class: a(["stash-radio", [r.classes.root, { error: t.hasError }]]),
     "data-test": "ll-radio"
   }, [

package/dist/RadioGroup.js

@@ -1,8 +1,8 @@
-import { defineComponent as h, inject as k, useCssModule as V, openBlock as o, createElementBlock as n, normalizeClass as p, unref as e, Fragment as B, renderList as g, createElementVNode as i, toDisplayString as $, provide as T, computed as v, createBlock as R, mergeProps as M, withCtx as G, renderSlot as C, resolveDynamicComponent as E } from "vue";
+import { defineComponent as h, inject as k, useCssModule as V, createElementBlock as n, openBlock as o, normalizeClass as p, unref as e, Fragment as B, renderList as g, createElementVNode as i, toDisplayString as $, provide as T, computed as v, createBlock as R, mergeProps as M, withCtx as G, renderSlot as C, resolveDynamicComponent as E } from "vue";
 import W from "lodash-es/uniqueId";
 import { R as y } from "./RadioGroup.keys-CqfiKkNz.js";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as j } from "./Field.vue_vue_type_script_setup_true_lang-DEizIcDo.js";
+import { _ as j } from "./Field.vue_vue_type_script_setup_true_lang-DRaKs9Lm.js";
 const D = ["id", "name", "value", "checked", "disabled"], O = ["for"], N = /* @__PURE__ */ h({
   __name: "VariantButton",
   setup(u) {

package/dist/RadioNew.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, useCssModule as v, openBlock as _, createElementBlock as f, normalizeClass as d, unref as s, createElementVNode as i, toDisplayString as $, withDirectives as W, vShow as C, renderSlot as y, inject as M, computed as r, createBlock as x, resolveDynamicComponent as N, withCtx as D } from "vue";
+import { defineComponent as p, useCssModule as v, createElementBlock as f, openBlock as _, normalizeClass as d, unref as s, createElementVNode as i, toDisplayString as $, withDirectives as W, vShow as C, renderSlot as y, inject as M, computed as r, createBlock as x, resolveDynamicComponent as N, withCtx as D } from "vue";
 import { R as E } from "./RadioGroup.keys-CqfiKkNz.js";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const R = ["id", "name", "value", "checked", "disabled"], T = ["for"], g = /* @__PURE__ */ p({

package/dist/RangeInput.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, useSlots as n, openBlock as a, createElementBlock as r, renderSlot as s, createVNode as l } from "vue";
+import { defineComponent as o, useSlots as n, createElementBlock as a, openBlock as r, renderSlot as s, createVNode as l } from "vue";
 import m from "./Icon.js";
 const p = {
   "data-test": "stash-range-input",
@@ -9,7 +9,7 @@ const p = {
     const t = n();
     if (!(!!t.min && !!t.max))
       throw new Error("RangeInput: please provide slots for min and max values.");
-    return (e, u) => (a(), r("div", p, [
+    return (e, u) => (r(), a("div", p, [
       s(e.$slots, "min"),
       l(m, {
         name: "transfer",

package/dist/SearchBar.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, useSlots as S, ref as i, computed as V, openBlock as h, createBlock as p, normalizeClass as m, withKeys as s, createSlots as I, withCtx as n, createVNode as u, createCommentVNode as T, unref as K, renderSlot as L } from "vue";
+import { defineComponent as C, useSlots as S, ref as i, computed as V, createBlock as h, openBlock as p, withKeys as s, normalizeClass as m, createSlots as I, withCtx as n, createCommentVNode as T, createVNode as u, unref as K, renderSlot as L } from "vue";
 import { t as f } from "./locale.js";
 import b from "./Button.js";
 import v from "./Icon.js";
@@ -28,7 +28,7 @@ const N = /* @__PURE__ */ C({
     function y() {
       l("update:model-value", a.value);
     }
-    return (r, t) => (h(), p(W, {
+    return (r, t) => (p(), h(W, {
       ref_key: "stashInputRef",
       ref: d,
       modelValue: a.value,
@@ -44,7 +44,7 @@ const N = /* @__PURE__ */ C({
       onKeyup: s(o, ["enter"])
     }, I({
       append: n(() => [
-        a.value ? (h(), p(b, {
+        a.value ? (p(), h(b, {
           key: 0,
           class: "stash-search-bar__clear-button",
           disabled: e.isLoading,

package/dist/Select.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, useAttrs as Oe, useSlots as Ie, ref as c, computed as h, watch as U, nextTick as Y, onMounted as Me, onUnmounted as Fe, openBlock as r, createBlock as V, mergeProps as Re, unref as y, createSlots as $e, withCtx as k, createElementVNode as d, toDisplayString as g, createElementBlock as f, Fragment as K, renderList as G, withDirectives as M, normalizeClass as F, withKeys as oe, createCommentVNode as R, renderSlot as j, createTextVNode as $, withModifiers as P, createVNode as S, Teleport as Pe, Transition as ze, normalizeStyle as He, vModelText as Ne, vShow as J } from "vue";
+import { defineComponent as Ce, useAttrs as Oe, useSlots as Ie, ref as c, computed as h, watch as U, nextTick as Y, onMounted as Me, onUnmounted as Fe, createBlock as V, openBlock as r, mergeProps as Re, unref as y, createSlots as $e, withCtx as k, createElementVNode as d, toDisplayString as g, withDirectives as M, createElementBlock as f, Fragment as K, renderList as G, withKeys as oe, normalizeClass as F, createCommentVNode as R, renderSlot as j, createTextVNode as $, withModifiers as P, createVNode as S, Teleport as Pe, Transition as ze, normalizeStyle as He, vModelText as Ne, vShow as J } from "vue";
 import { u as Ae, a as De, f as Le, o as Ue, s as Ve } from "./floating-ui.vue-pzUuloyX.js";
 import Ke from "@leaflink/snitch";
 import Ge from "lodash-es/debounce";
@@ -12,7 +12,7 @@ import Je from "./directives/clickoutside.js";
 import { D as Qe } from "./MenusPlugin-Bk6UW6o9.js";
 import ie from "./Chip.js";
 import z from "./Icon.js";
-import { _ as Ze } from "./Field.vue_vue_type_script_setup_true_lang-DEizIcDo.js";
+import { _ as Ze } from "./Field.vue_vue_type_script_setup_true_lang-DRaKs9Lm.js";
 import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const tt = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, lt = ["id", "aria-labelledby"], at = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "name"], st = ["selected", "value"], nt = ["aria-controls", "aria-expanded", "aria-label", "aria-disabled"], ot = ["id"], rt = ["onKeypress", "onMousedown"], it = {
   key: 0,

package/dist/SelectStatus.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, useAttrs as g, useCssModule as C, computed as u, openBlock as c, createBlock as O, normalizeClass as l, unref as V, withCtx as r, createElementBlock as i, createElementVNode as a, toDisplayString as n, createVNode as m, normalizeStyle as f } from "vue";
+import { defineComponent as S, useAttrs as g, useCssModule as C, computed as u, createBlock as O, openBlock as c, normalizeClass as l, unref as V, withCtx as r, createElementVNode as a, createVNode as i, normalizeStyle as m, toDisplayString as n, createElementBlock as f } from "vue";
 import p from "./Icon.js";
 import $ from "./Select.js";
 import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -63,35 +63,35 @@ const N = { class: "tw-mr-6 tw-truncate" }, D = {
       "onUpdate:modelValue": k
     }, {
       selected: r(({ option: s }) => [
-        t.secondary ? (c(), i("div", {
+        t.secondary ? (c(), f("div", {
           key: 0,
           class: l(["stash-select-status--selected tw-absolute tw-inset-0 tw-flex tw-h-full tw-w-full tw-items-center tw-rounded tw-pl-3", [b(s.color)]]),
           "data-test": "select-status|value"
         }, [
           a("span", N, n(s[t.displayBy]), 1)
-        ], 2)) : (c(), i("div", D, [
-          m(p, {
+        ], 2)) : (c(), f("div", D, [
+          i(p, {
             "data-test": "select-status|value-icon",
             name: s.icon || "circle-status",
             class: l([
               { [d(s.color)]: s.color },
               { "tw-text-ice-700": !s.color && !s.hexCode }
             ]),
-            style: f({ color: s.hexCode })
+            style: m({ color: s.hexCode })
           }, null, 8, ["name", "class", "style"]),
           a("span", I, n(s[t.displayBy]), 1)
         ]))
       ]),
       option: r(({ option: s }) => [
         a("div", L, [
-          m(p, {
+          i(p, {
             "data-test": "svg|status-color",
             name: s.icon || "circle-status",
             class: l([[
               { [d(s.color)]: s.color },
               { "tw-text-ice-700": !s.color && !s.hexCode }
             ], "!tw-shrink-0"]),
-            style: f({ color: s.hexCode })
+            style: m({ color: s.hexCode })
           }, null, 8, ["name", "class", "style"]),
           a("span", {
             "data-test": "span|option-text",

package/dist/Skeleton.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, useSlots as c, useCssModule as d, computed as l, openBlock as h, createElementBlock as v, normalizeClass as f, unref as n, normalizeStyle as p, renderSlot as _ } from "vue";
+import { defineComponent as u, useSlots as c, useCssModule as d, computed as l, createElementBlock as h, openBlock as v, normalizeStyle as f, normalizeClass as p, unref as n, renderSlot as _ } from "vue";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 var m = /* @__PURE__ */ ((e) => (e.Text = "text", e.Circular = "circular", e.Rectangular = "rectangular", e))(m || {});
 const w = /* @__PURE__ */ u({
@@ -16,9 +16,9 @@ const w = /* @__PURE__ */ u({
       const s = {};
       return t.width && (s.width = `${t.width}px`), t.height && t.variant !== "text" && (s.height = `${t.height}px`), s;
     });
-    return (s, y) => (h(), v("div", {
+    return (s, y) => (v(), h("div", {
       "data-test": "stash-skeleton",
-      class: f(["stash-skeleton tw-animate-pulse tw-bg-ice-500", {
+      class: p(["stash-skeleton tw-animate-pulse tw-bg-ice-500", {
         "stash-skeleton--circular tw-rounded-full": t.variant === "circular",
         "stash-skeleton--text tw-rounded": t.variant === "text",
         [n(r)["text-variant"]]: t.variant === "text",
@@ -27,7 +27,7 @@ const w = /* @__PURE__ */ u({
         "tw-max-w-fit": a.value && !t.width,
         "tw-h-auto": a.value && !t.height
       }]),
-      style: p(i.value)
+      style: f(i.value)
     }, [
       _(s.$slots, "default")
     ], 6));

package/dist/Step.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, useSlots as g, useCssModule as y, inject as k, computed as d, onBeforeMount as b, openBlock as i, createElementBlock as r, normalizeClass as a, unref as t, createElementVNode as n, createBlock as B, toDisplayString as w, createCommentVNode as u, createTextVNode as N, renderSlot as C } from "vue";
+import { defineComponent as x, useSlots as g, useCssModule as y, inject as k, computed as d, onBeforeMount as b, createElementBlock as r, openBlock as i, normalizeClass as a, unref as t, createCommentVNode as w, createElementVNode as n, createBlock as B, toDisplayString as u, createTextVNode as N, renderSlot as C } from "vue";
 import { t as E } from "./locale.js";
 import T from "./Icon.js";
 import { S as z } from "./keys-C8Zfr_By.js";
@@ -33,7 +33,7 @@ const S = { key: 1 }, I = /* @__PURE__ */ x({
       ]]),
       "data-test": "stash-step"
     }, [
-      e.nested ? u("", !0) : (i(), r("div", {
+      e.nested ? w("", !0) : (i(), r("div", {
         key: 0,
         class: a(["stash-step__indicator tw-flex tw-flex-col tw-items-center", { "tw-mr-3": !t(o) }]),
         "data-test": "stash-step|indicator"
@@ -55,7 +55,7 @@ const S = { key: 1 }, I = /* @__PURE__ */ x({
             name: v.value,
             class: a({ "fx-spin": e.loading }),
             size: "dense"
-          }, null, 8, ["name", "class"])) : (i(), r("span", S, w(e.step), 1))
+          }, null, 8, ["name", "class"])) : (i(), r("span", S, u(e.step), 1))
         ], 2),
         n("div", {
           class: a(["tw-my-1.5 tw-w-px tw-bg-ice-500", [
@@ -87,12 +87,12 @@ const S = { key: 1 }, I = /* @__PURE__ */ x({
           ]]),
           "data-test": "stash-step|title"
         }, [
-          N(w(e.text) + " ", 1),
+          N(u(e.text) + " ", 1),
           t(o) ? (i(), r("p", {
             key: 0,
             class: a(["stash-step__pagination-label tw-mb-0 tw-whitespace-nowrap tw-text-center tw-text-xs", p.value ? "tw-text-ice-700" : "tw-text-white"]),
             "data-test": "stash-step|pagination-label"
-          }, w(h.value), 3)) : u("", !0)
+          }, u(h.value), 3)) : w("", !0)
         ], 2),
         c.value ? (i(), r("div", {
           key: 0,
@@ -103,7 +103,7 @@ const S = { key: 1 }, I = /* @__PURE__ */ x({
               "tw-mx-1.5 tw-border-t group-last:tw-hidden": !t(o)
             }
           ])
-        }, null, 2)) : u("", !0),
+        }, null, 2)) : w("", !0),
         n("div", {
           class: a(["stash-step--nested-steps", { "tw-pb-9": !f.nested && !t(_).default, "tw-hidden": c.value }])
         }, [

package/dist/Stepper.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, ref as N, computed as i, watch as o, watchEffect as g, provide as y, nextTick as E, openBlock as n, createElementBlock as R, createElementVNode as T, normalizeClass as p, renderSlot as z, createBlock as d, unref as v, withCtx as f, createVNode as m, createCommentVNode as h } from "vue";
+import { defineComponent as I, ref as N, computed as i, watch as o, watchEffect as g, provide as y, nextTick as E, createElementBlock as R, openBlock as n, createElementVNode as T, createBlock as d, createCommentVNode as v, normalizeClass as p, renderSlot as z, unref as f, withCtx as m, createVNode as h } from "vue";
 import A from "./useMediaQuery.js";
 import B from "./useStepper.js";
 import w from "./Button.js";
@@ -83,32 +83,32 @@ const P = { class: "tw-relative" }, Y = /* @__PURE__ */ I({
         "data-test": "stash-stepper|prev-arrow",
         disabled: k.value,
         icon: "",
-        onClick: v(e).back
+        onClick: f(e).back
       }, {
-        default: f(() => [
-          m(x, {
+        default: m(() => [
+          h(x, {
             name: "chevron-left",
             size: "dense"
           })
         ]),
         _: 1
-      }, 8, ["class", "disabled", "onClick"])) : h("", !0),
+      }, 8, ["class", "disabled", "onClick"])) : v("", !0),
       a.value ? (n(), d(w, {
         key: 1,
         class: p(["stash-stepper__arrow stash-stepper__arrow--next", t.theme === "light" ? "tw-text-blue-500" : "tw-text-white"]),
         "data-test": "stash-stepper|next-arrow",
         disabled: C.value,
         icon: "",
-        onClick: v(e).next
+        onClick: f(e).next
       }, {
-        default: f(() => [
-          m(x, {
+        default: m(() => [
+          h(x, {
             name: "chevron-right",
             size: "dense"
           })
         ]),
         _: 1
-      }, 8, ["class", "disabled", "onClick"])) : h("", !0)
+      }, 8, ["class", "disabled", "onClick"])) : v("", !0)
     ]));
   }
 });

package/dist/Switch.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, useAttrs as g, useSlots as y, useCssModule as C, computed as o, openBlock as i, createElementBlock as d, normalizeClass as s, unref as a, createElementVNode as c, mergeProps as S, withDirectives as A, vModelCheckbox as V, toDisplayString as u, createCommentVNode as _, renderSlot as B, createTextVNode as M } from "vue";
+import { defineComponent as v, useAttrs as g, useSlots as y, useCssModule as C, computed as o, createElementBlock as i, openBlock as d, unref as a, normalizeClass as s, createElementVNode as c, createCommentVNode as u, mergeProps as S, withDirectives as A, vModelCheckbox as V, toDisplayString as _, renderSlot as B, createTextVNode as M } from "vue";
 import T from "@leaflink/snitch";
 import E from "lodash-es/uniqueId";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -31,7 +31,7 @@ const D = ["data-test"], I = ["for"], $ = ["id", "disabled", "name", "value"], q
         m("update:checked", e);
       }
     }), r = o(() => t.id || E("switch-"));
-    return (e, w) => (i(), d("div", {
+    return (e, w) => (d(), i("div", {
       class: s(["stash-switch", a(l).class]),
       "data-test": a(l)["data-test"] || "stash-switch"
     }, [
@@ -77,7 +77,7 @@ const D = ["data-test"], I = ["for"], $ = ["id", "disabled", "name", "value"], q
         }, null, 8, $), [
           [V, h.value]
         ]),
-        t.label ? (i(), d("span", {
+        t.label ? (d(), i("span", {
           key: 0,
           class: s([{
             "tw-text-ice-900": t.checked && !t.disabled,
@@ -87,17 +87,17 @@ const D = ["data-test"], I = ["for"], $ = ["id", "disabled", "name", "value"], q
             "stash-switch__label-text--disabled tw-text-ice-500": t.disabled
           }, "stash-switch__label-text tw-relative tw-top-px tw-ml-1.5"]),
           "data-test": "stash-switch|label-text"
-        }, u(t.label), 3)) : _("", !0)
+        }, _(t.label), 3)) : u("", !0)
       ], 16, I),
-      t.hintText || a(f).hint ? (i(), d("span", {
+      t.hintText || a(f).hint ? (d(), i("span", {
         key: 0,
         class: s(["stash-switch__hint tw-ml-[40px] tw-mt-1.5 tw-block tw-whitespace-pre-line tw-text-xs", { "stash-switch__hint--disabled tw-text-ice-500": t.disabled }]),
         "data-test": "stash-switch|hint"
       }, [
         B(e.$slots, "hint", {}, () => [
-          M(u(t.hintText), 1)
+          M(_(t.hintText), 1)
         ])
-      ], 2)) : _("", !0)
+      ], 2)) : u("", !0)
     ], 10, D));
   }
 }), z = "_control_8a1ic_2", P = "_active_8a1ic_5", U = {

package/dist/Tab.js

@@ -1,7 +1,7 @@
-import { defineComponent as x, useCssModule as T, inject as y, computed as r, onMounted as k, nextTick as g, toRefs as c, openBlock as u, createElementBlock as C, normalizeClass as P, unref as a, withKeys as $, createBlock as B, resolveDynamicComponent as E, mergeProps as N, withCtx as b, createElementVNode as A, createVNode as I, renderSlot as j } from "vue";
+import { defineComponent as x, useCssModule as T, inject as y, computed as r, onMounted as k, nextTick as g, toRefs as c, createElementBlock as C, openBlock as u, withKeys as P, normalizeClass as $, unref as a, createBlock as B, resolveDynamicComponent as E, mergeProps as N, withCtx as b, createElementVNode as A, createVNode as I, renderSlot as j } from "vue";
 import M from "@leaflink/snitch";
 import D from "./Badge.js";
-import { T as L } from "./Tabs.vue_vue_type_script_setup_true_lang-NZm1OrRT.js";
+import { T as L } from "./Tabs.vue_vue_type_script_setup_true_lang-CmnBP4i1.js";
 import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const K = ["id", "aria-selected", "aria-controls", "aria-disabled"], O = { class: "tw-mt-0.5" }, S = /* @__PURE__ */ x({
   __name: "Tab",
@@ -35,7 +35,7 @@ const K = ["id", "aria-selected", "aria-controls", "aria-disabled"], O = { class
       "aria-selected": t.value,
       "aria-controls": n.value,
       "aria-disabled": e.disabled,
-      class: P(["stash-tab", [
+      class: $(["stash-tab", [
         {
           "stash-tab--active is-active": t.value,
           "stash-tab--disabled": e.disabled,
@@ -44,7 +44,7 @@ const K = ["id", "aria-selected", "aria-controls", "aria-disabled"], O = { class
         }
       ]]),
       onClick: s[0] || (s[0] = (_) => d(e.value)),
-      onKeypress: s[1] || (s[1] = $((_) => d(e.value), ["enter"]))
+      onKeypress: s[1] || (s[1] = P((_) => d(e.value), ["enter"]))
     }, [
       (u(), B(E(m.value), N(h.value, {
         to: e.to,

package/dist/TabPanel.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, openBlock as l, createBlock as n, resolveDynamicComponent as o, normalizeClass as r, withCtx as i, renderSlot as p } from "vue";
+import { defineComponent as s, createBlock as l, openBlock as n, resolveDynamicComponent as o, normalizeClass as r, withCtx as i, renderSlot as p } from "vue";
 const b = /* @__PURE__ */ s({
   __name: "TabPanel",
   props: {
@@ -8,7 +8,7 @@ const b = /* @__PURE__ */ s({
   },
   setup(e) {
     const a = e;
-    return (t, c) => (l(), n(o(a.is), {
+    return (t, c) => (n(), l(o(a.is), {
       id: `tabpanel-${a.tabValue}`,
       "data-test": "stash-tab-panel",
       class: r(["stash-tab-panel", { "tw-hidden": a.activeTab !== a.tabValue }]),

package/dist/Table.js

@@ -1,4 +1,4 @@
-import { defineComponent as H, inject as g, computed as a, provide as N, watchEffect as L, openBlock as p, createElementBlock as I, normalizeClass as d, unref as f, normalizeStyle as A, createElementVNode as y, renderSlot as w, createBlock as k, withCtx as n, createVNode as i } from "vue";
+import { defineComponent as H, inject as g, computed as a, provide as N, watchEffect as L, createElementBlock as I, openBlock as p, normalizeStyle as A, normalizeClass as d, unref as f, createElementVNode as y, renderSlot as w, createBlock as k, withCtx as n, createVNode as i } from "vue";
 import "lodash-es/cloneDeep";
 import { M as E } from "./Module.keys-CEsrW2f0.js";
 import "lodash-es/get";

package/dist/TableCell.js

@@ -1,9 +1,9 @@
-import { defineComponent as _, useCssModule as p, inject as d, openBlock as a, createElementBlock as c, normalizeClass as u, unref as t, toDisplayString as f, createCommentVNode as y, renderSlot as b } from "vue";
+import { defineComponent as _, useCssModule as p, inject as d, createElementBlock as a, openBlock as c, normalizeClass as u, unref as t, createCommentVNode as f, renderSlot as y, toDisplayString as b } from "vue";
 import "lodash-es/cloneDeep";
 import "lodash-es/get";
 import "lodash-es/uniqueId";
 import "./DataView.keys-aSOnA4AD.js";
-import "./Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js";
+import "./Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js";
 import "@leaflink/snitch";
 import { T as w } from "./Table.keys-LHQf6FEH.js";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -21,7 +21,7 @@ const h = {
     if (!r)
       throw new Error("TableCell must be used within a Table component");
     const { density: e, hasActions: i, layout: s } = r;
-    return (m, B) => (a(), c("td", {
+    return (m, B) => (c(), a("td", {
       class: u(["stash-table-cell", [
         t(o).root,
         t(o)[`layout--${t(s)}`],
@@ -38,8 +38,8 @@ const h = {
       ]]),
       "data-test": "stash-table-cell"
     }, [
-      l.mobileHeader && t(s) === "stack" ? (a(), c("div", h, f(l.mobileHeader), 1)) : y("", !0),
-      b(m.$slots, "default")
+      l.mobileHeader && t(s) === "stack" ? (c(), a("div", h, b(l.mobileHeader), 1)) : f("", !0),
+      y(m.$slots, "default")
     ], 2));
   }
 }), k = "_root_rmarx_2", T = {

package/dist/TableHeaderCell.js

@@ -1,9 +1,9 @@
-import { defineComponent as k, useCssModule as T, inject as p, computed as m, openBlock as r, createElementBlock as _, normalizeClass as s, unref as t, createElementVNode as x, renderSlot as E, createBlock as w, createCommentVNode as n } from "vue";
+import { defineComponent as k, useCssModule as T, inject as p, computed as m, createElementBlock as _, openBlock as r, normalizeClass as s, unref as t, createElementVNode as x, renderSlot as E, createCommentVNode as n, createBlock as w } from "vue";
 import "lodash-es/cloneDeep";
 import "lodash-es/get";
 import f from "./Icon.js";
 import { D as b } from "./DataView.keys-aSOnA4AD.js";
-import "./Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js";
+import "./Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js";
 import "lodash-es/uniqueId";
 import "@leaflink/snitch";
 import { T as N } from "./Table.keys-LHQf6FEH.js";

package/dist/TableHeaderRow.js

@@ -1,10 +1,10 @@
-import { defineComponent as E, inject as p, ref as u, watchEffect as R, openBlock as s, createElementBlock as x, unref as e, createBlock as c, normalizeClass as r, withCtx as C, createCommentVNode as f, renderSlot as B } from "vue";
+import { defineComponent as E, inject as p, ref as u, watchEffect as R, createElementBlock as x, openBlock as s, createBlock as c, createCommentVNode as f, renderSlot as C, unref as e, normalizeClass as r, withCtx as B } from "vue";
 import { t as S } from "./locale.js";
 import v from "./Checkbox.js";
 import { D as w } from "./DataView.keys-aSOnA4AD.js";
 import "lodash-es/cloneDeep";
 import "lodash-es/uniqueId";
-import "./Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js";
+import "./Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js";
 import { T as N } from "./Table.keys-LHQf6FEH.js";
 import h from "./TableHeaderCell.js";
 import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -35,7 +35,7 @@ const A = /* @__PURE__ */ E({
         key: 0,
         class: r(["stash-table-header-row__selection-cell tw-min-w-[48px]", o.$style["row-control-cell"]])
       }, {
-        default: C(() => [
+        default: B(() => [
           (s(), c(v, {
             key: m.value,
             class: r(o.$style["row-selection-checkbox"]),
@@ -53,7 +53,7 @@ const A = /* @__PURE__ */ E({
         class: r(o.$style["row-control-cell"]),
         "data-test": "table-row-header-expansion-cell"
       }, null, 8, ["class"])) : f("", !0),
-      B(o.$slots, "default")
+      C(o.$slots, "default")
     ], 512));
   }
 }), I = {

package/dist/TableRow.js

@@ -1,12 +1,12 @@
-import { defineComponent as A, useAttrs as D, useCssModule as M, useSlots as V, inject as j, ref as P, computed as C, watch as q, openBlock as r, createElementBlock as x, Fragment as z, createElementVNode as F, mergeProps as J, unref as e, createBlock as k, normalizeClass as c, withCtx as _, createVNode as b, createCommentVNode as w, renderSlot as E } from "vue";
+import { defineComponent as A, useAttrs as D, useCssModule as M, useSlots as V, inject as j, ref as P, computed as C, watch as q, createElementBlock as x, openBlock as r, Fragment as z, createElementVNode as F, createCommentVNode as w, mergeProps as J, unref as e, createBlock as k, renderSlot as E, normalizeClass as c, withCtx as _, createVNode as b } from "vue";
 import L from "lodash-es/uniqueId";
 import { t as m } from "./locale.js";
 import O from "./Checkbox.js";
-import { _ as U } from "./ChevronToggle.vue_vue_type_script_setup_true_lang-DuvluoTi.js";
-import { _ as G } from "./Expand.vue_vue_type_script_setup_true_lang-D0fSAtHr.js";
+import { _ as U } from "./ChevronToggle.vue_vue_type_script_setup_true_lang-Ce_qOXfR.js";
+import { _ as G } from "./Expand.vue_vue_type_script_setup_true_lang-CiONJfAp.js";
 import "lodash-es/cloneDeep";
 import "./DataView.keys-aSOnA4AD.js";
-import "./Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js";
+import "./Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js";
 import y from "./TableCell.js";
 import { T as H } from "./Table.keys-LHQf6FEH.js";
 import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../src/components/TableRow/TableRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject, ref, useAttrs, useCssModule, useSlots, watch } from 'vue';\n\n  import { StashCommonColor } from '../../../types/colors';\n  import { t } from '../../locale';\n  import Checkbox, { CheckboxProps } from '../Checkbox/Checkbox.vue';\n  import ChevronToggle from '../ChevronToggle/ChevronToggle.vue';\n  import Expand from '../Expand/Expand.vue';\n  import { TABLE_INJECTION } from '../Table/Table.vue';\n  import TableCell from '../TableCell/TableCell.vue';\n\n  defineOptions({ inheritAttrs: false });\n\n  export interface TableRowProps {\n    hideExpansionDivider?: boolean;\n    isExpanded?: boolean;\n    isSelected?: boolean;\n    isSelectDisabled?: boolean;\n    /**\n     * The accent color for the TableRow.\n     */\n    accentColor?: StashCommonColor;\n  }\n\n  const props = withDefaults(defineProps<TableRowProps>(), {\n    /**\n     * If true, hides the divider between the parent row and expansion row\n     */\n    hideExpansionDivider: false,\n    isExpanded: false,\n    isSelected: false,\n    isSelectDisabled: false,\n    accentColor: undefined,\n  });\n\n  const emit = defineEmits<{\n    'update:isSelected': [isChecked: CheckboxProps['checked']];\n    'update:isExpanded': [isExpanded: boolean];\n  }>();\n\n  const attrs = useAttrs();\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  const tableInjection = inject(TABLE_INJECTION.key);\n\n  if (!tableInjection) {\n    throw new Error('TableRow must be used within a Table component');\n  }\n\n  const { hasActions, hasCustomExpandToggle, isExpandable, isSelectable, layout } = tableInjection;\n\n  const isRowExpanded = ref(props.isExpanded);\n  const isRowExpandable = computed(() => isExpandable.value && !!slots.expansion);\n\n  const childCellCount = computed(() => {\n    let count = slots.default?.({ toggleExpand }).length ?? 0;\n\n    if (isSelectable.value) {\n      count += 1;\n    }\n\n    if (isRowExpandable.value && !hasCustomExpandToggle.value) {\n      count += 1;\n    }\n\n    return count;\n  });\n  const rowId = uniqueId('table-row-');\n\n  function toggleExpand(value?: boolean) {\n    if (!isRowExpandable.value) {\n      throw new Error('Cannot call `toggleExpand` on a non-expandable row. Provide an `expansion` slot.');\n    }\n\n    const isExpanded = typeof value === 'boolean' ? value : !isRowExpanded.value;\n\n    isRowExpanded.value = isExpanded;\n    emit('update:isExpanded', isExpanded);\n  }\n\n  watch(\n    () => props.isExpanded,\n    () => toggleExpand(props.isExpanded),\n  );\n</script>\n\n<template>\n  <tr\n    class=\"stash-table-row\"\n    :class=\"[\n      classes.root,\n      classes[`layout--${layout}`],\n      {\n        [classes['is-expandable']]: isRowExpandable,\n        [classes['is-expanded']]: isRowExpanded,\n        [classes['root--hidden-divider']]: hideExpansionDivider,\n        'tw-p-gutter': layout === 'stack',\n        'tw-mb-6 tw-shadow lg:tw-mb-0 lg:tw-shadow-none': layout === 'stack' && !isRowExpandable,\n        'tw-pt-[60px]': hasActions && layout === 'stack' && !isSelectable,\n        'stash-table-row--accent': props.accentColor,\n        'tw-relative': props.accentColor,\n      },\n    ]\"\n    data-test=\"stash-table-row\"\n    v-bind=\"attrs\"\n  >\n    <TableCell\n      v-if=\"isSelectable\"\n      is-control\n      class=\"stash-table-row__selection-cell tw-min-w-[48px]\"\n      :class=\"classes['row-control-cell']\"\n      data-test=\"stash-table-row|selection-cell\"\n    >\n      <Checkbox\n        :class=\"classes['row-selection-checkbox']\"\n        :checked=\"props.isSelected\"\n        :disabled=\"props.isSelectDisabled\"\n        :title=\"t('ll.select.self')\"\n        @update:checked=\"emit('update:isSelected', $event)\"\n      />\n    </TableCell>\n    <TableCell\n      v-if=\"isRowExpandable && !hasCustomExpandToggle\"\n      class=\"stash-table-row__toggle-expansion-cell tw-px-0\"\n      data-test=\"stash-table-row|custom-expansion-cell\"\n      is-control\n      :class=\"classes['row-control-cell']\"\n    >\n      <ChevronToggle\n        :aria-controls=\"rowId\"\n        :aria-label=\"isRowExpanded ? t('ll.table.collapseRow') : t('ll.table.expandRow')\"\n        :direction=\"isRowExpanded ? 'up' : 'down'\"\n        :is-expanded=\"isRowExpanded\"\n        @click=\"toggleExpand\"\n      />\n    </TableCell>\n    <!-- @slot default -->\n    <slot :is-row-expanded=\"isRowExpanded\" :toggle-expand=\"toggleExpand\"></slot>\n    <!-- Displays a 4px accent on the left of the table row -->\n    <div\n      v-if=\"props.accentColor\"\n      data-test=\"stash-table-row|accent\"\n      :class=\"{\n        'tw-absolute': props.accentColor,\n        [`tw-bg-${props.accentColor}`]: props.accentColor,\n        'tw-block': props.accentColor,\n        'tw-h-full': props.accentColor,\n        'tw-w-1': props.accentColor,\n        'tw-top-0': props.accentColor,\n        'tw-left-0': props.accentColor,\n      }\"\n    ></div>\n  </tr>\n  <tr\n    v-if=\"isRowExpandable\"\n    class=\"stash-table-row stash-table-row--expandable\"\n    :class=\"classes['row-expansion']\"\n    data-test=\"stash-table-row|expansion-row\"\n  >\n    <Expand\n      is=\"td\"\n      :id=\"rowId\"\n      class=\"tw-border-none tw-bg-white tw-px-3 tw-py-0\"\n      data-test=\"stash-table-row|expansion-cell\"\n      :class=\"classes['row-expansion-content']\"\n      :colspan=\"childCellCount\"\n      :is-expanded=\"isRowExpanded\"\n    >\n      <!-- @slot expansion, for expandable content -->\n      <slot name=\"expansion\"></slot>\n    </Expand>\n  </tr>\n</template>\n\n<style module>\n  .root {\n    border: 0;\n  }\n\n  /**\n   * Only takes effect when hideExpansionDivider is true, for a softer collapse transition as the bottom border re-appears\n   */\n  .is-expandable > td {\n    border-bottom-color: var(--color-ice-200);\n    transition: border-bottom-color 0.5s;\n  }\n\n  .root--hidden-divider.is-expanded > td {\n    transition: border-bottom-color 0s;\n    /**\n     * Removes the grey cell background for 'control' cells at lower breakpoints, letting the white of the tr come through.\n     */\n    border-bottom-color: transparent;\n  }\n\n  .layout--scroll {\n    border-radius: 0;\n    box-shadow: none !important;\n    margin: 0;\n  }\n\n  .layout--scroll:last-of-type {\n    border: 0;\n  }\n\n  .layout--scroll:last-of-type td {\n    border-bottom: none;\n  }\n\n  .layout--stack {\n    align-items: stretch;\n    background-color: var(--color-white);\n    column-gap: var(--grid-gutter);\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    position: relative;\n    row-gap: var(--grid-gutter);\n  }\n\n  .layout--stack:not(.is-expanded) {\n    border-radius: theme('borderRadius.DEFAULT');\n    transition: border-radius 0.5s;\n  }\n\n  .layout--stack.is-expanded {\n    border-top-left-radius: theme('borderRadius.DEFAULT');\n    border-top-right-radius: theme('borderRadius.DEFAULT');\n  }\n\n  .row-selection-checkbox label {\n    padding: 0;\n    min-height: theme('spacing.6');\n    vertical-align: middle;\n  }\n\n  .layout--stack .row-control-cell {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  /* On mobile, display controls on their own row, pushing other cells below */\n  .row-control-cell + :not(.row-control-cell) {\n    grid-column-start: 1;\n  }\n\n  .row-expansion-content {\n    box-shadow: inset 0 -1px 0 0 var(--color-ice-200);\n  }\n\n  .layout--stack + .row-expansion,\n  .layout--stack + .row-expansion > .row-expansion-content {\n    display: block;\n  }\n\n  .layout--stack + .row-expansion > .row-expansion-content {\n    border-top: 1px solid var(--color-ice-200);\n    border-bottom-left-radius: theme('borderRadius.DEFAULT');\n    border-bottom-right-radius: theme('borderRadius.DEFAULT');\n    margin-bottom: theme('spacing.6');\n  }\n\n  .layout--stack.root--hidden-divider + .row-expansion > .row-expansion-content {\n    border-top: none;\n  }\n\n  /* On large screens, match the styles for layout-SCROLL */\n  @media screen('lg') {\n    .layout--stack {\n      align-items: unset;\n      background-color: unset;\n      border: 0;\n      border-bottom: 1px solid var(--color-ice-200);\n      border-radius: 0;\n      box-shadow: none;\n      column-gap: unset;\n      display: table-row;\n      grid-template-columns: unset;\n      row-gap: unset;\n    }\n\n    .layout--stack:last-of-type {\n      border-bottom: 0;\n    }\n\n    .layout--stack .row-control-cell {\n      display: table-cell;\n    }\n\n    .layout--stack + .row-expansion {\n      display: table-row;\n    }\n\n    .layout--stack + .row-expansion > .row-expansion-content {\n      border-top: unset;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n      display: table-cell;\n      margin-bottom: unset;\n    }\n\n    .row-control-cell + :not(.row-control-cell) {\n      grid-column-start: unset;\n    }\n  }\n</style>\n"],"names":["props","__props","emit","__emit","attrs","useAttrs","classes","useCssModule","slots","useSlots","tableInjection","inject","TABLE_INJECTION","hasActions","hasCustomExpandToggle","isExpandable","isSelectable","layout","isRowExpanded","ref","isRowExpandable","computed","childCellCount","count","_a","toggleExpand","rowId","uniqueId","value","isExpanded","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBE,UAAMA,IAAQC,GAWRC,IAAOC,GAKPC,IAAQC,EAAS,GACjBC,IAAUC,EAAa,GACvBC,IAAQC,EAAS,GAEjBC,IAAiBC,EAAOC,EAAgB,GAAG;AAEjD,QAAI,CAACF;AACG,YAAA,IAAI,MAAM,gDAAgD;AAGlE,UAAM,EAAE,YAAAG,GAAY,uBAAAC,GAAuB,cAAAC,GAAc,cAAAC,GAAc,QAAAC,MAAWP,GAE5EQ,IAAgBC,EAAInB,EAAM,UAAU,GACpCoB,IAAkBC,EAAS,MAAMN,EAAa,SAAS,CAAC,CAACP,EAAM,SAAS,GAExEc,IAAiBD,EAAS,MAAM;;AACpC,UAAIE,MAAQC,IAAAhB,EAAM,YAAN,gBAAAgB,EAAA,KAAAhB,GAAgB,EAAE,cAAAiB,EAAc,GAAE,WAAU;AAExD,aAAIT,EAAa,UACNO,KAAA,IAGPH,EAAgB,SAAS,CAACN,EAAsB,UACzCS,KAAA,IAGJA;AAAA,IAAA,CACR,GACKG,IAAQC,EAAS,YAAY;AAEnC,aAASF,EAAaG,GAAiB;AACjC,UAAA,CAACR,EAAgB;AACb,cAAA,IAAI,MAAM,kFAAkF;AAGpG,YAAMS,IAAa,OAAOD,KAAU,YAAYA,IAAQ,CAACV,EAAc;AAEvE,MAAAA,EAAc,QAAQW,GACtB3B,EAAK,qBAAqB2B,CAAU;AAAA,IAAA;AAGtC,WAAAC;AAAA,MACE,MAAM9B,EAAM;AAAA,MACZ,MAAMyB,EAAazB,EAAM,UAAU;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TableRow.js","sources":["../src/components/TableRow/TableRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject, ref, useAttrs, useCssModule, watch } from 'vue';\n\n  import { StashCommonColor } from '../../../types/colors';\n  import { t } from '../../locale';\n  import Checkbox, { CheckboxProps } from '../Checkbox/Checkbox.vue';\n  import ChevronToggle from '../ChevronToggle/ChevronToggle.vue';\n  import Expand from '../Expand/Expand.vue';\n  import { TABLE_INJECTION } from '../Table/Table.vue';\n  import TableCell from '../TableCell/TableCell.vue';\n\n  defineOptions({ inheritAttrs: false });\n\n  export interface TableRowProps {\n    hideExpansionDivider?: boolean;\n    isExpanded?: boolean;\n    isSelected?: boolean;\n    isSelectDisabled?: boolean;\n    /**\n     * The accent color for the TableRow.\n     */\n    accentColor?: StashCommonColor;\n  }\n\n  const props = withDefaults(defineProps<TableRowProps>(), {\n    /**\n     * If true, hides the divider between the parent row and expansion row\n     */\n    hideExpansionDivider: false,\n    isExpanded: false,\n    isSelected: false,\n    isSelectDisabled: false,\n    accentColor: undefined,\n  });\n\n  const emit = defineEmits<{\n    'update:isSelected': [isChecked: CheckboxProps['checked']];\n    'update:isExpanded': [isExpanded: boolean];\n  }>();\n\n  const attrs = useAttrs();\n  const classes = useCssModule();\n  const slots = defineSlots<{\n    default(props: { isRowExpanded?: boolean; toggleExpand: (value?: boolean) => void }): unknown[];\n    expansion(): unknown[];\n  }>();\n\n  const tableInjection = inject(TABLE_INJECTION.key);\n\n  if (!tableInjection) {\n    throw new Error('TableRow must be used within a Table component');\n  }\n\n  const { hasActions, hasCustomExpandToggle, isExpandable, isSelectable, layout } = tableInjection;\n\n  const isRowExpanded = ref(props.isExpanded);\n  const isRowExpandable = computed(() => isExpandable.value && !!slots.expansion);\n\n  const childCellCount = computed(() => {\n    let count = slots.default?.({ toggleExpand }).length ?? 0;\n\n    if (isSelectable.value) {\n      count += 1;\n    }\n\n    if (isRowExpandable.value && !hasCustomExpandToggle.value) {\n      count += 1;\n    }\n\n    return count;\n  });\n  const rowId = uniqueId('table-row-');\n\n  function toggleExpand(value?: boolean) {\n    if (!isRowExpandable.value) {\n      throw new Error('Cannot call `toggleExpand` on a non-expandable row. Provide an `expansion` slot.');\n    }\n\n    const isExpanded = typeof value === 'boolean' ? value : !isRowExpanded.value;\n\n    isRowExpanded.value = isExpanded;\n    emit('update:isExpanded', isExpanded);\n  }\n\n  watch(\n    () => props.isExpanded,\n    () => toggleExpand(props.isExpanded),\n  );\n</script>\n\n<template>\n  <tr\n    class=\"stash-table-row\"\n    :class=\"[\n      classes.root,\n      classes[`layout--${layout}`],\n      {\n        [classes['is-expandable']]: isRowExpandable,\n        [classes['is-expanded']]: isRowExpanded,\n        [classes['root--hidden-divider']]: hideExpansionDivider,\n        'tw-p-gutter': layout === 'stack',\n        'tw-mb-6 tw-shadow lg:tw-mb-0 lg:tw-shadow-none': layout === 'stack' && !isRowExpandable,\n        'tw-pt-[60px]': hasActions && layout === 'stack' && !isSelectable,\n        'stash-table-row--accent': props.accentColor,\n        'tw-relative': props.accentColor,\n      },\n    ]\"\n    data-test=\"stash-table-row\"\n    v-bind=\"attrs\"\n  >\n    <TableCell\n      v-if=\"isSelectable\"\n      is-control\n      class=\"stash-table-row__selection-cell tw-min-w-[48px]\"\n      :class=\"classes['row-control-cell']\"\n      data-test=\"stash-table-row|selection-cell\"\n    >\n      <Checkbox\n        :class=\"classes['row-selection-checkbox']\"\n        :checked=\"props.isSelected\"\n        :disabled=\"props.isSelectDisabled\"\n        :title=\"t('ll.select.self')\"\n        @update:checked=\"emit('update:isSelected', $event)\"\n      />\n    </TableCell>\n    <TableCell\n      v-if=\"isRowExpandable && !hasCustomExpandToggle\"\n      class=\"stash-table-row__toggle-expansion-cell tw-px-0\"\n      data-test=\"stash-table-row|custom-expansion-cell\"\n      is-control\n      :class=\"classes['row-control-cell']\"\n    >\n      <ChevronToggle\n        :aria-controls=\"rowId\"\n        :aria-label=\"isRowExpanded ? t('ll.table.collapseRow') : t('ll.table.expandRow')\"\n        :direction=\"isRowExpanded ? 'up' : 'down'\"\n        :is-expanded=\"isRowExpanded\"\n        @click=\"toggleExpand\"\n      />\n    </TableCell>\n    <!-- @slot default -->\n    <slot :is-row-expanded=\"isRowExpanded\" :toggle-expand=\"toggleExpand\"></slot>\n    <!-- Displays a 4px accent on the left of the table row -->\n    <div\n      v-if=\"props.accentColor\"\n      data-test=\"stash-table-row|accent\"\n      :class=\"{\n        'tw-absolute': props.accentColor,\n        [`tw-bg-${props.accentColor}`]: props.accentColor,\n        'tw-block': props.accentColor,\n        'tw-h-full': props.accentColor,\n        'tw-w-1': props.accentColor,\n        'tw-top-0': props.accentColor,\n        'tw-left-0': props.accentColor,\n      }\"\n    ></div>\n  </tr>\n  <tr\n    v-if=\"isRowExpandable\"\n    class=\"stash-table-row stash-table-row--expandable\"\n    :class=\"classes['row-expansion']\"\n    data-test=\"stash-table-row|expansion-row\"\n  >\n    <Expand\n      is=\"td\"\n      :id=\"rowId\"\n      class=\"tw-border-none tw-bg-white tw-px-3 tw-py-0\"\n      data-test=\"stash-table-row|expansion-cell\"\n      :class=\"classes['row-expansion-content']\"\n      :colspan=\"childCellCount\"\n      :is-expanded=\"isRowExpanded\"\n    >\n      <!-- @slot expansion, for expandable content -->\n      <slot name=\"expansion\"></slot>\n    </Expand>\n  </tr>\n</template>\n\n<style module>\n  .root {\n    border: 0;\n  }\n\n  /**\n   * Only takes effect when hideExpansionDivider is true, for a softer collapse transition as the bottom border re-appears\n   */\n  .is-expandable > td {\n    border-bottom-color: var(--color-ice-200);\n    transition: border-bottom-color 0.5s;\n  }\n\n  .root--hidden-divider.is-expanded > td {\n    transition: border-bottom-color 0s;\n    /**\n     * Removes the grey cell background for 'control' cells at lower breakpoints, letting the white of the tr come through.\n     */\n    border-bottom-color: transparent;\n  }\n\n  .layout--scroll {\n    border-radius: 0;\n    box-shadow: none !important;\n    margin: 0;\n  }\n\n  .layout--scroll:last-of-type {\n    border: 0;\n  }\n\n  .layout--scroll:last-of-type td {\n    border-bottom: none;\n  }\n\n  .layout--stack {\n    align-items: stretch;\n    background-color: var(--color-white);\n    column-gap: var(--grid-gutter);\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    position: relative;\n    row-gap: var(--grid-gutter);\n  }\n\n  .layout--stack:not(.is-expanded) {\n    border-radius: theme('borderRadius.DEFAULT');\n    transition: border-radius 0.5s;\n  }\n\n  .layout--stack.is-expanded {\n    border-top-left-radius: theme('borderRadius.DEFAULT');\n    border-top-right-radius: theme('borderRadius.DEFAULT');\n  }\n\n  .row-selection-checkbox label {\n    padding: 0;\n    min-height: theme('spacing.6');\n    vertical-align: middle;\n  }\n\n  .layout--stack .row-control-cell {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  /* On mobile, display controls on their own row, pushing other cells below */\n  .row-control-cell + :not(.row-control-cell) {\n    grid-column-start: 1;\n  }\n\n  .row-expansion-content {\n    box-shadow: inset 0 -1px 0 0 var(--color-ice-200);\n  }\n\n  .layout--stack + .row-expansion,\n  .layout--stack + .row-expansion > .row-expansion-content {\n    display: block;\n  }\n\n  .layout--stack + .row-expansion > .row-expansion-content {\n    border-top: 1px solid var(--color-ice-200);\n    border-bottom-left-radius: theme('borderRadius.DEFAULT');\n    border-bottom-right-radius: theme('borderRadius.DEFAULT');\n    margin-bottom: theme('spacing.6');\n  }\n\n  .layout--stack.root--hidden-divider + .row-expansion > .row-expansion-content {\n    border-top: none;\n  }\n\n  /* On large screens, match the styles for layout-SCROLL */\n  @media screen('lg') {\n    .layout--stack {\n      align-items: unset;\n      background-color: unset;\n      border: 0;\n      border-bottom: 1px solid var(--color-ice-200);\n      border-radius: 0;\n      box-shadow: none;\n      column-gap: unset;\n      display: table-row;\n      grid-template-columns: unset;\n      row-gap: unset;\n    }\n\n    .layout--stack:last-of-type {\n      border-bottom: 0;\n    }\n\n    .layout--stack .row-control-cell {\n      display: table-cell;\n    }\n\n    .layout--stack + .row-expansion {\n      display: table-row;\n    }\n\n    .layout--stack + .row-expansion > .row-expansion-content {\n      border-top: unset;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n      display: table-cell;\n      margin-bottom: unset;\n    }\n\n    .row-control-cell + :not(.row-control-cell) {\n      grid-column-start: unset;\n    }\n  }\n</style>\n"],"names":["props","__props","emit","__emit","attrs","useAttrs","classes","useCssModule","slots","_useSlots","tableInjection","inject","TABLE_INJECTION","hasActions","hasCustomExpandToggle","isExpandable","isSelectable","layout","isRowExpanded","ref","isRowExpandable","computed","childCellCount","count","_a","toggleExpand","rowId","uniqueId","value","isExpanded","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBE,UAAMA,IAAQC,GAWRC,IAAOC,GAKPC,IAAQC,EAAS,GACjBC,IAAUC,EAAa,GACvBC,IAAQC,EAGV,GAEEC,IAAiBC,EAAOC,EAAgB,GAAG;AAEjD,QAAI,CAACF;AACG,YAAA,IAAI,MAAM,gDAAgD;AAGlE,UAAM,EAAE,YAAAG,GAAY,uBAAAC,GAAuB,cAAAC,GAAc,cAAAC,GAAc,QAAAC,MAAWP,GAE5EQ,IAAgBC,EAAInB,EAAM,UAAU,GACpCoB,IAAkBC,EAAS,MAAMN,EAAa,SAAS,CAAC,CAACP,EAAM,SAAS,GAExEc,IAAiBD,EAAS,MAAM;;AACpC,UAAIE,MAAQC,IAAAhB,EAAM,YAAN,gBAAAgB,EAAA,KAAAhB,GAAgB,EAAE,cAAAiB,EAAc,GAAE,WAAU;AAExD,aAAIT,EAAa,UACNO,KAAA,IAGPH,EAAgB,SAAS,CAACN,EAAsB,UACzCS,KAAA,IAGJA;AAAA,IAAA,CACR,GACKG,IAAQC,EAAS,YAAY;AAEnC,aAASF,EAAaG,GAAiB;AACjC,UAAA,CAACR,EAAgB;AACb,cAAA,IAAI,MAAM,kFAAkF;AAGpG,YAAMS,IAAa,OAAOD,KAAU,YAAYA,IAAQ,CAACV,EAAc;AAEvE,MAAAA,EAAc,QAAQW,GACtB3B,EAAK,qBAAqB2B,CAAU;AAAA,IAAA;AAGtC,WAAAC;AAAA,MACE,MAAM9B,EAAM;AAAA,MACZ,MAAMyB,EAAazB,EAAM,UAAU;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}