@plumile/ui 0.1.62 → 0.1.63

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

@@ -1,5 +1,4 @@
 /* empty css                                         */
-/* empty css                             */
 /* empty css                              */
 //#region src/atomic/molecules/markdown/components/MarkdownDelete.css.ts
 var e = "_1gyncxq1 _1gyncxq0 txvbqb3c txvbqb3g";

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

@@ -1,4 +1,5 @@
 /* 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/Sidebar.js

@@ -0,0 +1,2 @@
+import { SidebarContainer as e } from "./SidebarContainer.js";
+export { e as Sidebar };

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

@@ -0,0 +1,29 @@
+import { cx as e } from "../../../theme/tools.js";
+import { content as t, nav as n, navCollapsed as r, sidebar as i, sidebarWidthRecipe as a } from "./sidebar.css.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/atomic/organisms/sidebar/SidebarContainer.tsx
+var c = ({ children: c, headerSlot: l, footerSlot: u, hideHeader: d = !1, isCollapsed: f = !1 }) => {
+	let p = null;
+	f || (p = l);
+	let m = !d && p != null, h = "expanded";
+	return f && (h = "collapsed"), /* @__PURE__ */ s("aside", {
+		className: e(i, a({ state: h })),
+		children: [/* @__PURE__ */ s("div", {
+			className: t,
+			children: [m && /* @__PURE__ */ o("div", {
+				className: "_1cyd4aw6 txvbqb9io txvbqbu6f txvbqbdof txvbqbao6 txvbqbfzo",
+				children: p
+			}), /* @__PURE__ */ o("nav", {
+				className: e(n, { [r]: f }),
+				children: c
+			})]
+		}), u != null && /* @__PURE__ */ o("div", {
+			className: e("_1cyd4aw9 txvbqbhxo", { "_1cyd4awa txvbqb9io txvbqbdnx": f }),
+			children: u
+		})]
+	});
+};
+//#endregion
+export { c as SidebarContainer };
+
+//# sourceMappingURL=SidebarContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContainer.js","names":[],"sources":["../../../../../src/atomic/organisms/sidebar/SidebarContainer.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport type { RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './sidebar.css.js';\n\nexport type SidebarContainerProps = {\n  children: ReactNode;\n  headerSlot?: ReactNode;\n  footerSlot?: ReactNode;\n  hideHeader?: boolean;\n  isCollapsed?: boolean;\n  showDefaultHeaderAction?: boolean;\n};\n\nexport const SidebarContainer = ({\n  children,\n  headerSlot,\n  footerSlot,\n  hideHeader = false,\n  isCollapsed = false,\n}: SidebarContainerProps): JSX.Element => {\n  let headerAction: ReactNode | null = null;\n  if (!isCollapsed) {\n    headerAction = headerSlot;\n  }\n\n  const shouldRenderHeader = !hideHeader && headerAction != null;\n\n  let widthState: NonNullable<\n    NonNullable<RecipeVariants<typeof styles.sidebarWidthRecipe>>['state']\n  > = 'expanded';\n  if (isCollapsed) {\n    widthState = 'collapsed';\n  }\n\n  return (\n    <aside\n      className={cx(\n        styles.sidebar,\n        styles.sidebarWidthRecipe({ state: widthState }),\n      )}\n    >\n      <div className={styles.content}>\n        {shouldRenderHeader && (\n          <div className={styles.headerActions}>{headerAction}</div>\n        )}\n        <nav\n          className={cx(styles.nav, {\n            [styles.navCollapsed]: isCollapsed,\n          })}\n        >\n          {children}\n        </nav>\n      </div>\n      {footerSlot != null && (\n        <div\n          className={cx(styles.footer, {\n            [styles.footerCollapsed]: isCollapsed,\n          })}\n        >\n          {footerSlot}\n        </div>\n      )}\n    </aside>\n  );\n};\n"],"mappings":";;;;AAeA,IAAa,KAAoB,EAC/B,aACA,eACA,eACA,gBAAa,IACb,iBAAc,SAC0B;CACxC,IAAI,IAAiC;AACrC,CAAK,MACH,IAAe;CAGjB,IAAM,IAAqB,CAAC,KAAc,KAAgB,MAEtD,IAEA;AAKJ,QAJI,MACF,IAAa,cAIb,kBAAC,SAAD;EACE,WAAW,EACT,GACA,EAA0B,EAAE,OAAO,GAAY,CAAC,CACjD;YAJH,CAME,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,KACC,kBAAC,OAAD;IAAK,WAAW;cAAuB;IAAmB,CAAA,EAE5D,kBAAC,OAAD;IACE,WAAW,EAAG,GAAY,GACvB,IAAsB,GACxB,CAAC;IAED;IACG,CAAA,CACF;MACL,KAAc,QACb,kBAAC,OAAD;GACE,WAAW,EAAG,uBAAe,EAC1B,iCAAyB,GAC3B,CAAC;aAED;GACG,CAAA,CAEF"}

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

