@plumile/ui 0.1.55 → 0.1.57

package/lib/esm/components/subscriptions/RefetchNeededBanner.js

@@ -0,0 +1,32 @@
+import { cx as e } from "../../theme/tools.js";
+import { useUiTranslation as t } from "../../i18n/useUiTranslation.js";
+import { Button as n } from "../../atomic/atoms/button/Button.js";
+import { content as r, message as i, root as a, title as o } from "./RefetchNeededBanner.css.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/subscriptions/RefetchNeededBanner.tsx
+var l = ({ reason: l, onReload: u, className: d }) => {
+	let { t: f } = t(), p = f("subscriptions.refetchNeeded.messages.default");
+	return l === "CURSOR_REPLAY_UNAVAILABLE" ? p = f("subscriptions.refetchNeeded.messages.cursorReplayUnavailable") : l === "BUFFER_OVERFLOW" && (p = f("subscriptions.refetchNeeded.messages.bufferOverflow")), /* @__PURE__ */ c("div", {
+		className: e(a, d),
+		children: [/* @__PURE__ */ c("div", {
+			className: r,
+			children: [/* @__PURE__ */ s("p", {
+				className: o,
+				children: f("subscriptions.refetchNeeded.title")
+			}), /* @__PURE__ */ s("p", {
+				className: i,
+				children: p
+			})]
+		}), /* @__PURE__ */ s(n, {
+			type: "button",
+			variant: "secondary",
+			size: "small",
+			onClick: u,
+			children: f("subscriptions.refetchNeeded.actions.reload")
+		})]
+	});
+};
+//#endregion
+export { l as RefetchNeededBanner };
+
+//# sourceMappingURL=RefetchNeededBanner.js.map

