@plumile/ui 0.1.63 → 0.1.64

package/lib/esm/atomic/molecules/markdown/components/MarkdownArticleContainer.css.js

@@ -1,4 +1,5 @@
 /* empty css                                         */
+/* empty css                             */
 /* empty css                                        */
 //#region src/atomic/molecules/markdown/components/MarkdownArticleContainer.css.ts
 var e = "_7ez1431 _7ez1430 txvbqb9io txvbqbai6 txvbqbaoo";

package/lib/esm/atomic/molecules/markdown/components/MarkdownFootnoteReference.css.js

@@ -1,5 +1,4 @@
 /* empty css                                         */
-/* empty css                             */
 /* empty css                                         */
 //#region src/atomic/molecules/markdown/components/MarkdownFootnoteReference.css.ts
 var e = "_1p5id9v1 _1p5id9v0 txvbqb8o txvbqb9jf txvbqbamo txvbqb7s";

package/lib/esm/atomic/organisms/sidebar/NavigationSidebar.js

@@ -0,0 +1,191 @@
+import { cx as e } from "../../../theme/tools.js";
+import { useUiTranslation as t } from "../../../i18n/useUiTranslation.js";
+import { SidebarContainer as n } from "./SidebarContainer.js";
+import { ChevronLeftIcon as r, ChevronRightIcon as i } from "./icons.js";
+import { childIcon as a, childLabel as o, childLinkRecipe as s, collapseButton as c, collapseButtonLabel as l, collapseButtonStateRecipe as u, collapsibleContent as d, collapsibleItem as f, collapsibleSection as p, collapsibleStateRecipe as m, iconBaseLayer as h, iconHiddenOnHover as g, iconVisibleOnHover as _, iconWrapper as v, itemWrapper as y, label as b, navButton as x, navGapRecipe as ee, navLinkRecipe as S, navWithTrailingAction as C, trailingActionButton as w, trailingActionIconHidden as T, trailingActionIconVisible as E, trailingActionIconWrapper as D, trailingIconWrapper as te } from "./navigationSidebar.css.js";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { useCallback as j, useMemo as M, useState as N } from "react";
+import { Link as P, useLocation as F } from "@plumile/router";
+//#region src/atomic/organisms/sidebar/NavigationSidebar.tsx
+var I = ({ id: t, isExpanded: n, children: r }) => {
+	let i = "collapsed";
+	return n && (i = "expanded"), /* @__PURE__ */ k("div", {
+		id: t,
+		"aria-hidden": !n,
+		className: e(p, m({ state: i })),
+		children: /* @__PURE__ */ k("div", {
+			className: d,
+			children: r
+		})
+	});
+}, L = ({ items: d, headerSlot: p, isCollapsed: m, onCollapsedChange: L, showCollapseToggle: R = !0 }) => {
+	let { t: z } = t(), [B, V] = N(!1), [H, U] = N({}), W = m != null, G = m ?? B, { pathname: K } = F(), q = (e, t) => t === !0 ? K === e : K === e ? !0 : K.startsWith(`${e}/`), J = j((e, t) => {
+		U((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), Y = j(() => {
+		let e = !G;
+		W || V(e), L?.(e);
+	}, [
+		G,
+		W,
+		L
+	]), X;
+	G || (X = p ?? void 0);
+	let Z = M(() => {
+		if (!R) return null;
+		let t = r, n = z("navigation.sidebar.actions.collapseAriaLabel");
+		G && (t = i, n = z("navigation.sidebar.actions.expandAriaLabel"));
+		let a = "expanded";
+		G && (a = "collapsed");
+		let o = null;
+		return G || (o = /* @__PURE__ */ k("span", {
+			className: l,
+			children: z("navigation.sidebar.actions.collapse")
+		})), /* @__PURE__ */ A("button", {
+			type: "button",
+			onClick: Y,
+			className: e(c, u({ state: a })),
+			"aria-label": n,
+			children: [/* @__PURE__ */ k(t, { size: 20 }), o]
+		});
+	}, [
+		Y,
+		G,
+		R,
+		z
+	]);
+	return /* @__PURE__ */ k(n, {
+		headerSlot: X,
+		footerSlot: Z,
+		isCollapsed: G,
+		showDefaultHeaderAction: !1,
+		children: d.map((t) => {
+			let n = t.childItems ?? null, r = n != null && n.length > 0, i = H[t.key] ?? t.defaultExpanded ?? !1, c = !i, l, u = !G && r;
+			u && (l = `navigation-sidebar-${t.key}-children`), r && n.some((e) => q(e.to)) && (i = !0);
+			let d = null;
+			!G && t.trailingAction != null && (d = t.trailingAction);
+			let p = d != null, m = t.hoverIcon !== void 0 && t.hoverIcon !== null, j = t.trailingIcon !== void 0 && t.trailingIcon !== null, M = t.trailingHoverIcon !== void 0 && t.trailingHoverIcon !== null, N = !G && !p && (j || M), F;
+			G && (F = t.label);
+			let L = "expanded";
+			G && (L = "collapsed");
+			let R = ee({ state: L }), z;
+			p && (z = C);
+			let B = null;
+			G || (B = /* @__PURE__ */ k("span", {
+				className: b,
+				children: t.label
+			}));
+			let V = null;
+			m && (V = /* @__PURE__ */ k("span", {
+				className: _,
+				children: t.hoverIcon
+			}));
+			let U = /* @__PURE__ */ A("span", {
+				className: v,
+				children: [/* @__PURE__ */ k("span", {
+					className: e(h, { [g]: m }),
+					children: t.icon
+				}), V]
+			}), W = null;
+			if (N) {
+				let n = null;
+				j && (n = /* @__PURE__ */ k("span", {
+					className: e(h, { [g]: M }),
+					children: t.trailingIcon
+				}));
+				let r = null;
+				M && (r = /* @__PURE__ */ k("span", {
+					className: _,
+					children: t.trailingHoverIcon
+				})), W = /* @__PURE__ */ A("span", {
+					className: te,
+					children: [n, r]
+				});
+			}
+			let K = /* @__PURE__ */ A(O, { children: [
+				U,
+				B,
+				W
+			] }), Y = () => {
+				!r || G || J(t.key, c);
+			}, X;
+			if (r) X = e(x, R, z);
+			else {
+				let n = "default";
+				q(t.to, t.exact) && (n = "active"), X = e(S({ state: n }), R, z);
+			}
+			let Z;
+			Z = r ? /* @__PURE__ */ k("button", {
+				type: "button",
+				className: X,
+				"aria-expanded": i,
+				"aria-controls": l,
+				"aria-label": F,
+				onClick: Y,
+				children: K
+			}) : /* @__PURE__ */ k(P, {
+				to: t.to,
+				className: X,
+				exact: t.exact,
+				"aria-label": F,
+				children: K
+			});
+			let Q = null;
+			if (d != null) {
+				let e = (e) => {
+					e.preventDefault(), e.stopPropagation(), d.onClick();
+				}, t = d.hoverIcon, n = t != null, r = null;
+				n && (r = /* @__PURE__ */ k("span", {
+					className: E,
+					children: t
+				})), Q = /* @__PURE__ */ k("button", {
+					type: "button",
+					"aria-label": d.label,
+					onClick: e,
+					className: w,
+					children: /* @__PURE__ */ A("span", {
+						className: D,
+						children: [/* @__PURE__ */ k("span", {
+							className: T,
+							children: d.icon
+						}), r]
+					})
+				});
+			}
+			let $ = null;
+			return u && l != null && ($ = /* @__PURE__ */ k(I, {
+				id: l,
+				isExpanded: i,
+				children: n.map((e) => {
+					let t = null;
+					e.icon != null && (t = /* @__PURE__ */ k("span", {
+						className: a,
+						children: e.icon
+					}));
+					let n = "default";
+					return q(e.to) && (n = "active"), /* @__PURE__ */ k("div", {
+						className: f,
+						children: /* @__PURE__ */ A(P, {
+							to: e.to,
+							className: s({ state: n }),
+							"aria-label": e.label,
+							children: [t, /* @__PURE__ */ k("span", {
+								className: o,
+								children: e.label
+							})]
+						})
+					}, e.key);
+				})
+			})), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("div", {
+				className: y,
+				children: [Z, Q]
+			}), $] }, t.key);
+		})
+	});
+};
+//#endregion
+export { L as NavigationSidebar };
+
+//# sourceMappingURL=NavigationSidebar.js.map