@@ -0,0 +1,67 @@
+import { ChevronDownSvg as e } from "../../../icons/ChevronDownSvg.js";
+import { SidebarHomeSvg as t } from "../../../icons/SidebarHomeSvg.js";
+import { ChevronLeftSvg as n } from "../../../icons/ChevronLeftSvg.js";
+import { ChevronRightSvg as r } from "../../../icons/ChevronRightSvg.js";
+import { GlobeSvg as i } from "../../../icons/GlobeSvg.js";
+import { ProjectsFolderSvg as a } from "../../../icons/ProjectsFolderSvg.js";
+import { SidebarInitiativesSvg as o } from "../../../icons/SidebarInitiativesSvg.js";
+import { SidebarPlusSvg as s } from "../../../icons/SidebarPlusSvg.js";
+import { SidebarSearchSvg as c } from "../../../icons/SidebarSearchSvg.js";
+import { SidebarSettingsSvg as l } from "../../../icons/SidebarSettingsSvg.js";
+import { SidebarTasksSvg as u } from "../../../icons/SidebarTasksSvg.js";
+import { SidebarTeamSvg as d } from "../../../icons/SidebarTeamSvg.js";
+import { jsx as f } from "react/jsx-runtime";
+//#region src/atomic/organisms/sidebar/icons.tsx
+var p = ({ size: e = 24, className: n }) => /* @__PURE__ */ f(t, {
+	width: e,
+	height: e,
+	className: n
+}), m = ({ size: e = 24, className: t }) => /* @__PURE__ */ f(u, {
+	width: e,
+	height: e,
+	className: t
+}), h = ({ size: e = 24, className: t }) => /* @__PURE__ */ f(o, {
+	width: e,
+	height: e,
+	className: t
+}), g = ({ size: e = 24, className: t }) => /* @__PURE__ */ f(d, {
+	width: e,
+	height: e,
+	className: t
+}), _ = ({ size: e = 24, className: t }) => /* @__PURE__ */ f(i, {
+	width: e,
+	height: e,
+	className: t
+}), v = ({ size: e = 24, className: t }) => /* @__PURE__ */ f(l, {
+	width: e,
+	height: e,
+	className: t
+}), y = ({ size: e = 24, className: t }) => /* @__PURE__ */ f(a, {
+	width: e,
+	height: e,
+	className: t
+}), b = ({ size: t = 24, className: n }) => /* @__PURE__ */ f(e, {
+	width: t,
+	height: t,
+	className: n
+}), x = ({ size: e = 24, className: t }) => /* @__PURE__ */ f(r, {
+	width: e,
+	height: e,
+	className: t
+}), S = ({ size: e = 24, className: t }) => /* @__PURE__ */ f(n, {
+	width: e,
+	height: e,
+	className: t
+}), C = ({ size: e = 24, className: t }) => /* @__PURE__ */ f(c, {
+	width: e,
+	height: e,
+	className: t
+}), w = ({ size: e = 24, className: t }) => /* @__PURE__ */ f(s, {
+	width: e,
+	height: e,
+	className: t
+});
+//#endregion
+export { b as ChevronDownIcon, S as ChevronLeftIcon, x as ChevronRightIcon, _ as DocumentationIcon, p as HomeIcon, h as InitiativesIcon, w as PlusIcon, y as ProjectsIcon, C as SearchIcon, v as SettingsIcon, m as TasksIcon, g as TeamIcon };
+
+//# sourceMappingURL=icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","names":[],"sources":["../../../../../src/atomic/organisms/sidebar/icons.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { ChevronDownSvg } from '../../../icons/ChevronDownSvg.js';\nimport { ChevronLeftSvg } from '../../../icons/ChevronLeftSvg.js';\nimport { ChevronRightSvg } from '../../../icons/ChevronRightSvg.js';\nimport { GlobeSvg } from '../../../icons/GlobeSvg.js';\nimport { ProjectsFolderSvg } from '../../../icons/ProjectsFolderSvg.js';\nimport { SidebarHomeSvg } from '../../../icons/SidebarHomeSvg.js';\nimport { SidebarInitiativesSvg } from '../../../icons/SidebarInitiativesSvg.js';\nimport { SidebarPlusSvg } from '../../../icons/SidebarPlusSvg.js';\nimport { SidebarSearchSvg } from '../../../icons/SidebarSearchSvg.js';\nimport { SidebarSettingsSvg } from '../../../icons/SidebarSettingsSvg.js';\nimport { SidebarTasksSvg } from '../../../icons/SidebarTasksSvg.js';\nimport { SidebarTeamSvg } from '../../../icons/SidebarTeamSvg.js';\n\ntype Props = {\n  size?: number;\n  className?: string;\n};\n\nexport const HomeIcon = ({ size = 24, className }: Props): JSX.Element => {\n  return <SidebarHomeSvg width={size} height={size} className={className} />;\n};\n\nexport const TasksIcon = ({ size = 24, className }: Props): JSX.Element => {\n  return <SidebarTasksSvg width={size} height={size} className={className} />;\n};\n\nexport const InitiativesIcon = ({\n  size = 24,\n  className,\n}: Props): JSX.Element => {\n  return (\n    <SidebarInitiativesSvg width={size} height={size} className={className} />\n  );\n};\n\nexport const TeamIcon = ({ size = 24, className }: Props): JSX.Element => {\n  return <SidebarTeamSvg width={size} height={size} className={className} />;\n};\n\nexport const DocumentationIcon = ({\n  size = 24,\n  className,\n}: Props): JSX.Element => {\n  return <GlobeSvg width={size} height={size} className={className} />;\n};\n\nexport const SettingsIcon = ({ size = 24, className }: Props): JSX.Element => {\n  return (\n    <SidebarSettingsSvg width={size} height={size} className={className} />\n  );\n};\n\nexport const ProjectsIcon = ({ size = 24, className }: Props): JSX.Element => {\n  return <ProjectsFolderSvg width={size} height={size} className={className} />;\n};\n\nexport const ChevronDownIcon = ({\n  size = 24,\n  className,\n}: Props): JSX.Element => {\n  return <ChevronDownSvg width={size} height={size} className={className} />;\n};\n\nexport const ChevronRightIcon = ({\n  size = 24,\n  className,\n}: Props): JSX.Element => {\n  return <ChevronRightSvg width={size} height={size} className={className} />;\n};\n\nexport const ChevronLeftIcon = ({\n  size = 24,\n  className,\n}: Props): JSX.Element => {\n  return <ChevronLeftSvg width={size} height={size} className={className} />;\n};\n\nexport const SearchIcon = ({ size = 24, className }: Props): JSX.Element => {\n  return <SidebarSearchSvg width={size} height={size} className={className} />;\n};\n\nexport const PlusIcon = ({ size = 24, className }: Props): JSX.Element => {\n  return <SidebarPlusSvg width={size} height={size} className={className} />;\n};\n"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAa,KAAY,EAAE,UAAO,IAAI,mBAC7B,kBAAC,GAAD;CAAgB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAG/D,KAAa,EAAE,UAAO,IAAI,mBAC9B,kBAAC,GAAD;CAAiB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAGhE,KAAmB,EAC9B,UAAO,IACP,mBAGE,kBAAC,GAAD;CAAuB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAIjE,KAAY,EAAE,UAAO,IAAI,mBAC7B,kBAAC,GAAD;CAAgB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAG/D,KAAqB,EAChC,UAAO,IACP,mBAEO,kBAAC,GAAD;CAAU,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAGzD,KAAgB,EAAE,UAAO,IAAI,mBAEtC,kBAAC,GAAD;CAAoB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAI9D,KAAgB,EAAE,UAAO,IAAI,mBACjC,kBAAC,GAAD;CAAmB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAGlE,KAAmB,EAC9B,UAAO,IACP,mBAEO,kBAAC,GAAD;CAAgB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAG/D,KAAoB,EAC/B,UAAO,IACP,mBAEO,kBAAC,GAAD;CAAiB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAGhE,KAAmB,EAC9B,UAAO,IACP,mBAEO,kBAAC,GAAD;CAAgB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAG/D,KAAc,EAAE,UAAO,IAAI,mBAC/B,kBAAC,GAAD;CAAkB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA,EAGjE,KAAY,EAAE,UAAO,IAAI,mBAC7B,kBAAC,GAAD;CAAgB,OAAO;CAAM,QAAQ;CAAiB;CAAa,CAAA"}

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