package/lib/esm/components/subscriptions/RefetchNeededBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefetchNeededBanner.js","names":[],"sources":["../../../../src/components/subscriptions/RefetchNeededBanner.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '../../atomic/atoms/button/Button.js';\nimport { cx } from '../../theme/tools.js';\nimport { useUiTranslation } from '../../i18n/useUiTranslation.js';\n\nimport * as styles from './RefetchNeededBanner.css.js';\n\ntype Props = {\n  reason: string;\n  onReload: () => void;\n  className?: string;\n};\n\nexport const RefetchNeededBanner = ({\n  reason,\n  onReload,\n  className,\n}: Props): JSX.Element => {\n  const { t } = useUiTranslation();\n  let message = t('subscriptions.refetchNeeded.messages.default');\n  if (reason === 'CURSOR_REPLAY_UNAVAILABLE') {\n    message = t('subscriptions.refetchNeeded.messages.cursorReplayUnavailable');\n  } else if (reason === 'BUFFER_OVERFLOW') {\n    message = t('subscriptions.refetchNeeded.messages.bufferOverflow');\n  }\n\n  return (\n    <div className={cx(styles.root, className)}>\n      <div className={styles.content}>\n        <p className={styles.title}>{t('subscriptions.refetchNeeded.title')}</p>\n        <p className={styles.message}>{message}</p>\n      </div>\n      <Button type=\"button\" variant=\"secondary\" size=\"small\" onClick={onReload}>\n        {t('subscriptions.refetchNeeded.actions.reload')}\n      </Button>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAcA,IAAa,KAAuB,EAClC,WACA,aACA,mBACwB;CACxB,IAAM,EAAE,SAAM,GAAkB,EAC5B,IAAU,EAAE,+CAA+C;AAO/D,QANI,MAAW,8BACb,IAAU,EAAE,+DAA+D,GAClE,MAAW,sBACpB,IAAU,EAAE,sDAAsD,GAIlE,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAa,EAAU;YAA1C,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,KAAD;IAAG,WAAW;cAAe,EAAE,oCAAoC;IAAK,CAAA,EACxE,kBAAC,KAAD;IAAG,WAAW;cAAiB;IAAY,CAAA,CACvC;MACN,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;GAAY,MAAK;GAAQ,SAAS;aAC7D,EAAE,6CAA6C;GACzC,CAAA,CACL"}

package/lib/esm/components/tile/InfoTile.css.js

@@ -1,18 +1,8 @@
-/* empty css                                       */
-/* empty css                            */
-var t = "_1mkg78a0 txvbqbu6f txvbqb1s6 txvbqbv2d txvbqblax txvbqb9io txvbqbai6 txvbqbaoo txvbqb8pf", x = "_1mkg78a2 _1mkg78a1 txvbqb77 txvbqb6y txvbqb7k", q = "_1mkg78a3 txvbqb3b txvbqbu6f txvbqb9jf", a = "_1mkg78a6 _1mkg78a4 txvbqb4 _1mkg78a5 txvbqbv txvbqb9jf txvbqbu6f", o = "_1mkg78a7 txvbqb9io txvbqbajx txvbqbcf txvbqbdoo txvbqbaof", i = "_1mkg78a8 txvbqb9io txvbqbai6 txvbqbanx txvbqbk4x", r = "_1mkg78a9 txvbqb9o txvbqbf4f txvbqbamo txvbqbv8p txvbqbfbo", m = "_1mkg78aa txvbqbfbo txvbqb8x txvbqban6", k = "_1mkg78ab txvbqb8x txvbqbv8r txvbqb9io txvbqbajx txvbqbao6", g = "_1mkg78ac txvbqb96 txvbqbv8p txvbqb9io txvbqbai6 txvbqbao6", e = "_1mkg78ad txvbqb9io txvbqbajx txvbqbaof txvbqbco txvbqbdoo txvbqb8x txvbqbv8r", f = "_1mkg78ae txvbqb9io txvbqbco txvbqbao6 txvbqbgwf";
-export {
-  f as actions,
-  g as body,
-  e as footer,
-  o as header,
-  i as headingGroup,
-  x as interactive,
-  a as interactiveButton,
-  q as interactiveLink,
-  k as meta,
-  m as subtitle,
-  t as tile,
-  r as title
-};
-//# sourceMappingURL=InfoTile.css.js.map
+/* empty css                                   */
+/* empty css                        */
+//#region src/components/tile/InfoTile.css.ts
+var e = "_1mkg78a0 txvbqbu6f txvbqb1s6 txvbqbv2d txvbqblax txvbqb9io txvbqbai6 txvbqbaoo txvbqb8pf", t = "_1mkg78a2 _1mkg78a1 txvbqb77 txvbqb6y txvbqb7k", n = "_1mkg78a3 txvbqb3b txvbqbu6f txvbqb9jf", r = "_1mkg78a6 _1mkg78a4 txvbqb4 _1mkg78a5 txvbqbv txvbqb9jf txvbqbu6f", i = "_1mkg78a7 txvbqb9io txvbqbajx txvbqbcf txvbqbdoo txvbqbaof", a = "_1mkg78a8 txvbqb9io txvbqbai6 txvbqbanx txvbqbk4x", o = "_1mkg78a9 txvbqb9o txvbqbf4f txvbqbamo txvbqbv8p txvbqbfbo", s = "_1mkg78aa txvbqbfbo txvbqb8x txvbqban6", c = "_1mkg78ab txvbqb8x txvbqbv8r txvbqb9io txvbqbajx txvbqbao6", l = "_1mkg78ac txvbqb96 txvbqbv8p txvbqb9io txvbqbai6 txvbqbao6", u = "_1mkg78ad txvbqb9io txvbqbajx txvbqbaof txvbqbco txvbqbdoo txvbqb8x txvbqbv8r", d = "_1mkg78ae txvbqb9io txvbqbco txvbqbao6 txvbqbgwf";
+//#endregion
+export { d as actions, l as body, u as footer, i as header, a as headingGroup, t as interactive, r as interactiveButton, n as interactiveLink, c as meta, s as subtitle, e as tile, o as title };
+
+//# sourceMappingURL=InfoTile.css.js.map

package/lib/esm/components/tile/InfoTile.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoTile.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"InfoTile.css.js","names":[],"sources":["../../../../src/components/tile/InfoTile.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '../../theme/sprinkles.css.js';\nimport { vars } from '../../theme/themeContract.js';\n\nexport const tile = sprinkles({\n  width: 'full',\n  borderRadius: '2xl',\n  backgroundColor: 'black-10',\n  padding: 6,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  boxShadow: 'sm',\n});\n\nexport const interactive = style([\n  sprinkles({\n    transitionProperty: 'default',\n    transitionDuration: 160,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        boxShadow: vars.boxShadow.md,\n        transform: 'translateY(-2px)',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors['blue-500']}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const interactiveLink = sprinkles({\n  textDecoration: 'none',\n  width: 'full',\n  display: 'inline-flex',\n});\n\nconst interactiveButtonReset = sprinkles({\n  all: 'unset',\n});\n\nexport const interactiveButton = style([\n  interactiveButtonReset,\n  sprinkles({\n    cursor: 'pointer',\n    display: 'inline-flex',\n    width: 'full',\n  }),\n]);\n\nexport const header = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'flex-start',\n  justifyContent: 'space-between',\n  gap: 3,\n});\n\nexport const headingGroup = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const title = sprinkles({\n  fontSize: 'xl',\n  lineHeight: 1.4,\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n});\n\nexport const subtitle = sprinkles({\n  margin: 0,\n  fontSize: 'sm',\n  fontWeight: 'extrabold',\n});\n\nexport const meta = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n\nexport const body = sprinkles({\n  fontSize: 'base',\n  color: 'text',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const footer = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 3,\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  marginLeft: 'auto',\n});\n"],"mappings":""}

