@plumile/ui 0.1.56 → 0.1.57

package/lib/esm/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuDropdown.js

@@ -1,55 +1,48 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { Link as b } from "@plumile/router";
-import { ChevronDownSvg as l } from "../../../icons/ChevronDownSvg.js";
-import { Dropdown as p } from "../dropdown/Dropdown.js";
-import { cx as u } from "../../../theme/tools.js";
-import { breadcrumbSection as h, breadcrumbNameRow as v, breadcrumbLink as f, popoverPanel as N, breadcrumbChevronButton as g, breadcrumbChevronOpen as w, breadcrumbChevron as C } from "./breadcrumbNavigation.css.js";
-import { BreadcrumbMenuPopover as x } from "./BreadcrumbMenuPopover.js";
-const P = ({
-  node: e,
-  menu: o,
-  ariaLabel: t,
-  searchPlaceholder: m,
-  searchAriaLabel: n,
-  emptyLabel: a,
-  emptyMatchesLabel: c
-}) => {
-  const i = o?.items ?? [];
-  return /* @__PURE__ */ r("div", { className: h, children: /* @__PURE__ */ d("div", { className: v, children: [
-    /* @__PURE__ */ r(b, { to: e.to, className: f, children: e.name }),
-    /* @__PURE__ */ r(
-      p,
-      {
-        trigger: (s) => /* @__PURE__ */ r("button", { type: "button", className: g, children: /* @__PURE__ */ r(
-          l,
-          {
-            width: 14,
-            height: 14,
-            className: u(C, {
-              [w]: s
-            })
-          }
-        ) }),
-        ariaLabel: t,
-        placement: "bottom-start",
-        matchTriggerWidth: !1,
-        contentClassName: N,
-        children: /* @__PURE__ */ r(
-          x,
-          {
-            items: i,
-            selectedId: o?.selectedId,
-            searchPlaceholder: m,
-            searchAriaLabel: n,
-            emptyLabel: a,
-            emptyMatchesLabel: c
-          }
-        )
-      }
-    )
-  ] }) });
+import { cx as e } from "../../../theme/tools.js";
+import { ChevronDownSvg as t } from "../../../icons/ChevronDownSvg.js";
+import { Dropdown as n } from "../dropdown/Dropdown.js";
+import { breadcrumbChevron as r, breadcrumbChevronButton as i, breadcrumbChevronOpen as a, breadcrumbLink as o, breadcrumbNameRow as s, breadcrumbSection as c, popoverPanel as l } from "./breadcrumbNavigation.css.js";
+import { BreadcrumbMenuPopover as u } from "./BreadcrumbMenuPopover.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Link as p } from "@plumile/router";
+//#region src/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuDropdown.tsx
+var m = ({ node: m, menu: h, ariaLabel: g, searchPlaceholder: _, searchAriaLabel: v, emptyLabel: y, emptyMatchesLabel: b }) => {
+	let x = h?.items ?? [];
+	return /* @__PURE__ */ d("div", {
+		className: c,
+		children: /* @__PURE__ */ f("div", {
+			className: s,
+			children: [/* @__PURE__ */ d(p, {
+				to: m.to,
+				className: o,
+				children: m.name
+			}), /* @__PURE__ */ d(n, {
+				trigger: (n) => /* @__PURE__ */ d("button", {
+					type: "button",
+					className: i,
+					children: /* @__PURE__ */ d(t, {
+						width: 14,
+						height: 14,
+						className: e(r, { [a]: n })
+					})
+				}),
+				ariaLabel: g,
+				placement: "bottom-start",
+				matchTriggerWidth: !1,
+				contentClassName: l,
+				children: /* @__PURE__ */ d(u, {
+					items: x,
+					selectedId: h?.selectedId,
+					searchPlaceholder: _,
+					searchAriaLabel: v,
+					emptyLabel: y,
+					emptyMatchesLabel: b
+				})
+			})]
+		})
+	});
 };
-export {
-  P as BreadcrumbMenuDropdown
-};
-//# sourceMappingURL=BreadcrumbMenuDropdown.js.map
+//#endregion
+export { m as BreadcrumbMenuDropdown };
+
+//# sourceMappingURL=BreadcrumbMenuDropdown.js.map

package/lib/esm/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbMenuDropdown.js","sources":["../../../../../src/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuDropdown.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { Link } from '@plumile/router';\nimport { ChevronDownSvg } from '../../../icons/ChevronDownSvg.js';\nimport { Dropdown } from '../dropdown/Dropdown.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './breadcrumbNavigation.css.js';\nimport { BreadcrumbMenuPopover } from './BreadcrumbMenuPopover.js';\nimport type { BreadcrumbMenuConfig, BreadcrumbNode } from './types.js';\n\ntype Props = {\n  node: BreadcrumbNode;\n  menu?: BreadcrumbMenuConfig;\n  ariaLabel: string;\n  searchPlaceholder: string;\n  searchAriaLabel: string;\n  emptyLabel: string;\n  emptyMatchesLabel: string;\n};\n\nexport const BreadcrumbMenuDropdown = ({\n  node,\n  menu,\n  ariaLabel,\n  searchPlaceholder,\n  searchAriaLabel,\n  emptyLabel,\n  emptyMatchesLabel,\n}: Props): JSX.Element => {\n  const menuItems = menu?.items ?? [];\n\n  return (\n    <div className={styles.breadcrumbSection}>\n      {/* <span className={styles.breadcrumbLabel}>{sectionLabel}</span> */}\n      <div className={styles.breadcrumbNameRow}>\n        <Link to={node.to} className={styles.breadcrumbLink}>\n          {node.name}\n        </Link>\n        <Dropdown\n          trigger={(isOpen) => {\n            return (\n              <button type=\"button\" className={styles.breadcrumbChevronButton}>\n                <ChevronDownSvg\n                  width={14}\n                  height={14}\n                  className={cx(styles.breadcrumbChevron, {\n                    [styles.breadcrumbChevronOpen]: isOpen,\n                  })}\n                />\n              </button>\n            );\n          }}\n          ariaLabel={ariaLabel}\n          placement=\"bottom-start\"\n          matchTriggerWidth={false}\n          contentClassName={styles.popoverPanel}\n        >\n          <BreadcrumbMenuPopover\n            items={menuItems}\n            selectedId={menu?.selectedId}\n            searchPlaceholder={searchPlaceholder}\n            searchAriaLabel={searchAriaLabel}\n            emptyLabel={emptyLabel}\n            emptyMatchesLabel={emptyMatchesLabel}\n          />\n        </Dropdown>\n      </div>\n    </div>\n  );\n};\n"],"names":["BreadcrumbMenuDropdown","node","menu","ariaLabel","searchPlaceholder","searchAriaLabel","emptyLabel","emptyMatchesLabel","menuItems","jsx","styles.breadcrumbSection","jsxs","styles.breadcrumbNameRow","Link","styles.breadcrumbLink","Dropdown","isOpen","styles.breadcrumbChevronButton","ChevronDownSvg","cx","styles.breadcrumbChevron","styles.breadcrumbChevronOpen","styles.popoverPanel","BreadcrumbMenuPopover"],"mappings":";;;;;;;AAoBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AACF,MAA0B;AACxB,QAAMC,IAAYN,GAAM,SAAS,CAAA;AAEjC,SACE,gBAAAO,EAAC,SAAI,WAAWC,GAEd,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,GACd,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAK,IAAIZ,EAAK,IAAI,WAAWa,GAC3B,YAAK,KAAA,CACR;AAAA,IACA,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,SAAS,CAACC,wBAEL,UAAA,EAAO,MAAK,UAAS,WAAWC,GAC/B,UAAA,gBAAAR;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAWC,EAAGC,GAA0B;AAAA,cACtC,CAACC,CAA4B,GAAGL;AAAA,YAAA,CACjC;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QAGJ,WAAAb;AAAA,QACA,WAAU;AAAA,QACV,mBAAmB;AAAA,QACnB,kBAAkBmB;AAAAA,QAElB,UAAA,gBAAAb;AAAA,UAACc;AAAA,UAAA;AAAA,YACC,OAAOf;AAAA,YACP,YAAYN,GAAM;AAAA,YAClB,mBAAAE;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,mBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"BreadcrumbMenuDropdown.js","names":[],"sources":["../../../../../src/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuDropdown.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { Link } from '@plumile/router';\nimport { ChevronDownSvg } from '../../../icons/ChevronDownSvg.js';\nimport { Dropdown } from '../dropdown/Dropdown.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './breadcrumbNavigation.css.js';\nimport { BreadcrumbMenuPopover } from './BreadcrumbMenuPopover.js';\nimport type { BreadcrumbMenuConfig, BreadcrumbNode } from './types.js';\n\ntype Props = {\n  node: BreadcrumbNode;\n  menu?: BreadcrumbMenuConfig;\n  ariaLabel: string;\n  searchPlaceholder: string;\n  searchAriaLabel: string;\n  emptyLabel: string;\n  emptyMatchesLabel: string;\n};\n\nexport const BreadcrumbMenuDropdown = ({\n  node,\n  menu,\n  ariaLabel,\n  searchPlaceholder,\n  searchAriaLabel,\n  emptyLabel,\n  emptyMatchesLabel,\n}: Props): JSX.Element => {\n  const menuItems = menu?.items ?? [];\n\n  return (\n    <div className={styles.breadcrumbSection}>\n      {/* <span className={styles.breadcrumbLabel}>{sectionLabel}</span> */}\n      <div className={styles.breadcrumbNameRow}>\n        <Link to={node.to} className={styles.breadcrumbLink}>\n          {node.name}\n        </Link>\n        <Dropdown\n          trigger={(isOpen) => {\n            return (\n              <button type=\"button\" className={styles.breadcrumbChevronButton}>\n                <ChevronDownSvg\n                  width={14}\n                  height={14}\n                  className={cx(styles.breadcrumbChevron, {\n                    [styles.breadcrumbChevronOpen]: isOpen,\n                  })}\n                />\n              </button>\n            );\n          }}\n          ariaLabel={ariaLabel}\n          placement=\"bottom-start\"\n          matchTriggerWidth={false}\n          contentClassName={styles.popoverPanel}\n        >\n          <BreadcrumbMenuPopover\n            items={menuItems}\n            selectedId={menu?.selectedId}\n            searchPlaceholder={searchPlaceholder}\n            searchAriaLabel={searchAriaLabel}\n            emptyLabel={emptyLabel}\n            emptyMatchesLabel={emptyMatchesLabel}\n          />\n        </Dropdown>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAoBA,IAAa,KAA0B,EACrC,SACA,SACA,cACA,sBACA,oBACA,eACA,2BACwB;CACxB,IAAM,IAAY,GAAM,SAAS,EAAE;AAEnC,QACE,kBAAC,OAAD;EAAK,WAAW;YAEd,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,GAAD;IAAM,IAAI,EAAK;IAAI,WAAW;cAC3B,EAAK;IACD,CAAA,EACP,kBAAC,GAAD;IACE,UAAU,MAEN,kBAAC,UAAD;KAAQ,MAAK;KAAS,WAAW;eAC/B,kBAAC,GAAD;MACE,OAAO;MACP,QAAQ;MACR,WAAW,EAAG,GAA0B,GACrC,IAA+B,GACjC,CAAC;MACF,CAAA;KACK,CAAA;IAGF;IACX,WAAU;IACV,mBAAmB;IACnB,kBAAkB;cAElB,kBAAC,GAAD;KACE,OAAO;KACP,YAAY,GAAM;KACC;KACF;KACL;KACO;KACnB,CAAA;IACO,CAAA,CACP;;EACF,CAAA"}

package/lib/esm/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuPopover.js

@@ -1,61 +1,54 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useState as N, useMemo as y } from "react";
-import { Link as C } from "@plumile/router";
-import { Input as I } from "../../atoms/input/Input.js";
-import { useDropdown as L } from "../dropdown/Dropdown.js";
-import { cx as x } from "../../../theme/tools.js";
-import { popoverContent as b, popoverSearch as g, popoverList as w, popoverEmpty as S, popoverItemActive as j, popoverItem as k, popoverItemDescription as z, popoverItemName as D } from "./breadcrumbNavigation.css.js";
-const W = ({
-  items: t,
-  selectedId: p,
-  searchPlaceholder: c,
-  searchAriaLabel: m,
-  emptyLabel: d,
-  emptyMatchesLabel: u
-}) => {
-  const { close: h } = L(), [n, v] = N(""), o = n.trim().toLowerCase(), a = y(() => o === "" ? t : t.filter((e) => e.name.toLowerCase().includes(o)), [t, o]);
-  let l;
-  return o === "" ? l = d : l = u, /* @__PURE__ */ s("div", { className: b, children: [
-    /* @__PURE__ */ r("div", { className: g, children: /* @__PURE__ */ r(
-      I,
-      {
-        type: "search",
-        size: "small",
-        fullWidth: !0,
-        placeholder: c,
-        value: n,
-        onChange: (e) => {
-          v(e.target.value);
-        },
-        "aria-label": m
-      }
-    ) }),
-    /* @__PURE__ */ s("ul", { className: w, children: [
-      a.length === 0 && /* @__PURE__ */ r("li", { className: S, children: l }),
-      a.map((e) => {
-        const f = x(k, {
-          [j]: e.id === p
-        });
-        let i = null;
-        return e.description != null && e.description !== "" && (i = /* @__PURE__ */ r("span", { className: z, children: e.description })), /* @__PURE__ */ r("li", { children: /* @__PURE__ */ s(
-          C,
-          {
-            to: e.to,
-            className: f,
-            onClick: () => {
-              h();
-            },
-            children: [
-              /* @__PURE__ */ r("span", { className: D, children: e.name }),
-              i
-            ]
-          }
-        ) }, e.id);
-      })
-    ] })
-  ] });
+import { cx as e } from "../../../theme/tools.js";
+import { Input as t } from "../../atoms/input/Input.js";
+import { useDropdown as n } from "../dropdown/Dropdown.js";
+import { popoverContent as r, popoverItem as i, popoverItemActive as a, popoverItemDescription as o, popoverItemName as s, popoverList as c, popoverSearch as l } from "./breadcrumbNavigation.css.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useMemo as f, useState as p } from "react";
+import { Link as m } from "@plumile/router";
+//#region src/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuPopover.tsx
+var h = ({ items: h, selectedId: g, searchPlaceholder: _, searchAriaLabel: v, emptyLabel: y, emptyMatchesLabel: b }) => {
+	let { close: x } = n(), [S, C] = p(""), w = S.trim().toLowerCase(), T = f(() => w === "" ? h : h.filter((e) => e.name.toLowerCase().includes(w)), [h, w]), E;
+	return E = w === "" ? y : b, /* @__PURE__ */ d("div", {
+		className: r,
+		children: [/* @__PURE__ */ u("div", {
+			className: l,
+			children: /* @__PURE__ */ u(t, {
+				type: "search",
+				size: "small",
+				fullWidth: !0,
+				placeholder: _,
+				value: S,
+				onChange: (e) => {
+					C(e.target.value);
+				},
+				"aria-label": v
+			})
+		}), /* @__PURE__ */ d("ul", {
+			className: c,
+			children: [T.length === 0 && /* @__PURE__ */ u("li", {
+				className: "_1u1q111s txvbqbl9x txvbqb8x txvbqbv8r",
+				children: E
+			}), T.map((t) => {
+				let n = e(i, { [a]: t.id === g }), r = null;
+				return t.description != null && t.description !== "" && (r = /* @__PURE__ */ u("span", {
+					className: o,
+					children: t.description
+				})), /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d(m, {
+					to: t.to,
+					className: n,
+					onClick: () => {
+						x();
+					},
+					children: [/* @__PURE__ */ u("span", {
+						className: s,
+						children: t.name
+					}), r]
+				}) }, t.id);
+			})]
+		})]
+	});
 };
-export {
-  W as BreadcrumbMenuPopover
-};
-//# sourceMappingURL=BreadcrumbMenuPopover.js.map
+//#endregion
+export { h as BreadcrumbMenuPopover };
+
+//# sourceMappingURL=BreadcrumbMenuPopover.js.map

package/lib/esm/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbMenuPopover.js","sources":["../../../../../src/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuPopover.tsx"],"sourcesContent":["import { type JSX, useMemo, useState } from 'react';\nimport { Link } from '@plumile/router';\nimport { Input } from '../../atoms/input/Input.js';\nimport { useDropdown } from '../dropdown/Dropdown.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './breadcrumbNavigation.css.js';\nimport type { BreadcrumbMenuItem } from './types.js';\n\ntype Props = {\n  items: readonly BreadcrumbMenuItem[];\n  selectedId?: string | null;\n  searchPlaceholder: string;\n  searchAriaLabel: string;\n  emptyLabel: string;\n  emptyMatchesLabel: string;\n};\n\nexport const BreadcrumbMenuPopover = ({\n  items,\n  selectedId,\n  searchPlaceholder,\n  searchAriaLabel,\n  emptyLabel,\n  emptyMatchesLabel,\n}: Props): JSX.Element => {\n  const { close } = useDropdown();\n  const [query, setQuery] = useState('');\n  const normalizedQuery = query.trim().toLowerCase();\n\n  const filteredItems = useMemo(() => {\n    if (normalizedQuery === '') {\n      return items;\n    }\n\n    return items.filter((item) => {\n      return item.name.toLowerCase().includes(normalizedQuery);\n    });\n  }, [items, normalizedQuery]);\n\n  let emptyStateLabel: string;\n  if (normalizedQuery === '') {\n    emptyStateLabel = emptyLabel;\n  } else {\n    emptyStateLabel = emptyMatchesLabel;\n  }\n\n  return (\n    <div className={styles.popoverContent}>\n      <div className={styles.popoverSearch}>\n        <Input\n          type=\"search\"\n          size=\"small\"\n          fullWidth\n          placeholder={searchPlaceholder}\n          value={query}\n          onChange={(event) => {\n            setQuery(event.target.value);\n          }}\n          aria-label={searchAriaLabel}\n        />\n      </div>\n      <ul className={styles.popoverList}>\n        {filteredItems.length === 0 && (\n          <li className={styles.popoverEmpty}>{emptyStateLabel}</li>\n        )}\n        {filteredItems.map((item) => {\n          const itemClassName = cx(styles.popoverItem, {\n            [styles.popoverItemActive]: item.id === selectedId,\n          });\n\n          let descriptionNode: JSX.Element | null = null;\n          if (item.description != null && item.description !== '') {\n            descriptionNode = (\n              <span className={styles.popoverItemDescription}>\n                {item.description}\n              </span>\n            );\n          }\n\n          return (\n            <li key={item.id}>\n              <Link\n                to={item.to}\n                className={itemClassName}\n                onClick={() => {\n                  close();\n                }}\n              >\n                <span className={styles.popoverItemName}>{item.name}</span>\n                {descriptionNode}\n              </Link>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n"],"names":["BreadcrumbMenuPopover","items","selectedId","searchPlaceholder","searchAriaLabel","emptyLabel","emptyMatchesLabel","close","useDropdown","query","setQuery","useState","normalizedQuery","filteredItems","useMemo","item","emptyStateLabel","jsxs","styles.popoverContent","jsx","styles.popoverSearch","Input","event","styles.popoverList","styles.popoverEmpty","itemClassName","cx","styles.popoverItem","styles.popoverItemActive","descriptionNode","styles.popoverItemDescription","Link","styles.popoverItemName"],"mappings":";;;;;;;AAkBO,MAAMA,IAAwB,CAAC;AAAA,EACpC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AACF,MAA0B;AACxB,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/BC,IAAkBH,EAAM,KAAA,EAAO,YAAA,GAE/BI,IAAgBC,EAAQ,MACxBF,MAAoB,KACfX,IAGFA,EAAM,OAAO,CAACc,MACZA,EAAK,KAAK,YAAA,EAAc,SAASH,CAAe,CACxD,GACA,CAACX,GAAOW,CAAe,CAAC;AAE3B,MAAII;AACJ,SAAIJ,MAAoB,KACtBI,IAAkBX,IAElBW,IAAkBV,GAIlB,gBAAAW,EAAC,OAAA,EAAI,WAAWC,GACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,GACd,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,WAAS;AAAA,QACT,aAAalB;AAAA,QACb,OAAOM;AAAA,QACP,UAAU,CAACa,MAAU;AACnB,UAAAZ,EAASY,EAAM,OAAO,KAAK;AAAA,QAC7B;AAAA,QACA,cAAYlB;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,IACA,gBAAAa,EAAC,MAAA,EAAG,WAAWM,GACZ,UAAA;AAAA,MAAAV,EAAc,WAAW,KACxB,gBAAAM,EAAC,QAAG,WAAWK,GAAsB,UAAAR,GAAgB;AAAA,MAEtDH,EAAc,IAAI,CAACE,MAAS;AAC3B,cAAMU,IAAgBC,EAAGC,GAAoB;AAAA,UAC3C,CAACC,CAAwB,GAAGb,EAAK,OAAOb;AAAA,QAAA,CACzC;AAED,YAAI2B,IAAsC;AAC1C,eAAId,EAAK,eAAe,QAAQA,EAAK,gBAAgB,OACnDc,sBACG,QAAA,EAAK,WAAWC,GACd,YAAK,aACR,sBAKD,MAAA,EACC,UAAA,gBAAAb;AAAA,UAACc;AAAA,UAAA;AAAA,YACC,IAAIhB,EAAK;AAAA,YACT,WAAWU;AAAA,YACX,SAAS,MAAM;AACb,cAAAlB,EAAA;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAY,EAAC,QAAA,EAAK,WAAWa,GAAyB,YAAK,MAAK;AAAA,cACnDH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,EACH,GAVOd,EAAK,EAWd;AAAA,MAEJ,CAAC;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"BreadcrumbMenuPopover.js","names":[],"sources":["../../../../../src/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuPopover.tsx"],"sourcesContent":["import { type JSX, useMemo, useState } from 'react';\nimport { Link } from '@plumile/router';\nimport { Input } from '../../atoms/input/Input.js';\nimport { useDropdown } from '../dropdown/Dropdown.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './breadcrumbNavigation.css.js';\nimport type { BreadcrumbMenuItem } from './types.js';\n\ntype Props = {\n  items: readonly BreadcrumbMenuItem[];\n  selectedId?: string | null;\n  searchPlaceholder: string;\n  searchAriaLabel: string;\n  emptyLabel: string;\n  emptyMatchesLabel: string;\n};\n\nexport const BreadcrumbMenuPopover = ({\n  items,\n  selectedId,\n  searchPlaceholder,\n  searchAriaLabel,\n  emptyLabel,\n  emptyMatchesLabel,\n}: Props): JSX.Element => {\n  const { close } = useDropdown();\n  const [query, setQuery] = useState('');\n  const normalizedQuery = query.trim().toLowerCase();\n\n  const filteredItems = useMemo(() => {\n    if (normalizedQuery === '') {\n      return items;\n    }\n\n    return items.filter((item) => {\n      return item.name.toLowerCase().includes(normalizedQuery);\n    });\n  }, [items, normalizedQuery]);\n\n  let emptyStateLabel: string;\n  if (normalizedQuery === '') {\n    emptyStateLabel = emptyLabel;\n  } else {\n    emptyStateLabel = emptyMatchesLabel;\n  }\n\n  return (\n    <div className={styles.popoverContent}>\n      <div className={styles.popoverSearch}>\n        <Input\n          type=\"search\"\n          size=\"small\"\n          fullWidth\n          placeholder={searchPlaceholder}\n          value={query}\n          onChange={(event) => {\n            setQuery(event.target.value);\n          }}\n          aria-label={searchAriaLabel}\n        />\n      </div>\n      <ul className={styles.popoverList}>\n        {filteredItems.length === 0 && (\n          <li className={styles.popoverEmpty}>{emptyStateLabel}</li>\n        )}\n        {filteredItems.map((item) => {\n          const itemClassName = cx(styles.popoverItem, {\n            [styles.popoverItemActive]: item.id === selectedId,\n          });\n\n          let descriptionNode: JSX.Element | null = null;\n          if (item.description != null && item.description !== '') {\n            descriptionNode = (\n              <span className={styles.popoverItemDescription}>\n                {item.description}\n              </span>\n            );\n          }\n\n          return (\n            <li key={item.id}>\n              <Link\n                to={item.to}\n                className={itemClassName}\n                onClick={() => {\n                  close();\n                }}\n              >\n                <span className={styles.popoverItemName}>{item.name}</span>\n                {descriptionNode}\n              </Link>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAkBA,IAAa,KAAyB,EACpC,UACA,eACA,sBACA,oBACA,eACA,2BACwB;CACxB,IAAM,EAAE,aAAU,GAAa,EACzB,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,IAAkB,EAAM,MAAM,CAAC,aAAa,EAE5C,IAAgB,QAChB,MAAoB,KACf,IAGF,EAAM,QAAQ,MACZ,EAAK,KAAK,aAAa,CAAC,SAAS,EAAgB,CACxD,EACD,CAAC,GAAO,EAAgB,CAAC,EAExB;AAOJ,QANA,AAGE,IAHE,MAAoB,KACJ,IAEA,GAIlB,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IACE,MAAK;IACL,MAAK;IACL,WAAA;IACA,aAAa;IACb,OAAO;IACP,WAAW,MAAU;AACnB,OAAS,EAAM,OAAO,MAAM;;IAE9B,cAAY;IACZ,CAAA;GACE,CAAA,EACN,kBAAC,MAAD;GAAI,WAAW;aAAf,CACG,EAAc,WAAW,KACxB,kBAAC,MAAD;IAAI,WAAW;cAAsB;IAAqB,CAAA,EAE3D,EAAc,KAAK,MAAS;IAC3B,IAAM,IAAgB,EAAG,GAAoB,GAC1C,IAA2B,EAAK,OAAO,GACzC,CAAC,EAEE,IAAsC;AAS1C,WARI,EAAK,eAAe,QAAQ,EAAK,gBAAgB,OACnD,IACE,kBAAC,QAAD;KAAM,WAAW;eACd,EAAK;KACD,CAAA,GAKT,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;KACE,IAAI,EAAK;KACT,WAAW;KACX,eAAe;AACb,SAAO;;eAJX,CAOE,kBAAC,QAAD;MAAM,WAAW;gBAAyB,EAAK;MAAY,CAAA,EAC1D,EACI;QACJ,EAXI,EAAK,GAWT;KAEP,CACC;KACD"}

package/lib/esm/atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.js

@@ -1,64 +1,63 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useUiTranslation as y } from "../../../i18n/useUiTranslation.js";
-import { Link as M } from "@plumile/router";
-import { SidebarHomeSvg as S } from "../../../icons/SidebarHomeSvg.js";
-import { breadcrumbItem as o, homeLink as A, homeIcon as B, breadcrumbList as I, breadcrumbSeparator as k, breadcrumb as w } from "./breadcrumbNavigation.css.js";
-import { cx as x } from "../../../theme/tools.js";
-import { BreadcrumbMenuDropdown as u } from "./BreadcrumbMenuDropdown.js";
-const T = (p) => {
-  const { organization: c, group: t, project: n, groupMenu: d, projectMenu: h, className: g } = p, { t: a } = y(), i = a("navigation.breadcrumb.empty.matches"), m = a("navigation.breadcrumb.search.groups"), L = a("navigation.breadcrumb.empty.groups"), f = a("navigation.breadcrumb.menu.group"), s = a("navigation.breadcrumb.search.projects"), j = a("navigation.breadcrumb.empty.projects"), v = a("navigation.breadcrumb.menu.project"), e = [];
-  e.push(
-    /* @__PURE__ */ r("li", { className: o, children: /* @__PURE__ */ r(
-      M,
-      {
-        to: c.to,
-        className: A,
-        "aria-label": `Organization: ${c.name}`,
-        children: /* @__PURE__ */ r(S, { width: 16, height: 16, className: B })
-      }
-    ) }, "home")
-  ), t != null && e.push(
-    /* @__PURE__ */ r("li", { className: o, children: /* @__PURE__ */ r(
-      u,
-      {
-        node: t,
-        menu: d,
-        ariaLabel: f,
-        searchPlaceholder: m,
-        searchAriaLabel: m,
-        emptyLabel: L,
-        emptyMatchesLabel: i
-      }
-    ) }, "group")
-  ), n != null && e.push(
-    /* @__PURE__ */ r("li", { className: o, children: /* @__PURE__ */ r(
-      u,
-      {
-        node: n,
-        menu: h,
-        ariaLabel: v,
-        searchPlaceholder: s,
-        searchAriaLabel: s,
-        emptyLabel: j,
-        emptyMatchesLabel: i
-      }
-    ) }, "project")
-  );
-  const N = e.flatMap((l, b) => b === 0 ? [l] : [
-    /* @__PURE__ */ r(
-      "li",
-      {
-        className: k,
-        "aria-hidden": "true",
-        children: "/"
-      },
-      `separator-${b}`
-    ),
-    l
-  ]);
-  return /* @__PURE__ */ r("nav", { className: x(w, g), "aria-label": "Breadcrumb", children: /* @__PURE__ */ r("ol", { className: I, children: N }) });
+import { cx as e } from "../../../theme/tools.js";
+import { useUiTranslation as t } from "../../../i18n/useUiTranslation.js";
+import { breadcrumb as n, breadcrumbItem as r, breadcrumbList as i, breadcrumbSeparator as a, homeIcon as o, homeLink as s } from "./breadcrumbNavigation.css.js";
+import { BreadcrumbMenuDropdown as c } from "./BreadcrumbMenuDropdown.js";
+import { SidebarHomeSvg as l } from "../../../icons/SidebarHomeSvg.js";
+import { jsx as u } from "react/jsx-runtime";
+import { Link as d } from "@plumile/router";
+//#region src/atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.tsx
+var f = (f) => {
+	let { organization: p, group: m, project: h, groupMenu: g, projectMenu: _, className: v } = f, { t: y } = t(), b = y("navigation.breadcrumb.empty.matches"), x = y("navigation.breadcrumb.search.groups"), S = y("navigation.breadcrumb.empty.groups"), C = y("navigation.breadcrumb.menu.group"), w = y("navigation.breadcrumb.search.projects"), T = y("navigation.breadcrumb.empty.projects"), E = y("navigation.breadcrumb.menu.project"), D = [];
+	D.push(/* @__PURE__ */ u("li", {
+		className: r,
+		children: /* @__PURE__ */ u(d, {
+			to: p.to,
+			className: s,
+			"aria-label": `Organization: ${p.name}`,
+			children: /* @__PURE__ */ u(l, {
+				width: 16,
+				height: 16,
+				className: o
+			})
+		})
+	}, "home")), m != null && D.push(/* @__PURE__ */ u("li", {
+		className: r,
+		children: /* @__PURE__ */ u(c, {
+			node: m,
+			menu: g,
+			ariaLabel: C,
+			searchPlaceholder: x,
+			searchAriaLabel: x,
+			emptyLabel: S,
+			emptyMatchesLabel: b
+		})
+	}, "group")), h != null && D.push(/* @__PURE__ */ u("li", {
+		className: r,
+		children: /* @__PURE__ */ u(c, {
+			node: h,
+			menu: _,
+			ariaLabel: E,
+			searchPlaceholder: w,
+			searchAriaLabel: w,
+			emptyLabel: T,
+			emptyMatchesLabel: b
+		})
+	}, "project"));
+	let O = D.flatMap((e, t) => t === 0 ? [e] : [/* @__PURE__ */ u("li", {
+		className: a,
+		"aria-hidden": "true",
+		children: "/"
+	}, `separator-${t}`), e]);
+	return /* @__PURE__ */ u("nav", {
+		className: e(n, v),
+		"aria-label": "Breadcrumb",
+		children: /* @__PURE__ */ u("ol", {
+			className: i,
+			children: O
+		})
+	});
 };
-export {
-  T as BreadcrumbNavigation
-};
-//# sourceMappingURL=BreadcrumbNavigation.js.map
+//#endregion
+export { f as BreadcrumbNavigation };
+
+//# sourceMappingURL=BreadcrumbNavigation.js.map

package/lib/esm/atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbNavigation.js","sources":["../../../../../src/atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useUiTranslation } from '../../../i18n/useUiTranslation.js';\nimport { Link } from '@plumile/router';\nimport { SidebarHomeSvg } from '../../../icons/SidebarHomeSvg.js';\n\nimport * as styles from './breadcrumbNavigation.css.js';\nimport { cx } from '../../../theme/tools.js';\nimport { BreadcrumbMenuDropdown } from './BreadcrumbMenuDropdown.js';\nimport type { BreadcrumbMenuConfig, BreadcrumbNode } from './types.js';\n\ntype Props = {\n  organization: BreadcrumbNode;\n  group?: BreadcrumbNode | null;\n  project?: BreadcrumbNode | null;\n  groupMenu?: BreadcrumbMenuConfig;\n  projectMenu?: BreadcrumbMenuConfig;\n  className?: string;\n};\n\nexport const BreadcrumbNavigation = (props: Props): JSX.Element => {\n  const { organization, group, project, groupMenu, projectMenu, className } =\n    props;\n  const { t } = useUiTranslation();\n  const emptyMatchesLabel = t('navigation.breadcrumb.empty.matches');\n\n  const groupSearchLabel = t('navigation.breadcrumb.search.groups');\n  const groupEmptyLabel = t('navigation.breadcrumb.empty.groups');\n  const groupMenuAriaLabel = t('navigation.breadcrumb.menu.group');\n\n  const projectSearchLabel = t('navigation.breadcrumb.search.projects');\n  const projectEmptyLabel = t('navigation.breadcrumb.empty.projects');\n  const projectMenuAriaLabel = t('navigation.breadcrumb.menu.project');\n  const breadcrumbItems: JSX.Element[] = [];\n\n  breadcrumbItems.push(\n    <li key=\"home\" className={styles.breadcrumbItem}>\n      <Link\n        to={organization.to}\n        className={styles.homeLink}\n        aria-label={`Organization: ${organization.name}`}\n      >\n        <SidebarHomeSvg width={16} height={16} className={styles.homeIcon} />\n      </Link>\n    </li>,\n  );\n\n  if (group != null) {\n    breadcrumbItems.push(\n      <li key=\"group\" className={styles.breadcrumbItem}>\n        <BreadcrumbMenuDropdown\n          node={group}\n          menu={groupMenu}\n          ariaLabel={groupMenuAriaLabel}\n          searchPlaceholder={groupSearchLabel}\n          searchAriaLabel={groupSearchLabel}\n          emptyLabel={groupEmptyLabel}\n          emptyMatchesLabel={emptyMatchesLabel}\n        />\n      </li>,\n    );\n  }\n\n  if (project != null) {\n    breadcrumbItems.push(\n      <li key=\"project\" className={styles.breadcrumbItem}>\n        <BreadcrumbMenuDropdown\n          node={project}\n          menu={projectMenu}\n          ariaLabel={projectMenuAriaLabel}\n          searchPlaceholder={projectSearchLabel}\n          searchAriaLabel={projectSearchLabel}\n          emptyLabel={projectEmptyLabel}\n          emptyMatchesLabel={emptyMatchesLabel}\n        />\n      </li>,\n    );\n  }\n\n  const breadcrumbsWithSeparators = breadcrumbItems.flatMap((item, index) => {\n    if (index === 0) {\n      return [item];\n    }\n    return [\n      <li\n        key={`separator-${index}`}\n        className={styles.breadcrumbSeparator}\n        aria-hidden=\"true\"\n      >\n        /{/* <ChevronRightSvg width={16} height={16} /> */}\n      </li>,\n      item,\n    ];\n  });\n\n  return (\n    <nav className={cx(styles.breadcrumb, className)} aria-label=\"Breadcrumb\">\n      <ol className={styles.breadcrumbList}>{breadcrumbsWithSeparators}</ol>\n    </nav>\n  );\n};\n\nexport type {\n  BreadcrumbNode,\n  BreadcrumbMenuItem,\n  BreadcrumbMenuConfig,\n} from './types.js';\n"],"names":["BreadcrumbNavigation","props","organization","group","project","groupMenu","projectMenu","className","t","useUiTranslation","emptyMatchesLabel","groupSearchLabel","groupEmptyLabel","groupMenuAriaLabel","projectSearchLabel","projectEmptyLabel","projectMenuAriaLabel","breadcrumbItems","jsx","styles.breadcrumbItem","Link","styles.homeLink","SidebarHomeSvg","styles.homeIcon","BreadcrumbMenuDropdown","breadcrumbsWithSeparators","item","index","styles.breadcrumbSeparator","cx","styles.breadcrumb","styles.breadcrumbList"],"mappings":";;;;;;;AAmBO,MAAMA,IAAuB,CAACC,MAA8B;AACjE,QAAM,EAAE,cAAAC,GAAc,OAAAC,GAAO,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,WAAAC,MAC5DN,GACI,EAAE,GAAAO,EAAA,IAAMC,EAAA,GACRC,IAAoBF,EAAE,qCAAqC,GAE3DG,IAAmBH,EAAE,qCAAqC,GAC1DI,IAAkBJ,EAAE,oCAAoC,GACxDK,IAAqBL,EAAE,kCAAkC,GAEzDM,IAAqBN,EAAE,uCAAuC,GAC9DO,IAAoBP,EAAE,sCAAsC,GAC5DQ,IAAuBR,EAAE,oCAAoC,GAC7DS,IAAiC,CAAA;AAEvC,EAAAA,EAAgB;AAAA,IACd,gBAAAC,EAAC,MAAA,EAAc,WAAWC,GACxB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAIlB,EAAa;AAAA,QACjB,WAAWmB;AAAAA,QACX,cAAY,iBAAiBnB,EAAa,IAAI;AAAA,QAE9C,UAAA,gBAAAgB,EAACI,KAAe,OAAO,IAAI,QAAQ,IAAI,WAAWC,EAAO,CAAU;AAAA,MAAA;AAAA,IAAA,KAN/D,MAQR;AAAA,EAAA,GAGEpB,KAAS,QACXc,EAAgB;AAAA,IACd,gBAAAC,EAAC,MAAA,EAAe,WAAWC,GACzB,UAAA,gBAAAD;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAMrB;AAAA,QACN,MAAME;AAAA,QACN,WAAWQ;AAAA,QACX,mBAAmBF;AAAA,QACnB,iBAAiBA;AAAA,QACjB,YAAYC;AAAA,QACZ,mBAAAF;AAAA,MAAA;AAAA,IAAA,KARI,OAUR;AAAA,EAAA,GAIAN,KAAW,QACba,EAAgB;AAAA,IACd,gBAAAC,EAAC,MAAA,EAAiB,WAAWC,GAC3B,UAAA,gBAAAD;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAMpB;AAAA,QACN,MAAME;AAAA,QACN,WAAWU;AAAA,QACX,mBAAmBF;AAAA,QACnB,iBAAiBA;AAAA,QACjB,YAAYC;AAAA,QACZ,mBAAAL;AAAA,MAAA;AAAA,IAAA,KARI,SAUR;AAAA,EAAA;AAIJ,QAAMe,IAA4BR,EAAgB,QAAQ,CAACS,GAAMC,MAC3DA,MAAU,IACL,CAACD,CAAI,IAEP;AAAA,IACL,gBAAAR;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWU;AAAAA,QACX,eAAY;AAAA,QACb,UAAA;AAAA,MAAA;AAAA,MAHM,aAAaD,CAAK;AAAA,IAAA;AAAA,IAMzBD;AAAA,EAAA,CAEH;AAED,2BACG,OAAA,EAAI,WAAWG,EAAGC,GAAmBvB,CAAS,GAAG,cAAW,cAC3D,4BAAC,MAAA,EAAG,WAAWwB,GAAwB,aAA0B,GACnE;AAEJ;"}
+{"version":3,"file":"BreadcrumbNavigation.js","names":[],"sources":["../../../../../src/atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useUiTranslation } from '../../../i18n/useUiTranslation.js';\nimport { Link } from '@plumile/router';\nimport { SidebarHomeSvg } from '../../../icons/SidebarHomeSvg.js';\n\nimport * as styles from './breadcrumbNavigation.css.js';\nimport { cx } from '../../../theme/tools.js';\nimport { BreadcrumbMenuDropdown } from './BreadcrumbMenuDropdown.js';\nimport type { BreadcrumbMenuConfig, BreadcrumbNode } from './types.js';\n\ntype Props = {\n  organization: BreadcrumbNode;\n  group?: BreadcrumbNode | null;\n  project?: BreadcrumbNode | null;\n  groupMenu?: BreadcrumbMenuConfig;\n  projectMenu?: BreadcrumbMenuConfig;\n  className?: string;\n};\n\nexport const BreadcrumbNavigation = (props: Props): JSX.Element => {\n  const { organization, group, project, groupMenu, projectMenu, className } =\n    props;\n  const { t } = useUiTranslation();\n  const emptyMatchesLabel = t('navigation.breadcrumb.empty.matches');\n\n  const groupSearchLabel = t('navigation.breadcrumb.search.groups');\n  const groupEmptyLabel = t('navigation.breadcrumb.empty.groups');\n  const groupMenuAriaLabel = t('navigation.breadcrumb.menu.group');\n\n  const projectSearchLabel = t('navigation.breadcrumb.search.projects');\n  const projectEmptyLabel = t('navigation.breadcrumb.empty.projects');\n  const projectMenuAriaLabel = t('navigation.breadcrumb.menu.project');\n  const breadcrumbItems: JSX.Element[] = [];\n\n  breadcrumbItems.push(\n    <li key=\"home\" className={styles.breadcrumbItem}>\n      <Link\n        to={organization.to}\n        className={styles.homeLink}\n        aria-label={`Organization: ${organization.name}`}\n      >\n        <SidebarHomeSvg width={16} height={16} className={styles.homeIcon} />\n      </Link>\n    </li>,\n  );\n\n  if (group != null) {\n    breadcrumbItems.push(\n      <li key=\"group\" className={styles.breadcrumbItem}>\n        <BreadcrumbMenuDropdown\n          node={group}\n          menu={groupMenu}\n          ariaLabel={groupMenuAriaLabel}\n          searchPlaceholder={groupSearchLabel}\n          searchAriaLabel={groupSearchLabel}\n          emptyLabel={groupEmptyLabel}\n          emptyMatchesLabel={emptyMatchesLabel}\n        />\n      </li>,\n    );\n  }\n\n  if (project != null) {\n    breadcrumbItems.push(\n      <li key=\"project\" className={styles.breadcrumbItem}>\n        <BreadcrumbMenuDropdown\n          node={project}\n          menu={projectMenu}\n          ariaLabel={projectMenuAriaLabel}\n          searchPlaceholder={projectSearchLabel}\n          searchAriaLabel={projectSearchLabel}\n          emptyLabel={projectEmptyLabel}\n          emptyMatchesLabel={emptyMatchesLabel}\n        />\n      </li>,\n    );\n  }\n\n  const breadcrumbsWithSeparators = breadcrumbItems.flatMap((item, index) => {\n    if (index === 0) {\n      return [item];\n    }\n    return [\n      <li\n        key={`separator-${index}`}\n        className={styles.breadcrumbSeparator}\n        aria-hidden=\"true\"\n      >\n        /{/* <ChevronRightSvg width={16} height={16} /> */}\n      </li>,\n      item,\n    ];\n  });\n\n  return (\n    <nav className={cx(styles.breadcrumb, className)} aria-label=\"Breadcrumb\">\n      <ol className={styles.breadcrumbList}>{breadcrumbsWithSeparators}</ol>\n    </nav>\n  );\n};\n\nexport type {\n  BreadcrumbNode,\n  BreadcrumbMenuItem,\n  BreadcrumbMenuConfig,\n} from './types.js';\n"],"mappings":";;;;;;;;AAmBA,IAAa,KAAwB,MAA8B;CACjE,IAAM,EAAE,iBAAc,UAAO,YAAS,cAAW,gBAAa,iBAC5D,GACI,EAAE,SAAM,GAAkB,EAC1B,IAAoB,EAAE,sCAAsC,EAE5D,IAAmB,EAAE,sCAAsC,EAC3D,IAAkB,EAAE,qCAAqC,EACzD,IAAqB,EAAE,mCAAmC,EAE1D,IAAqB,EAAE,wCAAwC,EAC/D,IAAoB,EAAE,uCAAuC,EAC7D,IAAuB,EAAE,qCAAqC,EAC9D,IAAiC,EAAE;AA8BzC,CA5BA,EAAgB,KACd,kBAAC,MAAD;EAAe,WAAW;YACxB,kBAAC,GAAD;GACE,IAAI,EAAa;GACjB,WAAW;GACX,cAAY,iBAAiB,EAAa;aAE1C,kBAAC,GAAD;IAAgB,OAAO;IAAI,QAAQ;IAAI,WAAW;IAAmB,CAAA;GAChE,CAAA;EACJ,EARG,OAQH,CACN,EAEG,KAAS,QACX,EAAgB,KACd,kBAAC,MAAD;EAAgB,WAAW;YACzB,kBAAC,GAAD;GACE,MAAM;GACN,MAAM;GACN,WAAW;GACX,mBAAmB;GACnB,iBAAiB;GACjB,YAAY;GACO;GACnB,CAAA;EACC,EAVG,QAUH,CACN,EAGC,KAAW,QACb,EAAgB,KACd,kBAAC,MAAD;EAAkB,WAAW;YAC3B,kBAAC,GAAD;GACE,MAAM;GACN,MAAM;GACN,WAAW;GACX,mBAAmB;GACnB,iBAAiB;GACjB,YAAY;GACO;GACnB,CAAA;EACC,EAVG,UAUH,CACN;CAGH,IAAM,IAA4B,EAAgB,SAAS,GAAM,MAC3D,MAAU,IACL,CAAC,EAAK,GAER,CACL,kBAAC,MAAD;EAEE,WAAW;EACX,eAAY;YACb;EAEI,EALE,aAAa,IAKf,EACL,EACD,CACD;AAEF,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAmB,EAAU;EAAE,cAAW;YAC3D,kBAAC,MAAD;GAAI,WAAW;aAAwB;GAA+B,CAAA;EAClE,CAAA"}

package/lib/esm/atomic/molecules/breadcrumb_navigation/breadcrumbNavigation.css.js

@@ -1,30 +1,8 @@
-/* empty css                                          */
-/* empty css                                        */
-var q = "_1u1q1110 txvbqb9io txvbqbco", x = "_1u1q1111 txvbqb9io txvbqbco txvbqbfax txvbqbfbo txvbqbl9f txvbqbaof", t = "_1u1q1112 txvbqb9io txvbqbco", o = "_1u1q1113 txvbqb9io txvbqbai6 txvbqbcf txvbqbanx", r = "_1u1q1114 txvbqb8f txvbqbamo txvbqb66 txvbqbeef txvbqbv8t txvbqbegx", a = "_1u1q1115 txvbqb9jf txvbqbco txvbqbao6", e = "_1u1q1116 txvbqbv4z txvbqb77 txvbqb6x txvbqb7k", u = "_1u1q1117 txvbqb2w txvbqbv8p", p = "_1u1q1119 _1u1q1118 txvbqb78 txvbqb6x txvbqb7k txvbqb9jf txvbqbco txvbqb96 txvbqbamo txvbqbv8p txvbqb3b txvbqbf3x", c = "_1u1q111a txvbqb9io txvbqbco txvbqbdnx txvbqbv8t txvbqb8x txvbqbamx", i = "_1u1q111c _1u1q111b txvbqb78 txvbqb6x txvbqb7k txvbqb9io txvbqbco txvbqbdnx txvbqbtwo txvbqbc66 txvbqbk6f txvbqbjho txvbqb1rf txvbqb12f txvbqb1px txvbqbv31 txvbqbv8p txvbqbv txvbqbl9f", m = "_1u1q111d txvbqb9jf txvbqbco txvbqbdnx txvbqbc6o txvbqb1qx txvbqbv8p txvbqb78 txvbqb6x txvbqb7k", _ = "_1u1q111e txvbqbv4z", f = "_1u1q111h _1u1q111g txvbqbl9x txvbqbkcx txvbqbjcf txvbqb8r6 txvbqb6l", n = "_1u1q111i txvbqb9io txvbqbai6 txvbqbaof", d = "_1u1q111j txvbqb9io txvbqbco txvbqbdoo", l = "_1u1q111k txvbqb8o txvbqbamo txvbqb66 txvbqbeef txvbqbv8t", k = "_1u1q111l txvbqb9io", h = "_1u1q111m txvbqbfax txvbqbfbo txvbqbl9f txvbqb9io txvbqbai6 txvbqbanx txvbqbirx txvbqbl7o", j = "_1u1q111o _1u1q111n txvbqb78 txvbqb6w txvbqb7k txvbqb9io txvbqbai6 txvbqbanx txvbqboif txvbqbnv6 txvbqbp5f txvbqblx6 txvbqb1rf txvbqb3b txvbqbv8p", I = "_1u1q111p txvbqbv2j txvbqbv7z", L = "_1u1q111q txvbqb8x txvbqbamo", s = "_1u1q111r txvbqb8o txvbqbv8r", w = "_1u1q111s txvbqbl9x txvbqb8x txvbqbv8r";
-export {
-  q as breadcrumb,
-  e as breadcrumbChevron,
-  i as breadcrumbChevronButton,
-  u as breadcrumbChevronOpen,
-  t as breadcrumbItem,
-  r as breadcrumbLabel,
-  p as breadcrumbLink,
-  x as breadcrumbList,
-  a as breadcrumbNameRow,
-  o as breadcrumbSection,
-  c as breadcrumbSeparator,
-  _ as homeIcon,
-  m as homeLink,
-  n as popoverContent,
-  w as popoverEmpty,
-  d as popoverHeader,
-  j as popoverItem,
-  I as popoverItemActive,
-  s as popoverItemDescription,
-  L as popoverItemName,
-  h as popoverList,
-  f as popoverPanel,
-  k as popoverSearch,
-  l as popoverTitle
-};
-//# sourceMappingURL=breadcrumbNavigation.css.js.map
+/* empty css                                      */
+/* empty css                                    */
+//#region src/atomic/molecules/breadcrumb_navigation/breadcrumbNavigation.css.ts
+var e = "_1u1q1110 txvbqb9io txvbqbco", t = "_1u1q1111 txvbqb9io txvbqbco txvbqbfax txvbqbfbo txvbqbl9f txvbqbaof", n = "_1u1q1112 txvbqb9io txvbqbco", r = "_1u1q1113 txvbqb9io txvbqbai6 txvbqbcf txvbqbanx", i = "_1u1q1114 txvbqb8f txvbqbamo txvbqb66 txvbqbeef txvbqbv8t txvbqbegx", a = "_1u1q1115 txvbqb9jf txvbqbco txvbqbao6", o = "_1u1q1116 txvbqbv4z txvbqb77 txvbqb6x txvbqb7k", s = "_1u1q1117 txvbqb2w txvbqbv8p", c = "_1u1q1119 _1u1q1118 txvbqb78 txvbqb6x txvbqb7k txvbqb9jf txvbqbco txvbqb96 txvbqbamo txvbqbv8p txvbqb3b txvbqbf3x", l = "_1u1q111a txvbqb9io txvbqbco txvbqbdnx txvbqbv8t txvbqb8x txvbqbamx", u = "_1u1q111c _1u1q111b txvbqb78 txvbqb6x txvbqb7k txvbqb9io txvbqbco txvbqbdnx txvbqbtwo txvbqbc66 txvbqbk6f txvbqbjho txvbqb1rf txvbqb12f txvbqb1px txvbqbv31 txvbqbv8p txvbqbv txvbqbl9f", d = "_1u1q111d txvbqb9jf txvbqbco txvbqbdnx txvbqbc6o txvbqb1qx txvbqbv8p txvbqb78 txvbqb6x txvbqb7k", f = "_1u1q111e txvbqbv4z", p = "_1u1q111h _1u1q111g txvbqbl9x txvbqbkcx txvbqbjcf txvbqb8r6 txvbqb6l", m = "_1u1q111i txvbqb9io txvbqbai6 txvbqbaof", h = "_1u1q111j txvbqb9io txvbqbco txvbqbdoo", g = "_1u1q111k txvbqb8o txvbqbamo txvbqb66 txvbqbeef txvbqbv8t", _ = "_1u1q111l txvbqb9io", v = "_1u1q111m txvbqbfax txvbqbfbo txvbqbl9f txvbqb9io txvbqbai6 txvbqbanx txvbqbirx txvbqbl7o", y = "_1u1q111o _1u1q111n txvbqb78 txvbqb6w txvbqb7k txvbqb9io txvbqbai6 txvbqbanx txvbqboif txvbqbnv6 txvbqbp5f txvbqblx6 txvbqb1rf txvbqb3b txvbqbv8p", b = "_1u1q111p txvbqbv2j txvbqbv7z", x = "_1u1q111q txvbqb8x txvbqbamo", S = "_1u1q111r txvbqb8o txvbqbv8r", C = "_1u1q111s txvbqbl9x txvbqb8x txvbqbv8r";
+//#endregion
+export { e as breadcrumb, o as breadcrumbChevron, u as breadcrumbChevronButton, s as breadcrumbChevronOpen, n as breadcrumbItem, i as breadcrumbLabel, c as breadcrumbLink, t as breadcrumbList, a as breadcrumbNameRow, r as breadcrumbSection, l as breadcrumbSeparator, f as homeIcon, d as homeLink, m as popoverContent, C as popoverEmpty, h as popoverHeader, y as popoverItem, b as popoverItemActive, S as popoverItemDescription, x as popoverItemName, v as popoverList, p as popoverPanel, _ as popoverSearch, g as popoverTitle };
+
+//# sourceMappingURL=breadcrumbNavigation.css.js.map

package/lib/esm/atomic/molecules/breadcrumb_navigation/breadcrumbNavigation.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbNavigation.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"breadcrumbNavigation.css.js","names":[],"sources":["../../../../../src/atomic/molecules/breadcrumb_navigation/breadcrumbNavigation.css.ts"],"sourcesContent":["import { keyframes, style } from '@vanilla-extract/css';\n\nimport { vars } from '../../../theme/themeContract.js';\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\n\nconst displayInlineFlex = 'inline-flex';\n\nexport const breadcrumb = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nexport const breadcrumbList = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  listStyleType: 'none',\n  margin: 0,\n  padding: 0,\n  gap: 3,\n});\n\nexport const breadcrumbItem = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nexport const breadcrumbSection = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: 1,\n});\n\nexport const breadcrumbLabel = sprinkles({\n  fontSize: '2xs',\n  fontWeight: 'semibold',\n  textTransform: 'uppercase',\n  letterSpacing: 'caps',\n  color: 'textMuted',\n  lineHeight: 1,\n});\n\nexport const breadcrumbNameRow = sprinkles({\n  display: displayInlineFlex,\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const breadcrumbChevron = sprinkles({\n  color: 'current',\n  transitionProperty: 'default',\n  transitionDuration: 150,\n  transitionTimingFunction: 'ease',\n});\n\nexport const breadcrumbChevronOpen = sprinkles({\n  rotate: 180,\n  color: 'text',\n});\n\nexport const breadcrumbLink = style([\n  sprinkles({\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n    display: displayInlineFlex,\n    alignItems: 'center',\n    fontSize: 'base',\n    fontWeight: 'semibold',\n    color: 'text',\n    textDecoration: 'none',\n    lineHeight: 1.2,\n  }),\n  {\n    ':hover': {\n      color: vars.colors.primary,\n      textDecoration: 'none',\n    },\n    ':focus': {\n      outline: 'none',\n      color: vars.colors.primary,\n    },\n  },\n]);\n\nexport const breadcrumbSeparator = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: 'textMuted',\n  fontSize: 'sm',\n  fontWeight: 'bold',\n});\n\nexport const breadcrumbChevronButton = style([\n  sprinkles({\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 6,\n    height: 6,\n    minWidth: 6,\n    minHeight: 6,\n    borderRadius: 'md',\n    borderWidth: 0,\n    borderStyle: 'none',\n    backgroundColor: 'backgroundSecondary',\n    color: 'text',\n    cursor: 'pointer',\n    padding: 0,\n  }),\n  {\n    selectors: {\n      '&:hover:not(:disabled)': {\n        backgroundColor: vars.colors.backgroundTertiary,\n        color: vars.colors.text,\n      },\n    },\n  },\n]);\n\nexport const homeLink = sprinkles({\n  display: displayInlineFlex,\n  alignItems: 'center',\n  justifyContent: 'center',\n  height: 8,\n  borderRadius: 'sm',\n  color: 'text',\n  transitionProperty: 'colors',\n  transitionDuration: 150,\n  transitionTimingFunction: 'ease',\n});\n\nexport const homeIcon = sprinkles({\n  color: 'current',\n});\n\nconst popoverIn = keyframes({\n  '0%': {\n    opacity: 0,\n    transform: 'translateY(-6px) scale(0.98)',\n  },\n  '100%': {\n    opacity: 1,\n    transform: 'translateY(0) scale(1)',\n  },\n});\n\nexport const popoverPanel = style([\n  sprinkles({\n    padding: 2,\n    minWidth: 64,\n    maxWidth: '26rem',\n    boxShadow: 'inkGlow',\n    transformOrigin: 'topLeft',\n  }),\n  {\n    animation: `${popoverIn} 160ms ease`,\n  },\n]);\n\nexport const popoverContent = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const popoverHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n});\n\nexport const popoverTitle = sprinkles({\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n  textTransform: 'uppercase',\n  letterSpacing: 'caps',\n  color: 'textMuted',\n});\n\nexport const popoverSearch = sprinkles({\n  display: 'flex',\n});\n\nexport const popoverList = sprinkles({\n  listStyleType: 'none',\n  margin: 0,\n  padding: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  maxHeight: 64,\n  overflowY: 'auto',\n});\n\nexport const popoverItem = style([\n  sprinkles({\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    paddingRight: 3,\n    paddingLeft: 3,\n    paddingTop: 2,\n    paddingBottom: 2,\n    borderRadius: 'md',\n    textDecoration: 'none',\n    color: 'text',\n  }),\n  {\n    ':hover': {\n      backgroundColor: vars.colors.backgroundSecondary,\n      color: vars.colors.text,\n    },\n    ':focus': {\n      outline: `2px solid ${vars.colors.primaryLight}`,\n      outlineOffset: 2,\n    },\n  },\n]);\n\nexport const popoverItemActive = sprinkles({\n  backgroundColor: 'primaryLight',\n  color: 'primary',\n});\n\nexport const popoverItemName = sprinkles({\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const popoverItemDescription = sprinkles({\n  fontSize: 'xs',\n  color: 'textSecondary',\n});\n\nexport const popoverEmpty = sprinkles({\n  padding: 2,\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n"],"mappings":""}

package/lib/esm/atomic/molecules/breadcrumb_navigation/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/lib/esm/atomic/molecules/card/Card.css.js

@@ -1,10 +1,8 @@
-/* empty css                                          */
-/* empty css                        */
-var v = "_1hz8mkr0 txvbqbu6f txvbqb1rx txvbqbv4d", r = "_1hz8mkr1 txvbqb9io txvbqbco txvbqbdoo txvbqblaf", x = "_1hz8mkr2 txvbqb96 txvbqbamo txvbqbv8p", q = "_1hz8mkr3 txvbqblax";
-export {
-  v as card,
-  q as content,
-  r as header,
-  x as title
-};
-//# sourceMappingURL=Card.css.js.map
+/* empty css                                      */
+/* empty css                    */
+//#region src/atomic/molecules/card/Card.css.ts
+var e = "_1hz8mkr0 txvbqbu6f txvbqb1rx txvbqbv4d", t = "_1hz8mkr1 txvbqb9io txvbqbco txvbqbdoo txvbqblaf", n = "_1hz8mkr2 txvbqb96 txvbqbamo txvbqbv8p", r = "_1hz8mkr3 txvbqblax";
+//#endregion
+export { e as card, r as content, t as header, n as title };
+
+//# sourceMappingURL=Card.css.js.map

package/lib/esm/atomic/molecules/card/Card.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"Card.css.js","names":[],"sources":["../../../../../src/atomic/molecules/card/Card.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const card = sprinkles({\n  width: 'full',\n  borderRadius: 'xl',\n  backgroundColor: 'brandSecondaryOrange-20',\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: 4,\n});\n\nexport const title = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const content = sprinkles({\n  padding: 6,\n});\n"],"mappings":""}

package/lib/esm/atomic/molecules/card/Card.js

@@ -1,18 +1,25 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import { header as p, title as u, card as N, content as f } from "./Card.css.js";
-import { cx as n } from "../../../theme/tools.js";
-const $ = (o) => {
-  const { title: e, children: a, headerActions: s, className: c, contentClassName: l } = o, i = h(() => e == null ? null : /* @__PURE__ */ t("div", { className: p, children: [
-    /* @__PURE__ */ r("span", { className: u, children: e }),
-    s
-  ] }), [s, e]), m = n(N, c), d = n(f, l);
-  return /* @__PURE__ */ t("div", { className: m, children: [
-    i,
-    /* @__PURE__ */ r("div", { className: d, children: a })
-  ] });
+import { cx as e } from "../../../theme/tools.js";
+import { card as t, content as n, header as r, title as i } from "./Card.css.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useMemo as s } from "react";
+//#region src/atomic/molecules/card/Card.tsx
+var c = (c) => {
+	let { title: l, children: u, headerActions: d, className: f, contentClassName: p } = c, m = s(() => l == null ? null : /* @__PURE__ */ o("div", {
+		className: r,
+		children: [/* @__PURE__ */ a("span", {
+			className: i,
+			children: l
+		}), d]
+	}), [d, l]);
+	return /* @__PURE__ */ o("div", {
+		className: e(t, f),
+		children: [m, /* @__PURE__ */ a("div", {
+			className: e(n, p),
+			children: u
+		})]
+	});
 };
-export {
-  $ as Card
-};
-//# sourceMappingURL=Card.js.map
+//#endregion
+export { c as Card };
+
+//# sourceMappingURL=Card.js.map

package/lib/esm/atomic/molecules/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/atomic/molecules/card/Card.tsx"],"sourcesContent":["import React, { type JSX, useMemo } from 'react';\n\nimport * as styles from './Card.css.js';\nimport { cx } from '../../../theme/tools.js';\n\ntype Props = {\n  headerActions?: React.ReactNode;\n  title?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n  contentClassName?: string;\n};\n\nexport const Card = (props: Props): JSX.Element => {\n  const { title, children, headerActions, className, contentClassName } = props;\n\n  const header = useMemo(() => {\n    if (title == null) {\n      return null;\n    }\n\n    return (\n      <div className={styles.header}>\n        <span className={styles.title}>{title}</span>\n        {headerActions}\n      </div>\n    );\n  }, [headerActions, title]);\n\n  const rootClass = cx(styles.card, className);\n  const contentClass = cx(styles.content, contentClassName);\n\n  return (\n    <div className={rootClass}>\n      {header}\n      <div className={contentClass}>{children}</div>\n    </div>\n  );\n};\n"],"names":["Card","props","title","children","headerActions","className","contentClassName","header","useMemo","jsxs","styles.header","jsx","styles.title","rootClass","cx","styles.card","contentClass","styles.content"],"mappings":";;;;AAaO,MAAMA,IAAO,CAACC,MAA8B;AACjD,QAAM,EAAA,OAAEC,GAAO,UAAAC,GAAU,eAAAC,GAAe,WAAAC,GAAW,kBAAAC,MAAqBL,GAElEM,IAASC,EAAQ,MACjBN,KAAS,OACJ,OAIP,gBAAAO,EAAC,OAAA,EAAI,WAAWC,GACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWC,GAAe,UAAAV,GAAM;AAAA,IACrCE;AAAA,EAAA,GACH,GAED,CAACA,GAAeF,CAAK,CAAC,GAEnBW,IAAYC,EAAGC,GAAaV,CAAS,GACrCW,IAAeF,EAAGG,GAAgBX,CAAgB;AAExD,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWI,GACb,UAAA;AAAA,IAAAN;AAAAA,IACD,gBAAAI,EAAC,OAAA,EAAI,WAAWK,GAAe,UAAAb,EAAA,CAAS;AAAA,EAAA,GAC1C;AAEJ;"}
+{"version":3,"file":"Card.js","names":[],"sources":["../../../../../src/atomic/molecules/card/Card.tsx"],"sourcesContent":["import React, { type JSX, useMemo } from 'react';\n\nimport * as styles from './Card.css.js';\nimport { cx } from '../../../theme/tools.js';\n\ntype Props = {\n  headerActions?: React.ReactNode;\n  title?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n  contentClassName?: string;\n};\n\nexport const Card = (props: Props): JSX.Element => {\n  const { title, children, headerActions, className, contentClassName } = props;\n\n  const header = useMemo(() => {\n    if (title == null) {\n      return null;\n    }\n\n    return (\n      <div className={styles.header}>\n        <span className={styles.title}>{title}</span>\n        {headerActions}\n      </div>\n    );\n  }, [headerActions, title]);\n\n  const rootClass = cx(styles.card, className);\n  const contentClass = cx(styles.content, contentClassName);\n\n  return (\n    <div className={rootClass}>\n      {header}\n      <div className={contentClass}>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAaA,IAAa,KAAQ,MAA8B;CACjD,IAAM,EAAE,OAAA,GAAO,aAAU,kBAAe,cAAW,wBAAqB,GAElE,IAAS,QACT,KAAS,OACJ,OAIP,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAa,CAAA,EAC5C,EACG;KAEP,CAAC,GAAe,EAAM,CAAC;AAK1B,QACE,kBAAC,OAAD;EAAK,WAJW,EAAG,GAAa,EAAU;YAI1C,CACG,GACD,kBAAC,OAAD;GAAK,WALY,EAAG,GAAgB,EAAiB;GAKtB;GAAe,CAAA,CAC1C"}