@@ -0,0 +1,17 @@
+/* empty css                                      */
+/* empty css                       */
+import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
+//#region src/atomic/organisms/sidebar/sidebar.css.ts
+var t = "_1cyd4aw0 txvbqb9io txvbqbcw6 txvbqbai6 txvbqbl6f txvbqbla6 txvbqb7h txvbqb70 txvbqb7m", n = e({
+	defaultClassName: "_1cyd4aw1",
+	variantClassNames: { state: {
+		collapsed: "_1cyd4aw2",
+		expanded: "_1cyd4aw3"
+	} },
+	defaultVariants: { state: "expanded" },
+	compoundVariants: []
+}), r = "_1cyd4aw4 txvbqb9io txvbqb9mx txvbqbai6", i = "_1cyd4aw5 txvbqb9io txvbqbco txvbqbdof txvbqbao6 txvbqbfzo txvbqbhwo txvbqbl9x txvbqb1rx txvbqbuy6 txvbqb1co txvbqb1qf txvbqb106 txvbqb7d txvbqb70 txvbqb7m", a = "_1cyd4aw6 txvbqb9io txvbqbu6f txvbqbdof txvbqbao6 txvbqbfzo", o = "_1cyd4aw7 txvbqb9io txvbqb9mx txvbqbai6 txvbqbao6 txvbqb79 txvbqb70 txvbqb7m txvbqbp5x", s = "_1cyd4aw8 txvbqbanx", c = "_1cyd4aw9 txvbqbhxo", l = "_1cyd4awa txvbqb9io txvbqbdnx", u = "_1cyd4awc _1cyd4awb txvbqbnv6 txvbqboif txvbqbp5f txvbqblx6 txvbqb1rf txvbqb8x txvbqbamf txvbqbv9z txvbqbuy6 txvbqb1co txvbqb1qf txvbqb106 txvbqb77 txvbqb6x txvbqb7k", d = "_1cyd4awf _1cyd4awd txvbqbnv6 txvbqboif txvbqbp5f txvbqblx6 txvbqb9io txvbqbco txvbqbaof txvbqb1ro txvbqb8x txvbqbf3x txvbqb3b txvbqbuzj txvbqbva3 txvbqb77 txvbqb6x txvbqb7k _1cyd4awe txvbqbamo", f = "_1cyd4awg txvbqbuy6 txvbqbv9z txvbqb1rx", p = "_1cyd4awh txvbqb9io txvbqbco txvbqbdnx txvbqbtwf txvbqbc5x txvbqbv4x txvbqbamo txvbqb78 txvbqb6x txvbqb7k", m = "_1cyd4awi txvbqb9mx txvbqbk4x txvbqbuw6 txvbqbl6f txvbqbt6f";
+//#endregion
+export { r as content, u as defaultHeaderButton, c as footer, l as footerCollapsed, a as headerActions, i as headerRow, m as linkLabel, o as nav, s as navCollapsed, p as organizationIcon, d as organizationLink, f as organizationLinkActive, t as sidebar, n as sidebarWidthRecipe };
+
+//# sourceMappingURL=sidebar.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.css.js","names":[],"sources":["../../../../../src/atomic/organisms/sidebar/sidebar.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\nconst EASE_IN_OUT = 'ease-in-out';\n\nexport const sidebar = sprinkles({\n  display: 'flex',\n  height: 'screen',\n  flexDirection: 'column',\n  overflow: 'hidden',\n  padding: 3,\n  transitionProperty: 'width',\n  transitionDuration: 300,\n  transitionTimingFunction: EASE_IN_OUT,\n});\n\nexport const sidebarWidthRecipe = recipe({\n  variants: {\n    state: {\n      collapsed: { width: vars.width[16] },\n      expanded: { width: vars.width[60] },\n    },\n  },\n  defaultVariants: {\n    state: 'expanded',\n  },\n});\n\nexport type SidebarWidthVariants = RecipeVariants<typeof sidebarWidthRecipe>;\n\nexport const content = sprinkles({\n  display: 'flex',\n  flex: 1,\n  flexDirection: 'column',\n});\n\nexport const headerRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-start',\n  gap: 2,\n  marginBottom: 3,\n  marginTop: 0,\n  padding: 2,\n  borderRadius: 'xl',\n  backgroundImage: 'brandDiagonal',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'brandPrimaryRed',\n  transitionProperty: 'opacity',\n  transitionDuration: 300,\n  transitionTimingFunction: EASE_IN_OUT,\n});\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  width: 'full',\n  justifyContent: 'flex-start',\n  gap: 2,\n  marginBottom: 3,\n});\n\nexport const nav = sprinkles({\n  display: 'flex',\n  flex: 1,\n  flexDirection: 'column',\n  gap: 2,\n  transitionProperty: 'gap',\n  transitionDuration: 300,\n  transitionTimingFunction: EASE_IN_OUT,\n  paddingTop: 4,\n});\n\nexport const navCollapsed = sprinkles({\n  gap: 1,\n});\n\nexport const footer = sprinkles({\n  marginTop: 4,\n});\n\nexport const footerCollapsed = sprinkles({\n  display: 'flex',\n  justifyContent: 'center',\n});\n\nexport const defaultHeaderButton = style([\n  sprinkles({\n    borderRadius: 'md',\n    paddingY: 2,\n    paddingX: 3,\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    color: 'brandWhite',\n    backgroundImage: 'brandDiagonal',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'brandPrimaryRed',\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    boxShadow: `0 10px 20px color-mix(in srgb, ${vars.colors.black} 8%, transparent)`,\n    selectors: {\n      '&:hover': {\n        boxShadow: `0 12px 24px color-mix(in srgb, ${vars.colors.black} 12%, transparent)`,\n        transform: 'translateY(-1px)',\n      },\n      '&:focus-visible': {\n        outline: 'none',\n        boxShadow: `0 0 0 2px ${vars.colors.brandSecondaryOrange}`,\n      },\n    },\n  },\n]);\n\nconst navigationLinkBase = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 3,\n  borderRadius: 'lg',\n  paddingY: 2,\n  paddingX: 3,\n  fontSize: 'sm',\n  lineHeight: 1.2,\n  textDecoration: 'none',\n  backgroundColor: 'transparent',\n  color: 'brandDarkGray',\n  transitionProperty: 'default',\n  transitionDuration: 150,\n  transitionTimingFunction: 'ease',\n});\n\nexport const organizationLink = style([\n  navigationLinkBase,\n  sprinkles({ fontWeight: 'semibold' }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.brandLightGray,\n        borderColor: vars.colors.brandSecondaryOrange,\n      },\n    },\n  },\n]);\n\nexport const organizationLinkActive = sprinkles({\n  backgroundImage: 'brandDiagonal',\n  color: 'brandWhite',\n  borderRadius: 'xl',\n});\n\nexport const organizationIcon = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 5,\n  height: 5,\n  color: 'inherit',\n  fontWeight: 'semibold',\n  transitionProperty: 'colors',\n  transitionDuration: 150,\n  transitionTimingFunction: 'ease',\n});\n\nexport const linkLabel = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/confirm_dialog/ConfirmDialog.js