package/lib/esm/components/tile/InfoTile.js

@@ -1,68 +1,63 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import { Link as p } from "@plumile/router";
-import { header as y, headingGroup as k, body as v, interactiveLink as $, interactiveButton as x, title as N, subtitle as b, interactive as C, tile as L, actions as g, meta as j, footer as T } from "./InfoTile.css.js";
-import { cx as A } from "../../theme/tools.js";
-const B = (e) => e == null ? null : typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ l("p", { className: N, children: e }) : /* @__PURE__ */ l("div", { className: N, children: e }), G = (e) => e == null ? null : typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ l("p", { className: b, children: e }) : /* @__PURE__ */ l("div", { className: b, children: e }), z = (e) => {
-  const {
-    actions: i,
-    body: c,
-    children: o,
-    footer: a,
-    interactive: n,
-    meta: s,
-    subtitle: d,
-    title: u
-  } = e;
-  let m = null;
-  i != null && (m = /* @__PURE__ */ l("div", { className: g, children: i }));
-  let f = null;
-  s != null && (f = /* @__PURE__ */ l("div", { className: j, children: s }));
-  let h = null;
-  a != null && (h = /* @__PURE__ */ l("div", { className: T, children: a }));
-  const r = /* @__PURE__ */ t(
-    "article",
-    {
-      className: A(L, {
-        [C]: n != null
-      }),
-      children: [
-        (u != null || d != null || i != null) && /* @__PURE__ */ t("div", { className: y, children: [
-          /* @__PURE__ */ t("div", { className: k, children: [
-            B(u),
-            G(d)
-          ] }),
-          m
-        ] }),
-        f,
-        (c != null || o != null) && /* @__PURE__ */ t("div", { className: v, children: [
-          c,
-          o
-        ] }),
-        h
-      ]
-    }
-  );
-  return n == null ? r : n.href != null ? /* @__PURE__ */ l(
-    p,
-    {
-      to: n.href,
-      "aria-label": n.ariaLabel,
-      className: $,
-      onClick: n.onClick,
-      children: r
-    }
-  ) : /* @__PURE__ */ l(
-    "button",
-    {
-      type: "button",
-      "aria-label": n.ariaLabel,
-      className: x,
-      onClick: n.onClick,
-      children: r
-    }
-  );
+import { cx as e } from "../../theme/tools.js";
+import { actions as t, footer as n, interactive as r, interactiveButton as i, interactiveLink as a, meta as o, subtitle as s, tile as c, title as l } from "./InfoTile.css.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Link as f } from "@plumile/router";
+//#region src/components/tile/InfoTile.tsx
+var p = (e) => e == null ? null : u(typeof e == "string" || typeof e == "number" ? "p" : "div", {
+	className: l,
+	children: e
+}), m = (e) => e == null ? null : u(typeof e == "string" || typeof e == "number" ? "p" : "div", {
+	className: s,
+	children: e
+}), h = (s) => {
+	let { actions: l, body: h, children: g, footer: _, interactive: v, meta: y, subtitle: b, title: x } = s, S = null;
+	l != null && (S = /* @__PURE__ */ u("div", {
+		className: t,
+		children: l
+	}));
+	let C = null;
+	y != null && (C = /* @__PURE__ */ u("div", {
+		className: o,
+		children: y
+	}));
+	let w = null;
+	_ != null && (w = /* @__PURE__ */ u("div", {
+		className: n,
+		children: _
+	}));
+	let T = /* @__PURE__ */ d("article", {
+		className: e(c, { [r]: v != null }),
+		children: [
+			(x != null || b != null || l != null) && /* @__PURE__ */ d("div", {
+				className: "_1mkg78a7 txvbqb9io txvbqbajx txvbqbcf txvbqbdoo txvbqbaof",
+				children: [/* @__PURE__ */ d("div", {
+					className: "_1mkg78a8 txvbqb9io txvbqbai6 txvbqbanx txvbqbk4x",
+					children: [p(x), m(b)]
+				}), S]
+			}),
+			C,
+			(h != null || g != null) && /* @__PURE__ */ d("div", {
+				className: "_1mkg78ac txvbqb96 txvbqbv8p txvbqb9io txvbqbai6 txvbqbao6",
+				children: [h, g]
+			}),
+			w
+		]
+	});
+	return v == null ? T : v.href == null ? /* @__PURE__ */ u("button", {
+		type: "button",
+		"aria-label": v.ariaLabel,
+		className: i,
+		onClick: v.onClick,
+		children: T
+	}) : /* @__PURE__ */ u(f, {
+		to: v.href,
+		"aria-label": v.ariaLabel,
+		className: a,
+		onClick: v.onClick,
+		children: T
+	});
 };
-export {
-  z as InfoTile
-};
-//# sourceMappingURL=InfoTile.js.map
+//#endregion
+export { h as InfoTile };
+
+//# sourceMappingURL=InfoTile.js.map

package/lib/esm/components/tile/InfoTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoTile.js","sources":["../../../../src/components/tile/InfoTile.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { Link } from '@plumile/router';\n\nimport * as styles from './InfoTile.css.js';\nimport { cx } from '../../theme/tools.js';\n\ntype InteractiveConfig =\n  | {\n      ariaLabel: string;\n      href: string;\n      onClick?: () => void;\n    }\n  | {\n      ariaLabel: string;\n      href?: undefined;\n      onClick: () => void;\n    };\n\nexport type InfoTileProps = {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  meta?: ReactNode;\n  body?: ReactNode;\n  footer?: ReactNode;\n  actions?: ReactNode;\n  children?: ReactNode;\n  interactive?: InteractiveConfig;\n};\n\nconst renderTitle = (value: ReactNode | undefined): ReactNode => {\n  if (value == null) {\n    return null;\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return <p className={styles.title}>{value}</p>;\n  }\n\n  return <div className={styles.title}>{value}</div>;\n};\n\nconst renderSubtitle = (value: ReactNode | undefined): ReactNode => {\n  if (value == null) {\n    return null;\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return <p className={styles.subtitle}>{value}</p>;\n  }\n\n  return <div className={styles.subtitle}>{value}</div>;\n};\n\nexport const InfoTile = (props: InfoTileProps): JSX.Element => {\n  const {\n    actions,\n    body,\n    children,\n    footer,\n    interactive,\n    meta,\n    subtitle,\n    title,\n  } = props;\n\n  let headerActionsNode: JSX.Element | null = null;\n  if (actions != null) {\n    headerActionsNode = <div className={styles.actions}>{actions}</div>;\n  }\n\n  let metaNode: JSX.Element | null = null;\n  if (meta != null) {\n    metaNode = <div className={styles.meta}>{meta}</div>;\n  }\n\n  let footerNode: JSX.Element | null = null;\n  if (footer != null) {\n    footerNode = <div className={styles.footer}>{footer}</div>;\n  }\n\n  const content = (\n    <article\n      className={cx(styles.tile, {\n        [styles.interactive]: interactive != null,\n      })}\n    >\n      {(title != null || subtitle != null || actions != null) && (\n        <div className={styles.header}>\n          <div className={styles.headingGroup}>\n            {renderTitle(title)}\n            {renderSubtitle(subtitle)}\n          </div>\n          {headerActionsNode}\n        </div>\n      )}\n\n      {metaNode}\n\n      {(body != null || children != null) && (\n        <div className={styles.body}>\n          {body}\n          {children}\n        </div>\n      )}\n\n      {footerNode}\n    </article>\n  );\n\n  if (interactive == null) {\n    return content;\n  }\n\n  if (interactive.href != null) {\n    return (\n      <Link\n        to={interactive.href}\n        aria-label={interactive.ariaLabel}\n        className={styles.interactiveLink}\n        onClick={interactive.onClick}\n      >\n        {content}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={interactive.ariaLabel}\n      className={styles.interactiveButton}\n      onClick={interactive.onClick}\n    >\n      {content}\n    </button>\n  );\n};\n"],"names":["renderTitle","value","jsx","styles.title","renderSubtitle","styles.subtitle","InfoTile","props","actions","body","children","footer","interactive","meta","subtitle","title","headerActionsNode","styles.actions","metaNode","styles.meta","footerNode","styles.footer","content","jsxs","cx","styles.tile","styles.interactive","styles.header","styles.headingGroup","styles.body","Link","styles.interactiveLink","styles.interactiveButton"],"mappings":";;;;AA6BA,MAAMA,IAAc,CAACC,MACfA,KAAS,OACJ,OAGL,OAAOA,KAAU,YAAY,OAAOA,KAAU,WACzC,gBAAAC,EAAC,KAAA,EAAE,WAAWC,GAAe,UAAAF,GAAM,IAGrC,gBAAAC,EAAC,OAAA,EAAI,WAAWC,GAAe,UAAAF,GAAM,GAGxCG,IAAiB,CAACH,MAClBA,KAAS,OACJ,OAGL,OAAOA,KAAU,YAAY,OAAOA,KAAU,WACzC,gBAAAC,EAAC,KAAA,EAAE,WAAWG,GAAkB,UAAAJ,GAAM,IAGxC,gBAAAC,EAAC,OAAA,EAAI,WAAWG,GAAkB,UAAAJ,GAAM,GAGpCK,IAAW,CAACC,MAAsC;AAC7D,QAAM;AAAA,IAAA,SACJC;AAAAA,IAAA,MACAC;AAAAA,IACA,UAAAC;AAAA,IAAA,QACAC;AAAAA,IAAA,aACAC;AAAAA,IAAA,MACAC;AAAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACER;AAEJ,MAAIS,IAAwC;AAC5C,EAAIR,KAAW,SACbQ,IAAoB,gBAAAd,EAAC,OAAA,EAAI,WAAWe,GAAiB,UAAAT,GAAQ;AAG/D,MAAIU,IAA+B;AACnC,EAAIL,KAAQ,SACVK,IAAW,gBAAAhB,EAAC,OAAA,EAAI,WAAWiB,GAAc,UAAAN,GAAK;AAGhD,MAAIO,IAAiC;AACrC,EAAIT,KAAU,SACZS,IAAa,gBAAAlB,EAAC,OAAA,EAAI,WAAWmB,GAAgB,UAAAV,GAAO;AAGtD,QAAMW,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,GAAa;AAAA,QACzB,CAACC,CAAkB,GAAGd,KAAe;AAAA,MAAA,CACtC;AAAA,MAEC,UAAA;AAAA,SAAAG,KAAS,QAAQD,KAAY,QAAQN,KAAW,SAChD,gBAAAe,EAAC,OAAA,EAAI,WAAWI,GACd,UAAA;AAAA,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWK,GACb,UAAA;AAAA,YAAA5B,EAAYe,CAAK;AAAA,YACjBX,EAAeU,CAAQ;AAAA,UAAA,GAC1B;AAAA,UACCE;AAAA,QAAA,GACH;AAAA,QAGDE;AAAA,SAECT,KAAQ,QAAQC,KAAY,2BAC3B,OAAA,EAAI,WAAWmB,GACb,UAAA;AAAA,UAAApB;AAAAA,UACAC;AAAA,QAAA,GACH;AAAA,QAGDU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIL,SAAIR,KAAe,OACVU,IAGLV,EAAY,QAAQ,OAEpB,gBAAAV;AAAA,IAAC4B;AAAA,IAAA;AAAA,MACC,IAAIlB,EAAY;AAAA,MAChB,cAAYA,EAAY;AAAA,MACxB,WAAWmB;AAAAA,MACX,SAASnB,EAAY;AAAA,MAEpB,UAAAU;AAAA,IAAA;AAAA,EAAA,IAML,gBAAApB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAYU,EAAY;AAAA,MACxB,WAAWoB;AAAAA,MACX,SAASpB,EAAY;AAAA,MAEpB,UAAAU;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"InfoTile.js","names":[],"sources":["../../../../src/components/tile/InfoTile.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { Link } from '@plumile/router';\n\nimport * as styles from './InfoTile.css.js';\nimport { cx } from '../../theme/tools.js';\n\ntype InteractiveConfig =\n  | {\n      ariaLabel: string;\n      href: string;\n      onClick?: () => void;\n    }\n  | {\n      ariaLabel: string;\n      href?: undefined;\n      onClick: () => void;\n    };\n\nexport type InfoTileProps = {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  meta?: ReactNode;\n  body?: ReactNode;\n  footer?: ReactNode;\n  actions?: ReactNode;\n  children?: ReactNode;\n  interactive?: InteractiveConfig;\n};\n\nconst renderTitle = (value: ReactNode | undefined): ReactNode => {\n  if (value == null) {\n    return null;\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return <p className={styles.title}>{value}</p>;\n  }\n\n  return <div className={styles.title}>{value}</div>;\n};\n\nconst renderSubtitle = (value: ReactNode | undefined): ReactNode => {\n  if (value == null) {\n    return null;\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return <p className={styles.subtitle}>{value}</p>;\n  }\n\n  return <div className={styles.subtitle}>{value}</div>;\n};\n\nexport const InfoTile = (props: InfoTileProps): JSX.Element => {\n  const {\n    actions,\n    body,\n    children,\n    footer,\n    interactive,\n    meta,\n    subtitle,\n    title,\n  } = props;\n\n  let headerActionsNode: JSX.Element | null = null;\n  if (actions != null) {\n    headerActionsNode = <div className={styles.actions}>{actions}</div>;\n  }\n\n  let metaNode: JSX.Element | null = null;\n  if (meta != null) {\n    metaNode = <div className={styles.meta}>{meta}</div>;\n  }\n\n  let footerNode: JSX.Element | null = null;\n  if (footer != null) {\n    footerNode = <div className={styles.footer}>{footer}</div>;\n  }\n\n  const content = (\n    <article\n      className={cx(styles.tile, {\n        [styles.interactive]: interactive != null,\n      })}\n    >\n      {(title != null || subtitle != null || actions != null) && (\n        <div className={styles.header}>\n          <div className={styles.headingGroup}>\n            {renderTitle(title)}\n            {renderSubtitle(subtitle)}\n          </div>\n          {headerActionsNode}\n        </div>\n      )}\n\n      {metaNode}\n\n      {(body != null || children != null) && (\n        <div className={styles.body}>\n          {body}\n          {children}\n        </div>\n      )}\n\n      {footerNode}\n    </article>\n  );\n\n  if (interactive == null) {\n    return content;\n  }\n\n  if (interactive.href != null) {\n    return (\n      <Link\n        to={interactive.href}\n        aria-label={interactive.ariaLabel}\n        className={styles.interactiveLink}\n        onClick={interactive.onClick}\n      >\n        {content}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={interactive.ariaLabel}\n      className={styles.interactiveButton}\n      onClick={interactive.onClick}\n    >\n      {content}\n    </button>\n  );\n};\n"],"mappings":";;;;;AA6BA,IAAM,KAAe,MACf,KAAS,OACJ,OAIA,EADL,OAAO,KAAU,YAAY,OAAO,KAAU,WACxC,MAGF,OAHC;CAAG,WAAW;WAAe;CAAU,CAAA,EAM5C,KAAkB,MAClB,KAAS,OACJ,OAIA,EADL,OAAO,KAAU,YAAY,OAAO,KAAU,WACxC,MAGF,OAHC;CAAG,WAAW;WAAkB;CAAU,CAAA,EAMxC,KAAY,MAAsC;CAC7D,IAAM,EACJ,SAAA,GACA,MAAA,GACA,aACA,QAAA,GACA,aAAA,GACA,MAAA,GACA,aACA,aACE,GAEA,IAAwC;AAC5C,CAAI,KAAW,SACb,IAAoB,kBAAC,OAAD;EAAK,WAAW;YAAiB;EAAc,CAAA;CAGrE,IAAI,IAA+B;AACnC,CAAI,KAAQ,SACV,IAAW,kBAAC,OAAD;EAAK,WAAW;YAAc;EAAW,CAAA;CAGtD,IAAI,IAAiC;AACrC,CAAI,KAAU,SACZ,IAAa,kBAAC,OAAD;EAAK,WAAW;YAAgB;EAAa,CAAA;CAG5D,IAAM,IACJ,kBAAC,WAAD;EACE,WAAW,EAAG,GAAa,GACxB,IAAqB,KAAe,MACtC,CAAC;YAHJ;IAKI,KAAS,QAAQ,KAAY,QAAQ,KAAW,SAChD,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACG,EAAY,EAAM,EAClB,EAAe,EAAS,CACrB;QACL,EACG;;GAGP;IAEC,KAAQ,QAAQ,KAAY,SAC5B,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,GACA,EACG;;GAGP;GACO;;AAoBZ,QAjBI,KAAe,OACV,IAGL,EAAY,QAAQ,OActB,kBAAC,UAAD;EACE,MAAK;EACL,cAAY,EAAY;EACxB,WAAW;EACX,SAAS,EAAY;YAEpB;EACM,CAAA,GAnBP,kBAAC,GAAD;EACE,IAAI,EAAY;EAChB,cAAY,EAAY;EACxB,WAAW;EACX,SAAS,EAAY;YAEpB;EACI,CAAA"}

package/lib/esm/i18n/useUiTranslation.js

@@ -0,0 +1,9 @@
+import { useTranslation as e } from "react-i18next";
+//#region src/i18n/useUiTranslation.ts
+function t() {
+	return e("ui");
+}
+//#endregion
+export { t as useUiTranslation };
+
+//# sourceMappingURL=useUiTranslation.js.map

package/lib/esm/i18n/useUiTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiTranslation.js","names":[],"sources":["../../../src/i18n/useUiTranslation.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\n/** Returns i18n helpers bound to the ui namespace. */\nexport function useUiTranslation(): ReturnType<typeof useTranslation> {\n  return useTranslation('ui');\n}\n"],"mappings":";;AAGA,SAAgB,IAAsD;AACpE,QAAO,EAAe,KAAK"}

package/lib/esm/icons/BanSvg.js

@@ -1,44 +1,29 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-const i = ({
-  width: o = 16,
-  height: e = 16,
-  ...n
-}) => /* @__PURE__ */ t(
-  "svg",
-  {
-    width: o,
-    height: e,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...n,
-    children: [
-      /* @__PURE__ */ r(
-        "circle",
-        {
-          cx: "12",
-          cy: "12",
-          r: "9",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M6 6l12 12",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-);
-export {
-  i as BanSvg
-};
-//# sourceMappingURL=BanSvg.js.map
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/icons/BanSvg.tsx
+var n = ({ width: n = 16, height: r = 16, ...i }) => /* @__PURE__ */ t("svg", {
+	width: n,
+	height: r,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...i,
+	children: [/* @__PURE__ */ e("circle", {
+		cx: "12",
+		cy: "12",
+		r: "9",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	}), /* @__PURE__ */ e("path", {
+		d: "M6 6l12 12",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})]
+});
+//#endregion
+export { n as BanSvg };
+
+//# sourceMappingURL=BanSvg.js.map

package/lib/esm/icons/BanSvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"BanSvg.js","sources":["../../../src/icons/BanSvg.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\ntype Props = React.SVGProps<SVGSVGElement>;\n\nexport const BanSvg = ({\n  width = 16,\n  height = 16,\n  ...rest\n}: Props): JSX.Element => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"9\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M6 6l12 12\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"names":["BanSvg","width","height","rest","jsxs","jsx"],"mappings":";AAIO,MAAMA,IAAS,CAAC;AAAA,EACrB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAH;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"BanSvg.js","names":[],"sources":["../../../src/icons/BanSvg.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\ntype Props = React.SVGProps<SVGSVGElement>;\n\nexport const BanSvg = ({\n  width = 16,\n  height = 16,\n  ...rest\n}: Props): JSX.Element => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"9\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M6 6l12 12\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"mappings":";;AAIA,IAAa,KAAU,EACrB,WAAQ,IACR,YAAS,IACT,GAAG,QAGD,kBAAC,OAAD;CACS;CACC;CACR,SAAQ;CACR,MAAK;CACL,OAAM;CACN,GAAI;WANN,CAQE,kBAAC,UAAD;EACE,IAAG;EACH,IAAG;EACH,GAAE;EACF,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;EACf,CAAA,EACF,kBAAC,QAAD;EACE,GAAE;EACF,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;EACf,CAAA,CACE"}

package/lib/esm/icons/ButtonLoadingSpinnerSvg.js

@@ -1,41 +1,26 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-const n = ({
-  width: t = 24,
-  height: o = 24,
-  ...e
-}) => /* @__PURE__ */ i(
-  "svg",
-  {
-    width: t,
-    height: o,
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...e,
-    children: [
-      /* @__PURE__ */ r(
-        "circle",
-        {
-          cx: "12",
-          cy: "12",
-          r: "10",
-          stroke: "currentColor",
-          strokeWidth: "4",
-          strokeOpacity: 0.25
-        }
-      ),
-      /* @__PURE__ */ r(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
-          fillOpacity: 0.75
-        }
-      )
-    ]
-  }
-);
-export {
-  n as ButtonLoadingSpinnerSvg
-};
-//# sourceMappingURL=ButtonLoadingSpinnerSvg.js.map
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/icons/ButtonLoadingSpinnerSvg.tsx
+var n = ({ width: n = 24, height: r = 24, ...i }) => /* @__PURE__ */ t("svg", {
+	width: n,
+	height: r,
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	...i,
+	children: [/* @__PURE__ */ e("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		stroke: "currentColor",
+		strokeWidth: "4",
+		strokeOpacity: .25
+	}), /* @__PURE__ */ e("path", {
+		fill: "currentColor",
+		d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
+		fillOpacity: .75
+	})]
+});
+//#endregion
+export { n as ButtonLoadingSpinnerSvg };
+
+//# sourceMappingURL=ButtonLoadingSpinnerSvg.js.map

package/lib/esm/icons/ButtonLoadingSpinnerSvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLoadingSpinnerSvg.js","sources":["../../../src/icons/ButtonLoadingSpinnerSvg.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\ntype Props = React.SVGProps<SVGSVGElement>;\n\nexport const ButtonLoadingSpinnerSvg = ({\n  width = 24,\n  height = 24,\n  ...rest\n}: Props): JSX.Element => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      {...rest}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n        strokeOpacity={0.25}\n      ></circle>\n      <path\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        fillOpacity={0.75}\n      ></path>\n    </svg>\n  );\n};\n"],"names":["ButtonLoadingSpinnerSvg","width","height","rest","jsxs","jsx"],"mappings":";AAIO,MAAMA,IAA0B,CAAC;AAAA,EACtC,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAH;AAAA,IACA,QAAAC;AAAA,IACA,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA,UACF,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"ButtonLoadingSpinnerSvg.js","names":[],"sources":["../../../src/icons/ButtonLoadingSpinnerSvg.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\ntype Props = React.SVGProps<SVGSVGElement>;\n\nexport const ButtonLoadingSpinnerSvg = ({\n  width = 24,\n  height = 24,\n  ...rest\n}: Props): JSX.Element => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      {...rest}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n        strokeOpacity={0.25}\n      ></circle>\n      <path\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        fillOpacity={0.75}\n      ></path>\n    </svg>\n  );\n};\n"],"mappings":";;AAIA,IAAa,KAA2B,EACtC,WAAQ,IACR,YAAS,IACT,GAAG,QAGD,kBAAC,OAAD;CACS;CACC;CACR,OAAM;CACN,MAAK;CACL,SAAQ;CACR,GAAI;WANN,CAQE,kBAAC,UAAD;EACE,IAAG;EACH,IAAG;EACH,GAAE;EACF,QAAO;EACP,aAAY;EACZ,eAAe;EACP,CAAA,EACV,kBAAC,QAAD;EACE,MAAK;EACL,GAAE;EACF,aAAa;EACP,CAAA,CACJ"}

package/lib/esm/icons/ChatCheckSvg.js

@@ -1,42 +1,27 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-const i = ({
-  width: r = 16,
-  height: t = 16,
-  ...e
-}) => /* @__PURE__ */ n(
-  "svg",
-  {
-    width: r,
-    height: t,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: [
-      /* @__PURE__ */ o(
-        "path",
-        {
-          d: "M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ o(
-        "path",
-        {
-          d: "m14.5 16.5 1.5 1.5 3.5-3.5",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-);
-export {
-  i as ChatCheckSvg
-};
-//# sourceMappingURL=ChatCheckSvg.js.map
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/icons/ChatCheckSvg.tsx
+var n = ({ width: n = 16, height: r = 16, ...i }) => /* @__PURE__ */ t("svg", {
+	width: n,
+	height: r,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...i,
+	children: [/* @__PURE__ */ e("path", {
+		d: "M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	}), /* @__PURE__ */ e("path", {
+		d: "m14.5 16.5 1.5 1.5 3.5-3.5",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})]
+});
+//#endregion
+export { n as ChatCheckSvg };
+
+//# sourceMappingURL=ChatCheckSvg.js.map

package/lib/esm/icons/ChatCheckSvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatCheckSvg.js","sources":["../../../src/icons/ChatCheckSvg.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\ntype Props = React.SVGProps<SVGSVGElement>;\n\nexport const ChatCheckSvg = ({\n  width = 16,\n  height = 16,\n  ...rest\n}: Props): JSX.Element => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <path\n        d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"m14.5 16.5 1.5 1.5 3.5-3.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"names":["ChatCheckSvg","width","height","rest","jsxs","jsx"],"mappings":";AAIO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAH;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"ChatCheckSvg.js","names":[],"sources":["../../../src/icons/ChatCheckSvg.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\ntype Props = React.SVGProps<SVGSVGElement>;\n\nexport const ChatCheckSvg = ({\n  width = 16,\n  height = 16,\n  ...rest\n}: Props): JSX.Element => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <path\n        d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"m14.5 16.5 1.5 1.5 3.5-3.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"mappings":";;AAIA,IAAa,KAAgB,EAC3B,WAAQ,IACR,YAAS,IACT,GAAG,QAGD,kBAAC,OAAD;CACS;CACC;CACR,SAAQ;CACR,MAAK;CACL,OAAM;CACN,GAAI;WANN,CAQE,kBAAC,QAAD;EACE,GAAE;EACF,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;EACf,CAAA,EACF,kBAAC,QAAD;EACE,GAAE;EACF,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;EACf,CAAA,CACE"}