package/lib/esm/atomic/organisms/sidebar/NavigationSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSidebar.js","names":[],"sources":["../../../../../src/atomic/organisms/sidebar/NavigationSidebar.tsx"],"sourcesContent":["import {\n  type JSX,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport { Link, useLocation } from '@plumile/router';\nimport type { RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { useUiTranslation } from '../../../i18n/useUiTranslation.js';\nimport { cx } from '../../../theme/tools.js';\nimport { ChevronLeftIcon, ChevronRightIcon } from './icons.js';\nimport * as styles from './navigationSidebar.css.js';\nimport { SidebarContainer } from './SidebarContainer.js';\n\ntype SidebarItemTrailingAction = {\n  icon: ReactNode;\n  hoverIcon?: ReactNode;\n  label: string;\n  onClick: () => void;\n};\n\ntype SidebarItem = {\n  key: string;\n  to: string;\n  label: string;\n  icon: ReactNode;\n  exact?: boolean;\n  hoverIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n  trailingHoverIcon?: ReactNode;\n  trailingAction?: SidebarItemTrailingAction;\n  childItems?: SidebarChildItem[];\n  defaultExpanded?: boolean;\n};\n\ntype SidebarChildItem = {\n  key: string;\n  to: string;\n  label: string;\n  icon?: ReactNode;\n};\n\ntype NavigationSidebarProps = {\n  items: SidebarItem[];\n  headerSlot?: ReactNode;\n  isCollapsed?: boolean;\n  onCollapsedChange?: (nextCollapsed: boolean) => void;\n  showCollapseToggle?: boolean;\n};\n\nconst CollapsibleSection = ({\n  id,\n  isExpanded,\n  children,\n}: {\n  id: string;\n  isExpanded: boolean;\n  children: ReactNode;\n}): JSX.Element => {\n  let collapsibleStateKey: NonNullable<\n    NonNullable<RecipeVariants<typeof styles.collapsibleStateRecipe>>['state']\n  > = 'collapsed';\n  if (isExpanded) {\n    collapsibleStateKey = 'expanded';\n  }\n\n  return (\n    <div\n      id={id}\n      aria-hidden={!isExpanded}\n      className={cx(\n        styles.collapsibleSection,\n        styles.collapsibleStateRecipe({ state: collapsibleStateKey }),\n      )}\n    >\n      <div className={styles.collapsibleContent}>{children}</div>\n    </div>\n  );\n};\n\nconst NavigationSidebar = ({\n  items,\n  headerSlot,\n  isCollapsed: isCollapsedProp,\n  onCollapsedChange,\n  showCollapseToggle = true,\n}: NavigationSidebarProps): JSX.Element => {\n  const { t } = useUiTranslation();\n  const [internalCollapsed, setInternalCollapsed] = useState(false);\n  const [expandedState, setExpandedState] = useState<Record<string, boolean>>(\n    {},\n  );\n  const isControlled = isCollapsedProp != null;\n  const isCollapsed = isCollapsedProp ?? internalCollapsed;\n  const { pathname } = useLocation();\n\n  const isPathActive = (target: string, exact?: boolean): boolean => {\n    if (exact === true) {\n      return pathname === target;\n    }\n    if (pathname === target) {\n      return true;\n    }\n    return pathname.startsWith(`${target}/`);\n  };\n\n  const handleToggle = useCallback((key: string, nextState: boolean) => {\n    setExpandedState((prev) => {\n      return {\n        ...prev,\n        [key]: nextState,\n      };\n    });\n  }, []);\n\n  const handleCollapseToggle = useCallback(() => {\n    const nextState = !isCollapsed;\n    if (!isControlled) {\n      setInternalCollapsed(nextState);\n    }\n    onCollapsedChange?.(nextState);\n  }, [isCollapsed, isControlled, onCollapsedChange]);\n\n  let headerContent: ReactNode | undefined;\n  if (!isCollapsed) {\n    headerContent = headerSlot ?? undefined;\n  }\n\n  const collapseButton = useMemo(() => {\n    if (!showCollapseToggle) {\n      return null;\n    }\n\n    let CollapseIcon = ChevronLeftIcon;\n    let buttonLabel = t('navigation.sidebar.actions.collapseAriaLabel');\n    if (isCollapsed) {\n      CollapseIcon = ChevronRightIcon;\n      buttonLabel = t('navigation.sidebar.actions.expandAriaLabel');\n    }\n\n    let collapseState: NonNullable<\n      NonNullable<\n        RecipeVariants<typeof styles.collapseButtonStateRecipe>\n      >['state']\n    > = 'expanded';\n    if (isCollapsed) {\n      collapseState = 'collapsed';\n    }\n\n    let collapseLabel: JSX.Element | null = null;\n    if (!isCollapsed) {\n      collapseLabel = (\n        <span className={styles.collapseButtonLabel}>\n          {t('navigation.sidebar.actions.collapse')}\n        </span>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        onClick={handleCollapseToggle}\n        className={cx(\n          styles.collapseButton,\n          styles.collapseButtonStateRecipe({ state: collapseState }),\n        )}\n        aria-label={buttonLabel}\n      >\n        <CollapseIcon size={20} />\n        {collapseLabel}\n      </button>\n    );\n  }, [handleCollapseToggle, isCollapsed, showCollapseToggle, t]);\n\n  return (\n    <SidebarContainer\n      headerSlot={headerContent}\n      footerSlot={collapseButton}\n      isCollapsed={isCollapsed}\n      showDefaultHeaderAction={false}\n    >\n      {items.map((item) => {\n        const childItems = item.childItems ?? null;\n        const hasChildren = childItems != null && childItems.length > 0;\n        const storedExpanded = expandedState[item.key];\n        let isExpanded = storedExpanded ?? item.defaultExpanded ?? false;\n        const nextExpanded = !isExpanded;\n        let childSectionId: string | undefined;\n        const shouldRenderChildren = !isCollapsed && hasChildren;\n        if (shouldRenderChildren) {\n          childSectionId = `navigation-sidebar-${item.key}-children`;\n        }\n\n        if (hasChildren) {\n          const hasActiveChild = childItems.some((child) => {\n            return isPathActive(child.to);\n          });\n\n          if (hasActiveChild) {\n            isExpanded = true;\n          }\n        }\n\n        let trailingAction: SidebarItemTrailingAction | null = null;\n        if (!isCollapsed && item.trailingAction != null) {\n          trailingAction = item.trailingAction;\n        }\n        const showTrailingAction = trailingAction != null;\n        const hasHoverIcon =\n          item.hoverIcon !== undefined && item.hoverIcon !== null;\n        const hasTrailingIcon =\n          item.trailingIcon !== undefined && item.trailingIcon !== null;\n        const hasTrailingHoverIcon =\n          item.trailingHoverIcon !== undefined &&\n          item.trailingHoverIcon !== null;\n        const showTrailing =\n          !isCollapsed &&\n          !showTrailingAction &&\n          (hasTrailingIcon || hasTrailingHoverIcon);\n\n        let itemAriaLabel: string | undefined;\n        if (isCollapsed) {\n          itemAriaLabel = item.label;\n        }\n\n        let gapState: NonNullable<\n          NonNullable<RecipeVariants<typeof styles.navGapRecipe>>['state']\n        > = 'expanded';\n        if (isCollapsed) {\n          gapState = 'collapsed';\n        }\n        const gapClassName = styles.navGapRecipe({ state: gapState });\n\n        let paddingClassName: string | undefined;\n        if (showTrailingAction) {\n          paddingClassName = styles.navWithTrailingAction;\n        }\n\n        let labelNode: JSX.Element | null = null;\n        if (!isCollapsed) {\n          labelNode = <span className={styles.label}>{item.label}</span>;\n        }\n\n        let hoverLayer: JSX.Element | null = null;\n        if (hasHoverIcon) {\n          hoverLayer = (\n            <span className={styles.iconVisibleOnHover}>{item.hoverIcon}</span>\n          );\n        }\n\n        const leadingIcon = (\n          <span className={styles.iconWrapper}>\n            <span\n              className={cx(styles.iconBaseLayer, {\n                [styles.iconHiddenOnHover]: hasHoverIcon,\n              })}\n            >\n              {item.icon}\n            </span>\n            {hoverLayer}\n          </span>\n        );\n\n        let trailingIcons: JSX.Element | null = null;\n        if (showTrailing) {\n          let trailingBaseLayer: JSX.Element | null = null;\n          if (hasTrailingIcon) {\n            trailingBaseLayer = (\n              <span\n                className={cx(styles.iconBaseLayer, {\n                  [styles.iconHiddenOnHover]: hasTrailingHoverIcon,\n                })}\n              >\n                {item.trailingIcon}\n              </span>\n            );\n          }\n\n          let trailingHoverLayer: JSX.Element | null = null;\n          if (hasTrailingHoverIcon) {\n            trailingHoverLayer = (\n              <span className={styles.iconVisibleOnHover}>\n                {item.trailingHoverIcon}\n              </span>\n            );\n          }\n\n          trailingIcons = (\n            <span className={styles.trailingIconWrapper}>\n              {trailingBaseLayer}\n              {trailingHoverLayer}\n            </span>\n          );\n        }\n\n        const commonContent = (\n          <>\n            {leadingIcon}\n            {labelNode}\n            {trailingIcons}\n          </>\n        );\n\n        const handleClick = (): void => {\n          if (!hasChildren || isCollapsed) {\n            return;\n          }\n          handleToggle(item.key, nextExpanded);\n        };\n\n        let interactiveClassName: string;\n        if (hasChildren) {\n          interactiveClassName = cx(\n            styles.navButton,\n            gapClassName,\n            paddingClassName,\n          );\n        } else {\n          let navState: NonNullable<\n            NonNullable<RecipeVariants<typeof styles.navLinkRecipe>>['state']\n          > = 'default';\n          if (isPathActive(item.to, item.exact)) {\n            navState = 'active';\n          }\n          interactiveClassName = cx(\n            styles.navLinkRecipe({ state: navState }),\n            gapClassName,\n            paddingClassName,\n          );\n        }\n\n        let itemNode: JSX.Element;\n        if (hasChildren) {\n          itemNode = (\n            <button\n              type=\"button\"\n              className={interactiveClassName}\n              aria-expanded={isExpanded}\n              aria-controls={childSectionId}\n              aria-label={itemAriaLabel}\n              onClick={handleClick}\n            >\n              {commonContent}\n            </button>\n          );\n        } else {\n          itemNode = (\n            <Link\n              to={item.to}\n              className={interactiveClassName}\n              exact={item.exact}\n              aria-label={itemAriaLabel}\n            >\n              {commonContent}\n            </Link>\n          );\n        }\n\n        let trailingActionNode: JSX.Element | null = null;\n        if (trailingAction != null) {\n          const handleTrailingClick = (\n            event: MouseEvent<HTMLButtonElement>,\n          ): void => {\n            event.preventDefault();\n            event.stopPropagation();\n            trailingAction.onClick();\n          };\n\n          const trailingHoverIcon = trailingAction.hoverIcon;\n          const showTrailingHoverIcon =\n            trailingHoverIcon !== undefined && trailingHoverIcon !== null;\n          let trailingHoverContent: JSX.Element | null = null;\n          if (showTrailingHoverIcon) {\n            trailingHoverContent = (\n              <span className={styles.trailingActionIconVisible}>\n                {trailingHoverIcon}\n              </span>\n            );\n          }\n\n          trailingActionNode = (\n            <button\n              type=\"button\"\n              aria-label={trailingAction.label}\n              onClick={handleTrailingClick}\n              className={styles.trailingActionButton}\n            >\n              <span className={styles.trailingActionIconWrapper}>\n                <span className={styles.trailingActionIconHidden}>\n                  {trailingAction.icon}\n                </span>\n                {trailingHoverContent}\n              </span>\n            </button>\n          );\n        }\n\n        let childList: JSX.Element | null = null;\n        if (shouldRenderChildren && childSectionId != null) {\n          childList = (\n            <CollapsibleSection id={childSectionId} isExpanded={isExpanded}>\n              {childItems.map((child) => {\n                let leading: JSX.Element | null = null;\n                if (child.icon != null) {\n                  leading = (\n                    <span className={styles.childIcon}>{child.icon}</span>\n                  );\n                }\n\n                let childState: NonNullable<\n                  NonNullable<\n                    RecipeVariants<typeof styles.childLinkRecipe>\n                  >['state']\n                > = 'default';\n                if (isPathActive(child.to)) {\n                  childState = 'active';\n                }\n\n                return (\n                  <div key={child.key} className={styles.collapsibleItem}>\n                    <Link\n                      to={child.to}\n                      className={styles.childLinkRecipe({ state: childState })}\n                      aria-label={child.label}\n                    >\n                      {leading}\n                      <span className={styles.childLabel}>{child.label}</span>\n                    </Link>\n                  </div>\n                );\n              })}\n            </CollapsibleSection>\n          );\n        }\n\n        return (\n          <div key={item.key}>\n            <div className={styles.itemWrapper}>\n              {itemNode}\n              {trailingActionNode}\n            </div>\n            {childList}\n          </div>\n        );\n      })}\n    </SidebarContainer>\n  );\n};\n\nexport { NavigationSidebar };\nexport type {\n  NavigationSidebarProps,\n  SidebarChildItem,\n  SidebarItem,\n  SidebarItemTrailingAction,\n};\n"],"mappings":";;;;;;;;;AAqDA,IAAM,KAAsB,EAC1B,OACA,eACA,kBAKiB;CACjB,IAAI,IAEA;AAKJ,QAJI,MACF,IAAsB,aAItB,kBAAC,OAAD;EACM;EACJ,eAAa,CAAC;EACd,WAAW,EACT,GACA,EAA8B,EAAE,OAAO,GAAqB,CAAC,CAC9D;YAED,kBAAC,OAAD;GAAK,WAAW;GAA4B;GAAe,CAAA;EACvD,CAAA;GAIJ,KAAqB,EACzB,UACA,eACA,aAAa,GACb,sBACA,wBAAqB,SACoB;CACzC,IAAM,EAAE,SAAM,GAAkB,EAC1B,CAAC,GAAmB,KAAwB,EAAS,GAAM,EAC3D,CAAC,GAAe,KAAoB,EACxC,EAAE,CACH,EACK,IAAe,KAAmB,MAClC,IAAc,KAAmB,GACjC,EAAE,gBAAa,GAAa,EAE5B,KAAgB,GAAgB,MAChC,MAAU,KACL,MAAa,IAElB,MAAa,IACR,KAEF,EAAS,WAAW,GAAG,EAAO,GAAG,EAGpC,IAAe,GAAa,GAAa,MAAuB;AACpE,KAAkB,OACT;GACL,GAAG;IACF,IAAM;GACR,EACD;IACD,EAAE,CAAC,EAEA,IAAuB,QAAkB;EAC7C,IAAM,IAAY,CAAC;AAInB,EAHK,KACH,EAAqB,EAAU,EAEjC,IAAoB,EAAU;IAC7B;EAAC;EAAa;EAAc;EAAkB,CAAC,EAE9C;AACJ,CAAK,MACH,IAAgB,KAAc,KAAA;CAGhC,IAAM,IAAiB,QAAc;AACnC,MAAI,CAAC,EACH,QAAO;EAGT,IAAI,IAAe,GACf,IAAc,EAAE,+CAA+C;AACnE,EAAI,MACF,IAAe,GACf,IAAc,EAAE,6CAA6C;EAG/D,IAAI,IAIA;AACJ,EAAI,MACF,IAAgB;EAGlB,IAAI,IAAoC;AASxC,SARK,MACH,IACE,kBAAC,QAAD;GAAM,WAAW;aACd,EAAE,sCAAsC;GACpC,CAAA,GAKT,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAW,EACT,GACA,EAAiC,EAAE,OAAO,GAAe,CAAC,CAC3D;GACD,cAAY;aAPd,CASE,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA,EACzB,EACM;;IAEV;EAAC;EAAsB;EAAa;EAAoB;EAAE,CAAC;AAE9D,QACE,kBAAC,GAAD;EACE,YAAY;EACZ,YAAY;EACC;EACb,yBAAyB;YAExB,EAAM,KAAK,MAAS;GACnB,IAAM,IAAa,EAAK,cAAc,MAChC,IAAc,KAAc,QAAQ,EAAW,SAAS,GAE1D,IADmB,EAAc,EAAK,QACP,EAAK,mBAAmB,IACrD,IAAe,CAAC,GAClB,GACE,IAAuB,CAAC,KAAe;AAK7C,GAJI,MACF,IAAiB,sBAAsB,EAAK,IAAI,aAG9C,KACqB,EAAW,MAAM,MAC/B,EAAa,EAAM,GAAG,CAC7B,KAGA,IAAa;GAIjB,IAAI,IAAmD;AACvD,GAAI,CAAC,KAAe,EAAK,kBAAkB,SACzC,IAAiB,EAAK;GAExB,IAAM,IAAqB,KAAkB,MACvC,IACJ,EAAK,cAAc,KAAA,KAAa,EAAK,cAAc,MAC/C,IACJ,EAAK,iBAAiB,KAAA,KAAa,EAAK,iBAAiB,MACrD,IACJ,EAAK,sBAAsB,KAAA,KAC3B,EAAK,sBAAsB,MACvB,IACJ,CAAC,KACD,CAAC,MACA,KAAmB,IAElB;AACJ,GAAI,MACF,IAAgB,EAAK;GAGvB,IAAI,IAEA;AACJ,GAAI,MACF,IAAW;GAEb,IAAM,IAAe,GAAoB,EAAE,OAAO,GAAU,CAAC,EAEzD;AACJ,GAAI,MACF,IAAmB;GAGrB,IAAI,IAAgC;AACpC,GAAK,MACH,IAAY,kBAAC,QAAD;IAAM,WAAW;cAAe,EAAK;IAAa,CAAA;GAGhE,IAAI,IAAiC;AACrC,GAAI,MACF,IACE,kBAAC,QAAD;IAAM,WAAW;cAA4B,EAAK;IAAiB,CAAA;GAIvE,IAAM,IACJ,kBAAC,QAAD;IAAM,WAAW;cAAjB,CACE,kBAAC,QAAD;KACE,WAAW,EAAG,GAAsB,GACjC,IAA2B,GAC7B,CAAC;eAED,EAAK;KACD,CAAA,EACN,EACI;OAGL,IAAoC;AACxC,OAAI,GAAc;IAChB,IAAI,IAAwC;AAC5C,IAAI,MACF,IACE,kBAAC,QAAD;KACE,WAAW,EAAG,GAAsB,GACjC,IAA2B,GAC7B,CAAC;eAED,EAAK;KACD,CAAA;IAIX,IAAI,IAAyC;AAS7C,IARI,MACF,IACE,kBAAC,QAAD;KAAM,WAAW;eACd,EAAK;KACD,CAAA,GAIX,IACE,kBAAC,QAAD;KAAM,WAAW;eAAjB,CACG,GACA,EACI;;;GAIX,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA;IACG;IACA;IACA;IACA,EAAA,CAAA,EAGC,UAA0B;AAC1B,KAAC,KAAe,KAGpB,EAAa,EAAK,KAAK,EAAa;MAGlC;AACJ,OAAI,EACF,KAAuB,EACrB,GACA,GACA,EACD;QACI;IACL,IAAI,IAEA;AAIJ,IAHI,EAAa,EAAK,IAAI,EAAK,MAAM,KACnC,IAAW,WAEb,IAAuB,EACrB,EAAqB,EAAE,OAAO,GAAU,CAAC,EACzC,GACA,EACD;;GAGH,IAAI;AACJ,GAcE,IAdE,IAEA,kBAAC,UAAD;IACE,MAAK;IACL,WAAW;IACX,iBAAe;IACf,iBAAe;IACf,cAAY;IACZ,SAAS;cAER;IACM,CAAA,GAIT,kBAAC,GAAD;IACE,IAAI,EAAK;IACT,WAAW;IACX,OAAO,EAAK;IACZ,cAAY;cAEX;IACI,CAAA;GAIX,IAAI,IAAyC;AAC7C,OAAI,KAAkB,MAAM;IAC1B,IAAM,KACJ,MACS;AAGT,KAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,EAAe,SAAS;OAGpB,IAAoB,EAAe,WACnC,IACJ,KAAyD,MACvD,IAA2C;AAS/C,IARI,MACF,IACE,kBAAC,QAAD;KAAM,WAAW;eACd;KACI,CAAA,GAIX,IACE,kBAAC,UAAD;KACE,MAAK;KACL,cAAY,EAAe;KAC3B,SAAS;KACT,WAAW;eAEX,kBAAC,QAAD;MAAM,WAAW;gBAAjB,CACE,kBAAC,QAAD;OAAM,WAAW;iBACd,EAAe;OACX,CAAA,EACN,EACI;;KACA,CAAA;;GAIb,IAAI,IAAgC;AAsCpC,UArCI,KAAwB,KAAkB,SAC5C,IACE,kBAAC,GAAD;IAAoB,IAAI;IAA4B;cACjD,EAAW,KAAK,MAAU;KACzB,IAAI,IAA8B;AAClC,KAAI,EAAM,QAAQ,SAChB,IACE,kBAAC,QAAD;MAAM,WAAW;gBAAmB,EAAM;MAAY,CAAA;KAI1D,IAAI,IAIA;AAKJ,YAJI,EAAa,EAAM,GAAG,KACxB,IAAa,WAIb,kBAAC,OAAD;MAAqB,WAAW;gBAC9B,kBAAC,GAAD;OACE,IAAI,EAAM;OACV,WAAW,EAAuB,EAAE,OAAO,GAAY,CAAC;OACxD,cAAY,EAAM;iBAHpB,CAKG,GACD,kBAAC,QAAD;QAAM,WAAW;kBAAoB,EAAM;QAAa,CAAA,CACnD;;MACH,EATI,EAAM,IASV;MAER;IACiB,CAAA,GAKvB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,GACA,EACG;OACL,EACG,EAAA,EANI,EAAK,IAMT;IAER;EACe,CAAA"}

package/lib/esm/atomic/organisms/sidebar/navigationSidebar.css.js

@@ -0,0 +1,49 @@
+/* empty css                                      */
+/* empty css                                 */
+import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
+//#region src/atomic/organisms/sidebar/navigationSidebar.css.ts
+var t = "w6b4r71 w6b4r70 txvbqb9io txvbqbco txvbqbdnx txvbqb1ro txvbqb1co txvbqb1qf txvbqb106 txvbqbv9p txvbqbv4h txvbqbc76 txvbqb77 txvbqb6z txvbqb7k", n = e({
+	defaultClassName: "w6b4r72",
+	variantClassNames: { state: {
+		collapsed: "w6b4r73",
+		expanded: "w6b4r74"
+	} },
+	defaultVariants: { state: "expanded" },
+	compoundVariants: []
+}), r = "w6b4r75 txvbqbgmo txvbqb8x txvbqbamf", i = "w6b4r76 txvbqb9ix txvbqb7b txvbqb70 txvbqb7m", a = e({
+	defaultClassName: "w6b4r77",
+	variantClassNames: { state: {
+		expanded: "w6b4r78",
+		collapsed: "w6b4r79"
+	} },
+	defaultVariants: { state: "collapsed" },
+	compoundVariants: []
+}), o = "w6b4r7a txvbqbhwx txvbqbgnf txvbqb6gf txvbqb1qf txvbqb106 txvbqbnv6 txvbqbl6f", s = "w6b4r7b", c = "w6b4r7c txvbqbpsf", l = "w6b4r7g w6b4r7e w6b4r7d txvbqbnv6 txvbqboif txvbqbp5f txvbqblx6 txvbqb9io txvbqbco txvbqbdof txvbqbu6f txvbqb1ro txvbqb8x txvbqbf3x txvbqbt5o txvbqbuzj txvbqb77 txvbqb6z txvbqb7k w6b4r7f txvbqbamx txvbqbva3", u = e({
+	defaultClassName: "w6b4r7l w6b4r7i w6b4r7e w6b4r7d txvbqbnv6 txvbqboif txvbqbp5f txvbqblx6 txvbqb9io txvbqbco txvbqbdof txvbqbu6f txvbqb1ro txvbqb8x txvbqbf3x txvbqbt5o txvbqbuzj txvbqb77 txvbqb6z txvbqb7k w6b4r7h txvbqbamo txvbqb3b",
+	variantClassNames: { state: {
+		default: "w6b4r7m w6b4r7j txvbqbva3",
+		active: "w6b4r7n w6b4r7k txvbqbuy6 txvbqbv9z txvbqb106 txvbqb1rx"
+	} },
+	defaultVariants: { state: "default" },
+	compoundVariants: []
+}), d = e({
+	defaultClassName: "w6b4r7q",
+	variantClassNames: { state: {
+		collapsed: "w6b4r7r w6b4r7o txvbqb8uo",
+		expanded: "w6b4r7s w6b4r7p txvbqb8vf"
+	} },
+	defaultVariants: { state: "expanded" },
+	compoundVariants: []
+}), f = "w6b4r7t txvbqboko", p = "w6b4r7u txvbqb9mx txvbqbk4x txvbqbuw6 txvbqbl6f txvbqbt6f txvbqb7d txvbqb6z txvbqb7k", m = "w6b4r7v txvbqbpsf txvbqb9io txvbqbco txvbqbdnx txvbqbtwf txvbqbc5x txvbqbaj6", h = "w6b4r7w txvbqb7d txvbqb6z txvbqb7k", g = "w6b4r7x w6b4r7w txvbqb7d txvbqb6z txvbqb7k", _ = "w6b4r7z w6b4r7w txvbqb7d txvbqb6z txvbqb7k w6b4r7y txvbqbvab", v = "w6b4r710 txvbqbpsf txvbqbgwf txvbqb9io txvbqbco txvbqbdnx txvbqbtwf txvbqbc5x", y = "w6b4r712 w6b4r711 txvbqbps6 txvbqbtu6 txvbqbptx txvbqb9io txvbqbco txvbqbdnx txvbqbtx6 txvbqbc6o txvbqb1rf txvbqbv4h txvbqbv9p txvbqbvab txvbqb77 txvbqb6z txvbqb7k", b = "w6b4r713 txvbqbpsf txvbqb9io txvbqbco txvbqbdnx txvbqbtw6 txvbqbc5o", x = "w6b4r715 w6b4r714 txvbqb7d txvbqb6z txvbqb7k", S = "w6b4r717 w6b4r716 txvbqbvab txvbqb7d txvbqb6z txvbqb7k", C = e({
+	defaultClassName: "w6b4r71c w6b4r719 w6b4r718 txvbqbnv6 txvbqboif txvbqbp5f txvbqblx6 txvbqb9io txvbqbco txvbqbao6 txvbqb1ro txvbqb8x txvbqbamf txvbqbf3x txvbqb3b txvbqb78 txvbqb6z txvbqb7k",
+	variantClassNames: { state: {
+		default: "w6b4r71d w6b4r71a txvbqbva3",
+		active: "w6b4r71e w6b4r71b txvbqbv49 txvbqbv9z txvbqbamo"
+	} },
+	defaultVariants: { state: "default" },
+	compoundVariants: []
+}), w = "w6b4r71f txvbqb9io txvbqbco txvbqbdnx txvbqbtw6 txvbqbc5o txvbqbaj6 txvbqbv9p", T = "w6b4r71g txvbqb9mx txvbqbk4x txvbqbuw6 txvbqbl6f txvbqbt6f";
+//#endregion
+export { w as childIcon, T as childLabel, C as childLinkRecipe, t as collapseButton, r as collapseButtonLabel, n as collapseButtonStateRecipe, o as collapsibleContent, s as collapsibleItem, i as collapsibleSection, a as collapsibleStateRecipe, h as iconBaseLayer, g as iconHiddenOnHover, _ as iconVisibleOnHover, m as iconWrapper, c as itemWrapper, p as label, l as navButton, d as navGapRecipe, u as navLinkRecipe, f as navWithTrailingAction, y as trailingActionButton, x as trailingActionIconHidden, S as trailingActionIconVisible, b as trailingActionIconWrapper, v as trailingIconWrapper };
+
+//# sourceMappingURL=navigationSidebar.css.js.map

package/lib/esm/atomic/organisms/sidebar/navigationSidebar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationSidebar.css.js","names":[],"sources":["../../../../../src/atomic/organisms/sidebar/navigationSidebar.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.js';\n\nexport const collapseButton = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'brandPrimaryRed',\n    color: 'brandPrimaryRed',\n    backgroundColor: 'brandWhite',\n    height: 10,\n    transitionProperty: 'default',\n    transitionDuration: 200,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.brandSecondaryOrange,\n        color: vars.colors.brandWhite,\n        boxShadow: vars.boxShadow.brandGlow,\n      },\n      '&:focus-visible': {\n        outline: 'none',\n        boxShadow: `0 0 0 2px ${vars.colors.brandSecondaryOrange}`,\n      },\n    },\n  },\n]);\n\nexport const collapseButtonStateRecipe = recipe({\n  variants: {\n    state: {\n      collapsed: {\n        width: vars.spacing[10],\n        paddingInline: 0,\n      },\n      expanded: {\n        paddingInline: vars.spacing[3],\n        width: 'auto',\n      },\n    },\n  },\n  defaultVariants: {\n    state: 'expanded',\n  },\n});\n\nexport type CollapseButtonStateVariants = RecipeVariants<\n  typeof collapseButtonStateRecipe\n>;\n\nexport const collapseButtonLabel = sprinkles({\n  marginLeft: 2,\n  fontSize: 'sm',\n  fontWeight: 'medium',\n});\n\nexport const collapsibleSection = sprinkles({\n  display: 'grid',\n  transitionProperty: 'gridTemplateRowsOpacity',\n  transitionDuration: 300,\n  transitionTimingFunction: 'ease-in-out',\n});\n\nexport const collapsibleStateRecipe = recipe({\n  variants: {\n    state: {\n      expanded: {\n        gridTemplateRows: '1fr',\n        opacity: 1,\n      },\n      collapsed: {\n        gridTemplateRows: '0fr',\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n    },\n  },\n  defaultVariants: {\n    state: 'collapsed',\n  },\n});\n\nexport type CollapsibleStateVariants = RecipeVariants<\n  typeof collapsibleStateRecipe\n>;\n\nexport const collapsibleContent = sprinkles({\n  marginTop: 1,\n  marginLeft: 5,\n  borderLeftWidth: 2,\n  borderStyle: 'solid',\n  borderColor: 'brandPrimaryRed',\n  paddingLeft: 3,\n  overflow: 'hidden',\n});\n\nexport const collapsibleItem = style({\n  selectors: {\n    '&:not(:first-child)': {\n      marginTop: vars.spacing[1],\n    },\n  },\n});\n\nexport const itemWrapper = sprinkles({\n  position: 'relative',\n});\n\nconst interactiveBase = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: 'full',\n    borderRadius: 'lg',\n    paddingY: 2,\n    paddingX: 3,\n    fontSize: 'sm',\n    lineHeight: 1.2,\n    textAlign: 'left',\n    backgroundColor: 'transparent',\n    transitionProperty: 'default',\n    transitionDuration: 200,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.brandLightGray,\n        borderColor: vars.colors.brandSecondaryOrange,\n      },\n      '&:focus-visible': {\n        outline: 'none',\n      },\n    },\n  },\n]);\n\nexport const navButton = style([\n  interactiveBase,\n  sprinkles({ fontWeight: 'bold', color: 'brandDarkGray' }),\n]);\n\nconst navLinkBase = style([\n  interactiveBase,\n  sprinkles({ fontWeight: 'semibold', textDecoration: 'none' }),\n]);\n\nexport const navLinkRecipe = recipe({\n  base: navLinkBase,\n  variants: {\n    state: {\n      default: sprinkles({\n        color: 'brandDarkGray',\n      }),\n      active: sprinkles({\n        backgroundImage: 'brandDiagonal',\n        color: 'brandWhite',\n        borderColor: 'brandPrimaryRed',\n        borderRadius: 'xl',\n      }),\n    },\n  },\n  defaultVariants: {\n    state: 'default',\n  },\n});\n\nexport type NavLinkVariants = RecipeVariants<typeof navLinkRecipe>;\n\nexport const navGapRecipe = recipe({\n  variants: {\n    state: {\n      collapsed: sprinkles({ columnGap: 0 }),\n      expanded: sprinkles({ columnGap: 3 }),\n    },\n  },\n  defaultVariants: {\n    state: 'expanded',\n  },\n});\n\nexport type NavGapVariants = RecipeVariants<typeof navGapRecipe>;\n\nexport const navWithTrailingAction = sprinkles({\n  paddingRight: 12,\n});\n\nexport const label = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  transitionProperty: 'opacity',\n  transitionDuration: 200,\n  transitionTimingFunction: 'ease',\n});\n\nexport const iconWrapper = sprinkles({\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 5,\n  height: 5,\n  flexShrink: 0,\n});\n\nconst fadingLayer = sprinkles({\n  transitionProperty: 'opacity',\n  transitionDuration: 200,\n  transitionTimingFunction: 'ease',\n});\n\nexport const iconBaseLayer = fadingLayer;\n\nexport const iconHiddenOnHover = style([\n  fadingLayer,\n  {\n    selectors: {\n      [`${itemWrapper}:hover &`]: { opacity: 0 },\n      [`${itemWrapper}:focus-visible &`]: { opacity: 0 },\n      [`${itemWrapper}:focus-within &`]: { opacity: 0 },\n    },\n  },\n]);\n\nexport const iconVisibleOnHover = style([\n  fadingLayer,\n  sprinkles({ opacity: 0 }),\n  {\n    selectors: {\n      [`${itemWrapper}:hover &`]: { opacity: 1 },\n      [`${itemWrapper}:focus-visible &`]: { opacity: 1 },\n      [`${itemWrapper}:focus-within &`]: { opacity: 1 },\n    },\n  },\n]);\n\nexport const trailingIconWrapper = sprinkles({\n  position: 'relative',\n  marginLeft: 'auto',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 5,\n  height: 5,\n});\n\nexport const trailingActionButton = style([\n  sprinkles({\n    position: 'absolute',\n    top: '1/2',\n    right: 2,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    borderRadius: 'md',\n    backgroundColor: 'brandWhite',\n    color: 'brandPrimaryRed',\n    opacity: 0,\n    transitionProperty: 'default',\n    transitionDuration: 200,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    transform: 'translateY(-50%)',\n    selectors: {\n      [`${itemWrapper}:hover &`]: { opacity: 1 },\n      [`${itemWrapper}:focus-within &`]: { opacity: 1 },\n      '&:hover': {\n        backgroundColor: vars.colors.brandSecondaryOrange,\n        color: vars.colors.brandWhite,\n      },\n      '&:focus-visible': {\n        outline: 'none',\n        boxShadow: `0 0 0 2px ${vars.colors.brandSecondaryOrange}`,\n        opacity: 1,\n      },\n    },\n  },\n]);\n\nexport const trailingActionIconWrapper = sprinkles({\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n});\n\nexport const trailingActionIconHidden = style([\n  sprinkles({\n    transitionProperty: 'opacity',\n    transitionDuration: 200,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      [`${trailingActionButton}:hover &`]: { opacity: 0 },\n      [`${trailingActionButton}:focus-visible &`]: { opacity: 0 },\n    },\n  },\n]);\n\nexport const trailingActionIconVisible = style([\n  sprinkles({\n    opacity: 0,\n    transitionProperty: 'opacity',\n    transitionDuration: 200,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      [`${trailingActionButton}:hover &`]: { opacity: 1 },\n      [`${trailingActionButton}:focus-visible &`]: { opacity: 1 },\n    },\n  },\n]);\n\nconst childLinkBase = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 2,\n    borderRadius: 'lg',\n    paddingY: 2,\n    paddingX: 3,\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    lineHeight: 1.2,\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 200,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.brandLightGray,\n        color: vars.colors.brandDarkGray,\n      },\n    },\n  },\n]);\n\nexport const childLinkRecipe = recipe({\n  base: childLinkBase,\n  variants: {\n    state: {\n      default: sprinkles({\n        color: 'brandDarkGray',\n      }),\n      active: sprinkles({\n        backgroundColor: 'brandSecondaryOrange',\n        color: 'brandWhite',\n        fontWeight: 'semibold',\n      }),\n    },\n  },\n  defaultVariants: {\n    state: 'default',\n  },\n});\n\nexport type ChildLinkVariants = RecipeVariants<typeof childLinkRecipe>;\n\nexport const childIcon = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  flexShrink: 0,\n  color: 'brandPrimaryRed',\n});\n\nexport const childLabel = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n});\n"],"mappings":""}

package/lib/esm/index.js

@@ -37,66 +37,67 @@ import { useLoginForm as H } from "./atomic/organisms/login_form/useLoginForm.js
 import { SidebarContainer as U } from "./atomic/organisms/sidebar/SidebarContainer.js";
 import "./atomic/organisms/sidebar/Sidebar.js";
 import { ChevronLeftIcon as W, ChevronRightIcon as G, DocumentationIcon as K, HomeIcon as q, InitiativesIcon as J, PlusIcon as Y, ProjectsIcon as X, SearchIcon as Z, SettingsIcon as Q, TasksIcon as ne, TeamIcon as re } from "./atomic/organisms/sidebar/icons.js";
-import { AuthLayout as ie } from "./atomic/templates/auth_layout/AuthLayout.js";
-import { BillingUsageLineChart as ae } from "./components/charts/BillingUsageLineChart.js";
-import { DataTable as oe } from "./components/data-table/DataTable.js";
-import { ContentLayout as se } from "./components/layout/ContentLayout.js";
-import { PageShell as ce } from "./components/layout/PageShell.js";
-import { SimpleSelect as le } from "./components/select/SimpleSelect.js";
-import { RefetchNeededBanner as ue } from "./components/subscriptions/RefetchNeededBanner.js";
-import { TabsContentLayout as $ } from "./components/layout/TabsContentLayout.js";
-import { InfoTile as de } from "./components/tile/InfoTile.js";
-import { VirtualizedConnectionTable as fe } from "./components/data-table/VirtualizedConnectionTable.js";
-import { CopyableText as pe } from "./backoffice/atoms/copyable_text/CopyableText.js";
-import { BackofficeIdBadge as me } from "./backoffice/atoms/backoffice_id_badge/BackofficeIdBadge.js";
-import { EnvironmentBadge as he } from "./backoffice/atoms/environment_badge/EnvironmentBadge.js";
-import { ShortcutHint as ge } from "./backoffice/atoms/shortcut_hint/ShortcutHint.js";
-import { Skeleton as _e } from "./backoffice/atoms/skeleton/Skeleton.js";
-import { Spinner as ve } from "./backoffice/atoms/spinner/Spinner.js";
-import { StatusBadge as ye } from "./backoffice/atoms/status_badge/StatusBadge.js";
-import { Tag as be } from "./backoffice/atoms/tag/Tag.js";
-import { BackofficeDetailLayout as xe } from "./backoffice/molecules/backoffice_detail_layout/BackofficeDetailLayout.js";
-import { BackofficeEmptyState as Se } from "./backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
-import { BackofficeFilterDrawer as Ce } from "./backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js";
-import { BackofficeFilterField as we } from "./backoffice/molecules/backoffice_filter_field/BackofficeFilterField.js";
-import { BackofficeFiltersBar as Te } from "./backoffice/molecules/backoffice_filters_bar/BackofficeFiltersBar.js";
-import { BackofficeFormSection as Ee } from "./backoffice/molecules/backoffice_form_section/BackofficeFormSection.js";
-import { ConfirmDialog as De } from "./backoffice/molecules/confirm_dialog/ConfirmDialog.js";
-import { BackofficeJsonViewer as Oe } from "./backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewer.js";
-import { BackofficeKeyValueList as ke } from "./backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
-import { BackofficeLoadMore as Ae } from "./backoffice/molecules/backoffice_load_more/BackofficeLoadMore.js";
-import { BackofficePageHeader as je } from "./backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
-import { BackofficeRelationsMenu as Me } from "./backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js";
-import { BackofficeTableSkeleton as Ne } from "./backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
-import { BackofficeTableToolbar as Pe } from "./backoffice/molecules/backoffice_table_toolbar/BackofficeTableToolbar.js";
-import { BackofficeTabs as Fe } from "./backoffice/molecules/backoffice_tabs/BackofficeTabs.js";
-import { BulkActionsBar as Ie } from "./backoffice/molecules/bulk_actions_bar/BulkActionsBar.js";
-import { FilterChipRow as Le } from "./backoffice/molecules/filter_chip_row/FilterChipRow.js";
-import { GlobalSearchInput as Re } from "./backoffice/molecules/global_search_input/GlobalSearchInput.js";
-import { InlineBanner as ze } from "./backoffice/molecules/inline_banner/InlineBanner.js";
-import { SidebarNavItem as Be } from "./backoffice/molecules/sidebar_nav_item/SidebarNavItem.js";
-import { SidebarNavSection as Ve } from "./backoffice/molecules/sidebar_nav_section/SidebarNavSection.js";
-import { BackofficeSidebarProfileMenu as He } from "./backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js";
-import { SidebarCollapseToggle as Ue } from "./backoffice/molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js";
-import { TableToolbar as We } from "./backoffice/molecules/table_toolbar/TableToolbar.js";
-import { BackofficeAppShell as Ge } from "./backoffice/organisms/backoffice_app_shell/BackofficeAppShell.js";
-import { AuditTimeline as Ke } from "./backoffice/organisms/audit_timeline/AuditTimeline.js";
-import { BackofficeDataTable as qe } from "./backoffice/organisms/backoffice_data_table/BackofficeDataTable.js";
-import { BackofficeSidebar as Je } from "./backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js";
-import { BackofficeTopbar as Ye } from "./backoffice/organisms/backoffice_topbar/BackofficeTopbar.js";
-import { BackofficeVirtualizedConnectionTable as Xe } from "./backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js";
-import { EntityHeader as Ze } from "./backoffice/organisms/entity_header/EntityHeader.js";
-import { BackofficeShellTemplate as Qe } from "./backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js";
-import { DetailPageTemplate as $e } from "./backoffice/templates/detail_page_template/DetailPageTemplate.js";
-import { ListPageTemplate as et } from "./backoffice/templates/list_page_template/ListPageTemplate.js";
-import { SettingsTemplate as tt } from "./backoffice/templates/settings_template/SettingsTemplate.js";
-import { SplitViewTemplate as nt } from "./backoffice/templates/split_view_template/SplitViewTemplate.js";
-import { backofficeThemeClass as rt } from "./backoffice/theme/backofficeTheme.css.js";
-import { BackofficeThemeProvider as it } from "./backoffice/theme/BackofficeThemeProvider.js";
-import { FALLBACK_REFERENCE as at, formatNullableCurrency as ot, formatNullableNumber as st, formatNullableString as ct, formatStringList as lt } from "./shared/agentJobRequestFormatting.js";
-import { sanitizeAgentAnswer as ut, sanitizeAgentMarkdown as dt } from "./shared/agentText.js";
-import { denseTableClass as ft } from "./shared/backofficeTableDensity.css.js";
-import { WrapperPage as pt } from "./pages/WrapperPage.js";
-import { ChevronDownIcon as mt } from "./svg/ChevronDownIcon.js";
-import { LoginForm as ht } from "./atomic/organisms/login_form/LoginForm.js";
-export { Ke as AuditTimeline, ie as AuthLayout, Ge as BackofficeAppShell, qe as BackofficeDataTable, xe as BackofficeDetailLayout, Se as BackofficeEmptyState, Ce as BackofficeFilterDrawer, we as BackofficeFilterField, Te as BackofficeFiltersBar, Ee as BackofficeFormSection, me as BackofficeIdBadge, Oe as BackofficeJsonViewer, ke as BackofficeKeyValueList, Ae as BackofficeLoadMore, je as BackofficePageHeader, Me as BackofficeRelationsMenu, Qe as BackofficeShellTemplate, Je as BackofficeSidebar, He as BackofficeSidebarProfileMenu, Ne as BackofficeTableSkeleton, Pe as BackofficeTableToolbar, Fe as BackofficeTabs, it as BackofficeThemeProvider, Ye as BackofficeTopbar, Xe as BackofficeVirtualizedConnectionTable, e as Badge, ae as BillingUsageLineChart, f as BreadcrumbNavigation, Ie as BulkActionsBar, t as Button, p as Card, a as Checkbox, m as CheckboxField, mt as ChevronDownIcon, W as ChevronLeftIcon, G as ChevronRightIcon, De as ConfirmDialog, se as ContentLayout, pe as CopyableText, oe as DataTable, $e as DetailPageTemplate, K as DocumentationIcon, Ze as EntityHeader, he as EnvironmentBadge, o as ErrorMessage, at as FALLBACK_REFERENCE, Le as FilterChipRow, h as Form, v as FormActions, y as FormError, g as FormErrorBanner, b as FormField, _ as FormGroup, s as FormattedDate, Re as GlobalSearchInput, x as HighlightCode, q as HomeIcon, c as IconMenuButton, de as InfoTile, J as InitiativesIcon, ze as InlineBanner, r as Input, i as Label, S as LazyMarkdownRenderer, n as LinkButton, et as ListPageTemplate, ht as LoginForm, u as Modal, l as Overlay, ce as PageShell, Y as PlusIcon, X as ProjectsIcon, ue as RefetchNeededBanner, Z as SearchIcon, Q as SettingsIcon, tt as SettingsTemplate, ge as ShortcutHint, U as Sidebar, Ue as SidebarCollapseToggle, U as SidebarContainer, Be as SidebarNavItem, Ve as SidebarNavSection, le as SimpleSelect, _e as Skeleton, ve as Spinner, nt as SplitViewTemplate, ye as StatusBadge, j as THEME_KEY, We as TableToolbar, D as Tabs, $ as TabsContentLayout, be as Tag, ne as TasksIcon, re as TeamIcon, d as Textarea, M as ThemeProvider, k as ToastProvider, O as ToastViewport, fe as VirtualizedConnectionTable, P as VisuallyHidden, pt as WrapperPage, rt as backofficeThemeClass, w as colors, F as containerQueries, ee as cx, ft as denseTableClass, I as firstChildSprinkles, ot as formatNullableCurrency, st as formatNullableNumber, ct as formatNullableString, lt as formatStringList, L as hoverSprinkles, te as onlyDefinedStyles, z as opacity, ut as sanitizeAgentAnswer, dt as sanitizeAgentMarkdown, B as screens, T as spacing, R as sprinkles, C as themeColorValues, V as themeSpacingValues, H as useLoginForm, N as useTheme, A as useToast, E as vars };
+import { NavigationSidebar as ie } from "./atomic/organisms/sidebar/NavigationSidebar.js";
+import { AuthLayout as ae } from "./atomic/templates/auth_layout/AuthLayout.js";
+import { BillingUsageLineChart as oe } from "./components/charts/BillingUsageLineChart.js";
+import { DataTable as se } from "./components/data-table/DataTable.js";
+import { ContentLayout as ce } from "./components/layout/ContentLayout.js";
+import { PageShell as le } from "./components/layout/PageShell.js";
+import { SimpleSelect as ue } from "./components/select/SimpleSelect.js";
+import { RefetchNeededBanner as $ } from "./components/subscriptions/RefetchNeededBanner.js";
+import { TabsContentLayout as de } from "./components/layout/TabsContentLayout.js";
+import { InfoTile as fe } from "./components/tile/InfoTile.js";
+import { VirtualizedConnectionTable as pe } from "./components/data-table/VirtualizedConnectionTable.js";
+import { CopyableText as me } from "./backoffice/atoms/copyable_text/CopyableText.js";
+import { BackofficeIdBadge as he } from "./backoffice/atoms/backoffice_id_badge/BackofficeIdBadge.js";
+import { EnvironmentBadge as ge } from "./backoffice/atoms/environment_badge/EnvironmentBadge.js";
+import { ShortcutHint as _e } from "./backoffice/atoms/shortcut_hint/ShortcutHint.js";
+import { Skeleton as ve } from "./backoffice/atoms/skeleton/Skeleton.js";
+import { Spinner as ye } from "./backoffice/atoms/spinner/Spinner.js";
+import { StatusBadge as be } from "./backoffice/atoms/status_badge/StatusBadge.js";
+import { Tag as xe } from "./backoffice/atoms/tag/Tag.js";
+import { BackofficeDetailLayout as Se } from "./backoffice/molecules/backoffice_detail_layout/BackofficeDetailLayout.js";
+import { BackofficeEmptyState as Ce } from "./backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { BackofficeFilterDrawer as we } from "./backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js";
+import { BackofficeFilterField as Te } from "./backoffice/molecules/backoffice_filter_field/BackofficeFilterField.js";
+import { BackofficeFiltersBar as Ee } from "./backoffice/molecules/backoffice_filters_bar/BackofficeFiltersBar.js";
+import { BackofficeFormSection as De } from "./backoffice/molecules/backoffice_form_section/BackofficeFormSection.js";
+import { ConfirmDialog as Oe } from "./backoffice/molecules/confirm_dialog/ConfirmDialog.js";
+import { BackofficeJsonViewer as ke } from "./backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewer.js";
+import { BackofficeKeyValueList as Ae } from "./backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
+import { BackofficeLoadMore as je } from "./backoffice/molecules/backoffice_load_more/BackofficeLoadMore.js";
+import { BackofficePageHeader as Me } from "./backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
+import { BackofficeRelationsMenu as Ne } from "./backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js";
+import { BackofficeTableSkeleton as Pe } from "./backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
+import { BackofficeTableToolbar as Fe } from "./backoffice/molecules/backoffice_table_toolbar/BackofficeTableToolbar.js";
+import { BackofficeTabs as Ie } from "./backoffice/molecules/backoffice_tabs/BackofficeTabs.js";
+import { BulkActionsBar as Le } from "./backoffice/molecules/bulk_actions_bar/BulkActionsBar.js";
+import { FilterChipRow as Re } from "./backoffice/molecules/filter_chip_row/FilterChipRow.js";
+import { GlobalSearchInput as ze } from "./backoffice/molecules/global_search_input/GlobalSearchInput.js";
+import { InlineBanner as Be } from "./backoffice/molecules/inline_banner/InlineBanner.js";
+import { SidebarNavItem as Ve } from "./backoffice/molecules/sidebar_nav_item/SidebarNavItem.js";
+import { SidebarNavSection as He } from "./backoffice/molecules/sidebar_nav_section/SidebarNavSection.js";
+import { BackofficeSidebarProfileMenu as Ue } from "./backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js";
+import { SidebarCollapseToggle as We } from "./backoffice/molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js";
+import { TableToolbar as Ge } from "./backoffice/molecules/table_toolbar/TableToolbar.js";
+import { BackofficeAppShell as Ke } from "./backoffice/organisms/backoffice_app_shell/BackofficeAppShell.js";
+import { AuditTimeline as qe } from "./backoffice/organisms/audit_timeline/AuditTimeline.js";
+import { BackofficeDataTable as Je } from "./backoffice/organisms/backoffice_data_table/BackofficeDataTable.js";
+import { BackofficeSidebar as Ye } from "./backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js";
+import { BackofficeTopbar as Xe } from "./backoffice/organisms/backoffice_topbar/BackofficeTopbar.js";
+import { BackofficeVirtualizedConnectionTable as Ze } from "./backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js";
+import { EntityHeader as Qe } from "./backoffice/organisms/entity_header/EntityHeader.js";
+import { BackofficeShellTemplate as $e } from "./backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js";
+import { DetailPageTemplate as et } from "./backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { ListPageTemplate as tt } from "./backoffice/templates/list_page_template/ListPageTemplate.js";
+import { SettingsTemplate as nt } from "./backoffice/templates/settings_template/SettingsTemplate.js";
+import { SplitViewTemplate as rt } from "./backoffice/templates/split_view_template/SplitViewTemplate.js";
+import { backofficeThemeClass as it } from "./backoffice/theme/backofficeTheme.css.js";
+import { BackofficeThemeProvider as at } from "./backoffice/theme/BackofficeThemeProvider.js";
+import { FALLBACK_REFERENCE as ot, formatNullableCurrency as st, formatNullableNumber as ct, formatNullableString as lt, formatStringList as ut } from "./shared/agentJobRequestFormatting.js";
+import { sanitizeAgentAnswer as dt, sanitizeAgentMarkdown as ft } from "./shared/agentText.js";
+import { denseTableClass as pt } from "./shared/backofficeTableDensity.css.js";
+import { WrapperPage as mt } from "./pages/WrapperPage.js";
+import { ChevronDownIcon as ht } from "./svg/ChevronDownIcon.js";
+import { LoginForm as gt } from "./atomic/organisms/login_form/LoginForm.js";
+export { qe as AuditTimeline, ae as AuthLayout, Ke as BackofficeAppShell, Je as BackofficeDataTable, Se as BackofficeDetailLayout, Ce as BackofficeEmptyState, we as BackofficeFilterDrawer, Te as BackofficeFilterField, Ee as BackofficeFiltersBar, De as BackofficeFormSection, he as BackofficeIdBadge, ke as BackofficeJsonViewer, Ae as BackofficeKeyValueList, je as BackofficeLoadMore, Me as BackofficePageHeader, Ne as BackofficeRelationsMenu, $e as BackofficeShellTemplate, Ye as BackofficeSidebar, Ue as BackofficeSidebarProfileMenu, Pe as BackofficeTableSkeleton, Fe as BackofficeTableToolbar, Ie as BackofficeTabs, at as BackofficeThemeProvider, Xe as BackofficeTopbar, Ze as BackofficeVirtualizedConnectionTable, e as Badge, oe as BillingUsageLineChart, f as BreadcrumbNavigation, Le as BulkActionsBar, t as Button, p as Card, a as Checkbox, m as CheckboxField, ht as ChevronDownIcon, W as ChevronLeftIcon, G as ChevronRightIcon, Oe as ConfirmDialog, ce as ContentLayout, me as CopyableText, se as DataTable, et as DetailPageTemplate, K as DocumentationIcon, Qe as EntityHeader, ge as EnvironmentBadge, o as ErrorMessage, ot as FALLBACK_REFERENCE, Re as FilterChipRow, h as Form, v as FormActions, y as FormError, g as FormErrorBanner, b as FormField, _ as FormGroup, s as FormattedDate, ze as GlobalSearchInput, x as HighlightCode, q as HomeIcon, c as IconMenuButton, fe as InfoTile, J as InitiativesIcon, Be as InlineBanner, r as Input, i as Label, S as LazyMarkdownRenderer, n as LinkButton, tt as ListPageTemplate, gt as LoginForm, u as Modal, ie as NavigationSidebar, l as Overlay, le as PageShell, Y as PlusIcon, X as ProjectsIcon, $ as RefetchNeededBanner, Z as SearchIcon, Q as SettingsIcon, nt as SettingsTemplate, _e as ShortcutHint, U as Sidebar, We as SidebarCollapseToggle, U as SidebarContainer, Ve as SidebarNavItem, He as SidebarNavSection, ue as SimpleSelect, ve as Skeleton, ye as Spinner, rt as SplitViewTemplate, be as StatusBadge, j as THEME_KEY, Ge as TableToolbar, D as Tabs, de as TabsContentLayout, xe as Tag, ne as TasksIcon, re as TeamIcon, d as Textarea, M as ThemeProvider, k as ToastProvider, O as ToastViewport, pe as VirtualizedConnectionTable, P as VisuallyHidden, mt as WrapperPage, it as backofficeThemeClass, w as colors, F as containerQueries, ee as cx, pt as denseTableClass, I as firstChildSprinkles, st as formatNullableCurrency, ct as formatNullableNumber, lt as formatNullableString, ut as formatStringList, L as hoverSprinkles, te as onlyDefinedStyles, z as opacity, dt as sanitizeAgentAnswer, ft as sanitizeAgentMarkdown, B as screens, T as spacing, R as sprinkles, C as themeColorValues, V as themeSpacingValues, H as useLoginForm, N as useTheme, A as useToast, E as vars };