@@ -0,0 +1,62 @@
+import { Button as e } from "../../../atomic/atoms/button/Button.js";
+import { ErrorMessage as t } from "../../../atomic/atoms/error_message/ErrorMessage.js";
+import { Modal as n } from "../../../atomic/atoms/modal/Modal.js";
+import { body as r, footer as i } from "./confirmDialog.css.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as s, useState as c } from "react";
+//#region src/backoffice/molecules/confirm_dialog/ConfirmDialog.tsx
+var l = ({ isOpen: l, title: u, children: d, confirmLabel: f = "Confirm", cancelLabel: p = "Cancel", confirmTone: m = "default", onClose: h, onConfirm: g, closeOnConfirm: _ = !0 }) => {
+	let [v, y] = c(!1), [b, x] = c(null), S = s(() => {
+		v || (x(null), h());
+	}, [v, h]), C = s(async () => {
+		if (!v) {
+			x(null), y(!0);
+			try {
+				await g(), _ && h();
+			} catch (e) {
+				let t = "An unexpected error occurred.";
+				e instanceof Error && (t = e.message), x(t);
+			} finally {
+				y(!1);
+			}
+		}
+	}, [
+		_,
+		v,
+		h,
+		g
+	]), w = "primary";
+	m === "danger" && (w = "danger");
+	let T = /* @__PURE__ */ o("div", {
+		className: i,
+		children: [/* @__PURE__ */ a(e, {
+			type: "button",
+			variant: "secondary",
+			onClick: S,
+			disabled: v,
+			children: p
+		}), /* @__PURE__ */ a(e, {
+			type: "button",
+			variant: w,
+			onClick: () => {
+				C().catch(() => {});
+			},
+			isLoading: v,
+			children: f
+		})]
+	}), E = null;
+	return b != null && (E = /* @__PURE__ */ a(t, { children: b })), /* @__PURE__ */ a(n, {
+		isOpen: l,
+		onClose: S,
+		title: u,
+		footer: T,
+		children: /* @__PURE__ */ o("div", {
+			className: r,
+			children: [E, d]
+		})
+	});
+};
+//#endregion
+export { l as ConfirmDialog, l as default };
+
+//# sourceMappingURL=ConfirmDialog.js.map

package/lib/esm/backoffice/molecules/confirm_dialog/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../../../src/backoffice/molecules/confirm_dialog/ConfirmDialog.tsx"],"sourcesContent":["import { useCallback, useState, type JSX, type ReactNode } from 'react';\n\nimport { Button } from '../../../atomic/atoms/button/Button.js';\nimport { ErrorMessage } from '../../../atomic/atoms/error_message/ErrorMessage.js';\nimport { Modal } from '../../../atomic/atoms/modal/Modal.js';\n\nimport * as styles from './confirmDialog.css.js';\n\nexport type ConfirmDialogProps = {\n  isOpen: boolean;\n  title: string;\n  children: ReactNode;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  confirmTone?: 'default' | 'danger';\n  onClose: () => void;\n  onConfirm: () => Promise<void> | void;\n  closeOnConfirm?: boolean;\n};\n\nexport const ConfirmDialog = ({\n  isOpen,\n  title,\n  children,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  confirmTone = 'default',\n  onClose,\n  onConfirm,\n  closeOnConfirm = true,\n}: ConfirmDialogProps): JSX.Element | null => {\n  const [isConfirming, setIsConfirming] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleClose = useCallback(() => {\n    if (isConfirming) {\n      return;\n    }\n    setError(null);\n    onClose();\n  }, [isConfirming, onClose]);\n\n  const handleConfirm = useCallback(async () => {\n    if (isConfirming) {\n      return;\n    }\n    setError(null);\n    setIsConfirming(true);\n    try {\n      await onConfirm();\n      if (closeOnConfirm) {\n        onClose();\n      }\n    } catch (err) {\n      let message = 'An unexpected error occurred.';\n      if (err instanceof Error) {\n        message = err.message;\n      }\n      setError(message);\n    } finally {\n      setIsConfirming(false);\n    }\n  }, [closeOnConfirm, isConfirming, onClose, onConfirm]);\n\n  let confirmVariant: 'primary' | 'danger' = 'primary';\n  if (confirmTone === 'danger') {\n    confirmVariant = 'danger';\n  }\n\n  const handleConfirmClick = () => {\n    handleConfirm().catch(() => {});\n  };\n\n  const footer = (\n    <div className={styles.footer}>\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        onClick={handleClose}\n        disabled={isConfirming}\n      >\n        {cancelLabel}\n      </Button>\n      <Button\n        type=\"button\"\n        variant={confirmVariant}\n        onClick={handleConfirmClick}\n        isLoading={isConfirming}\n      >\n        {confirmLabel}\n      </Button>\n    </div>\n  );\n\n  let errorNode: JSX.Element | null = null;\n  if (error != null) {\n    errorNode = <ErrorMessage>{error}</ErrorMessage>;\n  }\n\n  return (\n    <Modal isOpen={isOpen} onClose={handleClose} title={title} footer={footer}>\n      <div className={styles.body}>\n        {errorNode}\n        {children}\n      </div>\n    </Modal>\n  );\n};\n\nexport default ConfirmDialog;\n"],"mappings":";;;;;;;AAoBA,IAAa,KAAiB,EAC5B,WACA,UACA,aACA,kBAAe,WACf,iBAAc,UACd,iBAAc,WACd,YACA,cACA,oBAAiB,SAC2B;CAC5C,IAAM,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,IAAc,QAAkB;AAChC,QAGJ,EAAS,KAAK,EACd,GAAS;IACR,CAAC,GAAc,EAAQ,CAAC,EAErB,IAAgB,EAAY,YAAY;AACxC,UAIJ;GADA,EAAS,KAAK,EACd,EAAgB,GAAK;AACrB,OAAI;AAEF,IADA,MAAM,GAAW,EACb,KACF,GAAS;YAEJ,GAAK;IACZ,IAAI,IAAU;AAId,IAHI,aAAe,UACjB,IAAU,EAAI,UAEhB,EAAS,EAAQ;aACT;AACR,MAAgB,GAAM;;;IAEvB;EAAC;EAAgB;EAAc;EAAS;EAAU,CAAC,EAElD,IAAuC;AAC3C,CAAI,MAAgB,aAClB,IAAiB;CAOnB,IAAM,IACJ,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,SAAS;GACT,UAAU;aAET;GACM,CAAA,EACT,kBAAC,GAAD;GACE,MAAK;GACL,SAAS;GACT,eAjB2B;AAC/B,OAAe,CAAC,YAAY,GAAG;;GAiB3B,WAAW;aAEV;GACM,CAAA,CACL;KAGJ,IAAgC;AAKpC,QAJI,KAAS,SACX,IAAY,kBAAC,GAAD,EAAA,UAAe,GAAqB,CAAA,GAIhD,kBAAC,GAAD;EAAe;EAAQ,SAAS;EAAoB;EAAe,QAAA;YACjE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,GACA,EACG;;EACA,CAAA"}

package/lib/esm/backoffice/molecules/confirm_dialog/confirmDialog.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                             */
+//#region src/backoffice/molecules/confirm_dialog/confirmDialog.css.ts
+var e = "_1lxq4iv0 txvbqb9io txvbqbai6 txvbqbaof", t = "_1lxq4iv1 txvbqb9io txvbqbdo6 txvbqbaof";
+//#endregion
+export { e as body, t as footer };
+
+//# sourceMappingURL=confirmDialog.css.js.map

package/lib/esm/backoffice/molecules/confirm_dialog/confirmDialog.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmDialog.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/confirm_dialog/confirmDialog.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const body = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const footer = sprinkles({\n  display: 'flex',\n  justifyContent: 'flex-end',\n  gap: 3,\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/global_search_input/GlobalSearchInput.js

@@ -1,7 +1,7 @@
 import { Input as e } from "../../../atomic/atoms/input/Input.js";
 import { ModalCloseSvg as t } from "../../../icons/ModalCloseSvg.js";
-import { ShortcutHint as n } from "../../atoms/shortcut_hint/ShortcutHint.js";
-import { SidebarSearchSvg as r } from "../../../icons/SidebarSearchSvg.js";
+import { SidebarSearchSvg as n } from "../../../icons/SidebarSearchSvg.js";
+import { ShortcutHint as r } from "../../atoms/shortcut_hint/ShortcutHint.js";
 import { clearButton as i, container as a } from "./globalSearchInput.css.js";
 import "../../../index.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
@@ -22,7 +22,7 @@ var c = ({ value: c, onChange: l, placeholder: u = "Search…", ariaLabel: d, cl
 		})
 	}));
 	let y = null;
-	p != null && (y = /* @__PURE__ */ o(n, { keys: p }));
+	p != null && (y = /* @__PURE__ */ o(r, { keys: p }));
 	let b = /* @__PURE__ */ s("span", {
 		className: a,
 		children: [
@@ -41,7 +41,7 @@ var c = ({ value: c, onChange: l, placeholder: u = "Search…", ariaLabel: d, cl
 		"aria-label": _,
 		size: "small",
 		fullWidth: !0,
-		leftIcon: /* @__PURE__ */ o(r, {
+		leftIcon: /* @__PURE__ */ o(n, {
 			width: 18,
 			height: 18,
 			"aria-hidden": "true"

package/lib/esm/backoffice/molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js

@@ -1,16 +1,16 @@
 import { cx as e } from "../../../theme/tools.js";
-import { ShortcutHint as t } from "../../atoms/shortcut_hint/ShortcutHint.js";
-import { ChevronLeftSvg as n } from "../../../icons/ChevronLeftSvg.js";
-import { ChevronRightSvg as r } from "../../../icons/ChevronRightSvg.js";
+import { ChevronLeftSvg as t } from "../../../icons/ChevronLeftSvg.js";
+import { ChevronRightSvg as n } from "../../../icons/ChevronRightSvg.js";
+import { ShortcutHint as r } from "../../atoms/shortcut_hint/ShortcutHint.js";
 import { button as i, icon as a, label as o } from "./sidebarCollapseToggle.css.js";
 import "../../../index.js";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/backoffice/molecules/sidebar_collapse_toggle/SidebarCollapseToggle.tsx
 var l = ({ isCollapsed: l, onToggle: u, label: d = "Collapse", shortcut: f, className: p }) => {
-	let m = n, h = d;
-	l && (m = r, h = "Expand");
+	let m = t, h = d;
+	l && (m = n, h = "Expand");
 	let g = null;
-	return f != null && (g = /* @__PURE__ */ s(t, { keys: f })), /* @__PURE__ */ c("button", {
+	return f != null && (g = /* @__PURE__ */ s(r, { keys: f })), /* @__PURE__ */ c("button", {
 		type: "button",
 		className: e(i, p),
 		onClick: u,

package/lib/esm/backoffice/organisms/audit_timeline/AuditTimeline.js

@@ -0,0 +1,52 @@
+import { cx as e } from "../../../theme/tools.js";
+import { body as t, description as n, dot as r, gutter as i, header as a, item as o, line as s, list as c, meta as l, time as u, title as d } from "./auditTimeline.css.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/backoffice/organisms/audit_timeline/AuditTimeline.tsx
+var m = ({ events: m, className: h, renderEvent: g }) => m.length === 0 ? null : /* @__PURE__ */ f("ol", {
+	className: e(c, h),
+	children: m.map((e, c) => {
+		let h = c === m.length - 1, _ = g?.(e);
+		if (_ != null) return /* @__PURE__ */ f("li", { children: _ }, e.id);
+		let v = null;
+		h || (v = /* @__PURE__ */ f("div", { className: s }));
+		let y = null;
+		e.time != null && (y = /* @__PURE__ */ f("div", {
+			className: u,
+			children: e.time
+		}));
+		let b = null;
+		e.description != null && (b = /* @__PURE__ */ f("div", {
+			className: n,
+			children: e.description
+		}));
+		let x = null;
+		return e.meta != null && (x = /* @__PURE__ */ f("div", {
+			className: l,
+			children: e.meta
+		})), /* @__PURE__ */ p("li", {
+			className: o,
+			children: [/* @__PURE__ */ p("div", {
+				className: i,
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ f("div", { className: r }), v]
+			}), /* @__PURE__ */ p("div", {
+				className: t,
+				children: [
+					/* @__PURE__ */ p("div", {
+						className: a,
+						children: [/* @__PURE__ */ f("div", {
+							className: d,
+							children: e.title
+						}), y]
+					}),
+					b,
+					x
+				]
+			})]
+		}, e.id);
+	})
+});
+//#endregion
+export { m as AuditTimeline, m as default };
+
+//# sourceMappingURL=AuditTimeline.js.map

package/lib/esm/backoffice/organisms/audit_timeline/AuditTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditTimeline.js","names":[],"sources":["../../../../../src/backoffice/organisms/audit_timeline/AuditTimeline.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './auditTimeline.css.js';\n\nexport type AuditTimelineEvent<T = unknown> = {\n  id: string;\n  title: ReactNode;\n  time?: ReactNode;\n  description?: ReactNode;\n  meta?: ReactNode;\n  raw?: T;\n};\n\nexport type AuditTimelineProps<T = unknown> = {\n  events: readonly AuditTimelineEvent<T>[];\n  className?: string;\n  renderEvent?: (event: AuditTimelineEvent<T>) => ReactNode;\n};\n\nexport const AuditTimeline = <T,>({\n  events,\n  className,\n  renderEvent,\n}: AuditTimelineProps<T>): JSX.Element | null => {\n  if (events.length === 0) {\n    return null;\n  }\n\n  return (\n    <ol className={cx(styles.list, className)}>\n      {events.map((event, index) => {\n        const isLast = index === events.length - 1;\n        const custom = renderEvent?.(event);\n        if (custom != null) {\n          return <li key={event.id}>{custom}</li>;\n        }\n\n        let lineNode: JSX.Element | null = null;\n        if (!isLast) {\n          lineNode = <div className={styles.line} />;\n        }\n\n        let timeNode: JSX.Element | null = null;\n        if (event.time != null) {\n          timeNode = <div className={styles.time}>{event.time}</div>;\n        }\n\n        let descriptionNode: JSX.Element | null = null;\n        if (event.description != null) {\n          descriptionNode = (\n            <div className={styles.description}>{event.description}</div>\n          );\n        }\n\n        let metaNode: JSX.Element | null = null;\n        if (event.meta != null) {\n          metaNode = <div className={styles.meta}>{event.meta}</div>;\n        }\n\n        return (\n          <li key={event.id} className={styles.item}>\n            <div className={styles.gutter} aria-hidden=\"true\">\n              <div className={styles.dot} />\n              {lineNode}\n            </div>\n            <div className={styles.body}>\n              <div className={styles.header}>\n                <div className={styles.title}>{event.title}</div>\n                {timeNode}\n              </div>\n              {descriptionNode}\n              {metaNode}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n};\n\nexport default AuditTimeline;\n"],"mappings":";;;;AAoBA,IAAa,KAAqB,EAChC,WACA,cACA,qBAEI,EAAO,WAAW,IACb,OAIP,kBAAC,MAAD;CAAI,WAAW,EAAG,GAAa,EAAU;WACtC,EAAO,KAAK,GAAO,MAAU;EAC5B,IAAM,IAAS,MAAU,EAAO,SAAS,GACnC,IAAS,IAAc,EAAM;AACnC,MAAI,KAAU,KACZ,QAAO,kBAAC,MAAD,EAAA,UAAoB,GAAY,EAAvB,EAAM,GAAiB;EAGzC,IAAI,IAA+B;AACnC,EAAK,MACH,IAAW,kBAAC,OAAD,EAAK,WAAW,GAAe,CAAA;EAG5C,IAAI,IAA+B;AACnC,EAAI,EAAM,QAAQ,SAChB,IAAW,kBAAC,OAAD;GAAK,WAAW;aAAc,EAAM;GAAW,CAAA;EAG5D,IAAI,IAAsC;AAC1C,EAAI,EAAM,eAAe,SACvB,IACE,kBAAC,OAAD;GAAK,WAAW;aAAqB,EAAM;GAAkB,CAAA;EAIjE,IAAI,IAA+B;AAKnC,SAJI,EAAM,QAAQ,SAChB,IAAW,kBAAC,OAAD;GAAK,WAAW;aAAc,EAAM;GAAW,CAAA,GAI1D,kBAAC,MAAD;GAAmB,WAAW;aAA9B,CACE,kBAAC,OAAD;IAAK,WAAW;IAAe,eAAY;cAA3C,CACE,kBAAC,OAAD,EAAK,WAAW,GAAc,CAAA,EAC7B,EACG;OACN,kBAAC,OAAD;IAAK,WAAW;cAAhB;KACE,kBAAC,OAAD;MAAK,WAAW;gBAAhB,CACE,kBAAC,OAAD;OAAK,WAAW;iBAAe,EAAM;OAAY,CAAA,EAChD,EACG;;KACL;KACA;KACG;MACH;KAbI,EAAM,GAaV;GAEP;CACC,CAAA"}

package/lib/esm/backoffice/organisms/audit_timeline/auditTimeline.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                             */
+//#region src/backoffice/organisms/audit_timeline/auditTimeline.css.ts
+var e = "_4pt2rx0 txvbqb9io txvbqbai6 txvbqbaof", t = "_4pt2rx1 txvbqb9io txvbqbaof", n = "_4pt2rx2 txvbqb9io txvbqbai6 txvbqbco txvbqbanx txvbqbaj6", r = "_4pt2rx3 txvbqbtvo txvbqbc56 txvbqb1t6 txvbqbhwx", i = "_4pt2rx4 txvbqbtvo txvbqb9mx", a = "_4pt2rx5 txvbqb9io txvbqbai6 txvbqbanx txvbqblx6", o = "_4pt2rx6 txvbqb9io txvbqbdoo txvbqbd6 txvbqbao6 txvbqbajx", s = "_4pt2rx7 txvbqb8x txvbqbamo", c = "_4pt2rx8 txvbqb8o", l = "_4pt2rx9 txvbqb8x", u = "_4pt2rxa txvbqb8o";
+//#endregion
+export { a as body, l as description, r as dot, n as gutter, o as header, t as item, i as line, e as list, u as meta, c as time, s as title };
+
+//# sourceMappingURL=auditTimeline.css.js.map

package/lib/esm/backoffice/organisms/audit_timeline/auditTimeline.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auditTimeline.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/audit_timeline/auditTimeline.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const list = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const item = sprinkles({\n  display: 'flex',\n  gap: 3,\n});\n\nexport const gutter = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  gap: 1,\n  flexShrink: 0,\n});\n\nexport const dot = sprinkles({\n  width: 2,\n  height: 2,\n  borderRadius: 'full',\n  marginTop: 1,\n});\n\nexport const line = sprinkles({\n  width: 2,\n  flex: 1,\n});\n\nexport const body = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  paddingBottom: 2,\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'baseline',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const title = sprinkles({\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const time = sprinkles({\n  fontSize: 'xs',\n});\n\nexport const description = sprinkles({\n  fontSize: 'sm',\n});\n\nexport const meta = sprinkles({\n  fontSize: 'xs',\n});\n"],"mappings":""}

package/lib/esm/backoffice/templates/settings_template/SettingsTemplate.js

@@ -0,0 +1,18 @@
+import { cx as e } from "../../../theme/tools.js";
+import { container as t, content as n, sidebar as r } from "./settingsTemplate.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/backoffice/templates/settings_template/SettingsTemplate.tsx
+var o = ({ nav: o, children: s, className: c, navClassName: l, contentClassName: u }) => /* @__PURE__ */ a("div", {
+	className: e(t, c),
+	children: [/* @__PURE__ */ i("aside", {
+		className: e(r, l),
+		children: o
+	}), /* @__PURE__ */ i("section", {
+		className: e(n, u),
+		children: s
+	})]
+});
+//#endregion
+export { o as SettingsTemplate, o as default };
+
+//# sourceMappingURL=SettingsTemplate.js.map

package/lib/esm/backoffice/templates/settings_template/SettingsTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsTemplate.js","names":[],"sources":["../../../../../src/backoffice/templates/settings_template/SettingsTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './settingsTemplate.css.js';\n\nexport type SettingsTemplateProps = {\n  nav: ReactNode;\n  children: ReactNode;\n  className?: string;\n  navClassName?: string;\n  contentClassName?: string;\n};\n\nexport const SettingsTemplate = ({\n  nav,\n  children,\n  className,\n  navClassName,\n  contentClassName,\n}: SettingsTemplateProps): JSX.Element => {\n  return (\n    <div className={cx(styles.container, className)}>\n      <aside className={cx(styles.sidebar, navClassName)}>{nav}</aside>\n      <section className={cx(styles.content, contentClassName)}>\n        {children}\n      </section>\n    </div>\n  );\n};\n\nexport default SettingsTemplate;\n"],"mappings":";;;;AAaA,IAAa,KAAoB,EAC/B,QACA,aACA,cACA,iBACA,0BAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAA/C,CACE,kBAAC,SAAD;EAAO,WAAW,EAAG,GAAgB,EAAa;YAAG;EAAY,CAAA,EACjE,kBAAC,WAAD;EAAS,WAAW,EAAG,GAAgB,EAAiB;EACrD;EACO,CAAA,CACN"}

package/lib/esm/backoffice/templates/settings_template/settingsTemplate.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                */
+//#region src/backoffice/templates/settings_template/settingsTemplate.css.ts
+var e = "_1ejxqcr0 txvbqb9ix txvbqbaoo txvbqblax txvbqbbxf txvbqbbwr", t = "_1ejxqcr1 txvbqb1ro txvbqbv2z txvbqb1co txvbqb1qf txvbqbwf txvbqbl6f", n = "_1ejxqcr2 txvbqb1ro txvbqbv2z txvbqb1co txvbqb1qf txvbqbwf txvbqbl6f";
+//#endregion
+export { e as container, n as content, t as sidebar };
+
+//# sourceMappingURL=settingsTemplate.css.js.map

package/lib/esm/backoffice/templates/settings_template/settingsTemplate.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settingsTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/settings_template/settingsTemplate.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'grid',\n  gap: 4,\n  padding: 6,\n  gridTemplateColumns: {\n    base: 'settingsSplit',\n    lg: 'detailSingle',\n  },\n});\n\nexport const sidebar = sprinkles({\n  borderRadius: 'lg',\n  backgroundColor: 'background',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  overflow: 'hidden',\n});\n\nexport const content = sprinkles({\n  borderRadius: 'lg',\n  backgroundColor: 'background',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  overflow: 'hidden',\n});\n"],"mappings":""}

package/lib/esm/backoffice/templates/split_view_template/SplitViewTemplate.js

@@ -0,0 +1,18 @@
+import { cx as e } from "../../../theme/tools.js";
+import { container as t, panel as n } from "./splitViewTemplate.css.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/backoffice/templates/split_view_template/SplitViewTemplate.tsx
+var a = ({ list: a, detail: o, className: s, listClassName: c, detailClassName: l }) => /* @__PURE__ */ i("div", {
+	className: e(t, s),
+	children: [/* @__PURE__ */ r("div", {
+		className: e(n, c),
+		children: a
+	}), /* @__PURE__ */ r("div", {
+		className: e(n, l),
+		children: o
+	})]
+});
+//#endregion
+export { a as SplitViewTemplate, a as default };
+
+//# sourceMappingURL=SplitViewTemplate.js.map

package/lib/esm/backoffice/templates/split_view_template/SplitViewTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitViewTemplate.js","names":[],"sources":["../../../../../src/backoffice/templates/split_view_template/SplitViewTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './splitViewTemplate.css.js';\n\nexport type SplitViewTemplateProps = {\n  list: ReactNode;\n  detail: ReactNode;\n  className?: string;\n  listClassName?: string;\n  detailClassName?: string;\n};\n\nexport const SplitViewTemplate = ({\n  list,\n  detail,\n  className,\n  listClassName,\n  detailClassName,\n}: SplitViewTemplateProps): JSX.Element => {\n  return (\n    <div className={cx(styles.container, className)}>\n      <div className={cx(styles.panel, listClassName)}>{list}</div>\n      <div className={cx(styles.panel, detailClassName)}>{detail}</div>\n    </div>\n  );\n};\n\nexport default SplitViewTemplate;\n"],"mappings":";;;;AAaA,IAAa,KAAqB,EAChC,SACA,WACA,cACA,kBACA,yBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAA/C,CACE,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAc,EAAc;YAAG;EAAW,CAAA,EAC7D,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAc,EAAgB;YAAG;EAAa,CAAA,CAC7D"}

package/lib/esm/backoffice/templates/split_view_template/splitViewTemplate.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                 */
+//#region src/backoffice/templates/split_view_template/splitViewTemplate.css.ts
+var e = "a9o6h60 txvbqb9ix txvbqbaoo txvbqblax txvbqbbxo txvbqbbwr", t = "a9o6h61 txvbqb1ro txvbqbv2z txvbqb1co txvbqb1qf txvbqbwf txvbqbl6f";
+//#endregion
+export { e as container, t as panel };
+
+//# sourceMappingURL=splitViewTemplate.css.js.map

package/lib/esm/backoffice/templates/split_view_template/splitViewTemplate.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitViewTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/split_view_template/splitViewTemplate.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'grid',\n  gap: 4,\n  padding: 6,\n  gridTemplateColumns: {\n    base: 'splitViewSplit',\n    lg: 'detailSingle',\n  },\n});\n\nexport const panel = sprinkles({\n  borderRadius: 'lg',\n  backgroundColor: 'background',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  overflow: 'hidden',\n});\n"],"mappings":""}