@pautena/react-design-system 1.0.0 → 1.0.1

package/dist/Header/Header.mjs

@@ -1,57 +1,57 @@
-import { j as n } from "../_virtual/jsx-runtime.mjs";
-import { useTab as W } from "../TabProvider/TabProvider.context.mjs";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+import X from "@mui/material/Breadcrumbs";
+import B from "@mui/material/Button";
+import Y from "@mui/material/Container";
+import l from "@mui/material/Link";
+import { useTheme as Z } from "@mui/material/styles";
+import $ from "@mui/material/Tab";
+import M from "@mui/material/Tabs";
+import { useTab as P } from "../TabProvider/TabProvider.context.mjs";
 import "react";
-import { useGetDefaultThemeColor as X } from "../utils/theme.mjs";
-import Y, { HeaderSubtitle as Z } from "./header-title.mjs";
-import $ from "../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import d from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import M from "../node_modules/@mui/material/esm/Container/Container.mjs";
-import g from "../node_modules/@mui/material/esm/Button/Button.mjs";
-import P from "../node_modules/@mui/material/esm/Breadcrumbs/Breadcrumbs.mjs";
-import l from "../node_modules/@mui/material/esm/Link/Link.mjs";
-import ee from "../node_modules/@mui/material/esm/Tabs/Tabs.mjs";
-import ne from "../node_modules/@mui/material/esm/Tab/Tab.mjs";
-function xe({
-  title: v = "",
-  loadingTitle: B,
-  subtitle: C,
-  loadingSubtitle: u,
-  preset: x = "default",
-  actionsVariant: k = "outlined",
-  breadcrumbs: h,
+import { useGetDefaultThemeColor as ee } from "../utils/theme.mjs";
+import ne, { HeaderSubtitle as te } from "./header-title.mjs";
+function se({
+  title: k = "",
+  loadingTitle: L,
+  subtitle: h,
+  loadingSubtitle: f,
+  preset: s = "default",
+  actionsVariant: j = "outlined",
+  breadcrumbs: x,
   actions: p,
-  tabs: f,
-  tabsMode: T = "navigation",
+  tabs: T,
+  tabsMode: y = "navigation",
   navigationButton: c,
-  border: L = !1,
-  slots: t,
+  border: H = !1,
+  slots: n,
   slotProps: e
 }) {
-  const { palette: r } = $(), H = X(), [S, w] = W(), z = t?.root ?? d, A = t?.container ?? M, D = t?.contentContainer ?? d, I = t?.titleContainer ?? d, R = t?.navigationButton ?? g, E = t?.breadcrumbs ?? P, G = t?.breadcrumbLink ?? l, N = t?.title ?? Y, _ = t?.subtitle ?? Z, q = t?.actionsContainer ?? d, F = t?.actionButton ?? g, J = t?.tabs ?? ee, j = t?.tab ?? ne, y = {
-    default: H,
+  const { palette: r } = Z(), S = ee(), [w, z] = P(), A = n?.root ?? d, D = n?.container ?? Y, I = n?.contentContainer ?? d, G = n?.titleContainer ?? d, N = n?.navigationButton ?? B, R = n?.breadcrumbs ?? X, _ = n?.breadcrumbLink ?? l, q = n?.title ?? ne, E = n?.subtitle ?? te, F = n?.actionsContainer ?? d, J = n?.actionButton ?? B, K = n?.tabs ?? M, g = n?.tab ?? $, v = {
+    default: S,
     primary: r.primary.main,
     secondary: r.secondary.main,
     inherit: "inherit",
     transparent: "transparent",
     paper: r.background.paper
-  }, K = y[x], O = {
-    default: r.getContrastText(y.default),
+  }, O = v[s], Q = {
+    default: r.getContrastText(v.default),
     primary: r.primary.contrastText,
     secondary: r.secondary.contrastText,
     inherit: "inherit",
     transparent: r.text.primary,
     paper: r.text.primary
-  }[x], Q = S;
-  return /* @__PURE__ */ n.jsx(
-    z,
+  }[s], U = w;
+  return /* @__PURE__ */ t(
+    A,
     {
-      bgcolor: K,
-      color: O,
-      sx: L ? { borderBottom: 1, borderColor: "divider" } : void 0,
+      bgcolor: O,
+      color: Q,
+      sx: H ? { borderBottom: 1, borderColor: "divider" } : void 0,
       ...e?.root,
-      children: /* @__PURE__ */ n.jsxs(A, { ...e?.container, children: [
-        /* @__PURE__ */ n.jsxs(
-          D,
+      children: /* @__PURE__ */ u(D, { ...e?.container, children: [
+        /* @__PURE__ */ u(
+          I,
           {
             sx: {
               py: 3,
@@ -61,9 +61,9 @@ function xe({
             },
             ...e?.contentContainer,
             children: [
-              /* @__PURE__ */ n.jsxs(I, { ...e?.titleContainer, children: [
-                c && /* @__PURE__ */ n.jsx(
-                  R,
+              /* @__PURE__ */ u(G, { ...e?.titleContainer, children: [
+                c && /* @__PURE__ */ t(
+                  N,
                   {
                     href: c.href,
                     size: "small",
@@ -75,16 +75,16 @@ function xe({
                     children: c.text
                   }
                 ),
-                h?.length && /* @__PURE__ */ n.jsx(
-                  E,
+                x?.length && /* @__PURE__ */ t(
+                  R,
                   {
                     color: "inherit",
                     separator: "›",
                     "aria-label": "breadcrumb",
                     sx: { marginTop: 1 },
                     ...e?.breadcrumbs,
-                    children: h.map(({ id: o, link: i, text: a }) => /* @__PURE__ */ n.jsx(
-                      G,
+                    children: x.map(({ id: o, link: i, text: a }) => /* @__PURE__ */ t(
+                      _,
                       {
                         underline: "hover",
                         color: "inherit",
@@ -98,37 +98,37 @@ function xe({
                     ))
                   }
                 ),
-                /* @__PURE__ */ n.jsx(N, { loading: B, ...e?.title, children: v }),
-                (C || u) && /* @__PURE__ */ n.jsx(
-                  _,
+                /* @__PURE__ */ t(q, { loading: L, ...e?.title, children: k }),
+                (h || f) && /* @__PURE__ */ t(
+                  E,
                   {
-                    loading: u,
+                    loading: f,
                     ...e?.subtitle,
-                    children: C
+                    children: h
                   }
                 )
               ] }),
-              p && /* @__PURE__ */ n.jsx(
-                q,
+              p && /* @__PURE__ */ t(
+                F,
                 {
                   display: "flex",
                   alignItems: "center",
                   ...e?.actionsContainer,
                   children: p.map(
-                    ({ disabled: o, id: i, href: a, onClick: s, text: b, variant: m, color: U }, V) => /* @__PURE__ */ n.jsx(
-                      F,
+                    ({ disabled: o, id: i, href: a, onClick: b, text: C, variant: m, color: V }, W) => /* @__PURE__ */ t(
+                      J,
                       {
                         component: a ? l : "button",
                         role: "button",
-                        color: U ?? "inherit",
+                        color: V ?? "inherit",
                         disabled: o,
-                        variant: m ?? k,
+                        variant: m ?? j,
                         size: "small",
                         href: a,
-                        onClick: s,
-                        sx: { mr: V !== p.length - 1 ? 1 : 0 },
+                        onClick: b,
+                        sx: { mr: W !== p.length - 1 ? 1 : 0 },
                         ...e?.actionButton,
-                        children: b
+                        children: C
                       },
                       i
                     )
@@ -138,29 +138,29 @@ function xe({
             ]
           }
         ),
-        f && /* @__PURE__ */ n.jsx(
-          J,
+        T && /* @__PURE__ */ t(
+          K,
           {
-            value: Q,
+            value: U,
             textColor: "inherit",
-            onChange: T === "panel" ? (o, i) => w(i) : void 0,
+            onChange: y === "panel" ? (o, i) => z(i) : void 0,
             ...e?.tabs,
-            children: f.map(({ id: o, label: i, disabled: a, path: s, href: b }) => {
+            children: T.map(({ id: o, label: i, disabled: a, path: b, href: C }) => {
               const m = { label: i, disabled: a };
-              return T === "panel" ? /* @__PURE__ */ n.jsx(
-                j,
+              return y === "panel" ? /* @__PURE__ */ t(
+                g,
                 {
                   ...m,
                   ...e?.tab
                 },
                 o
-              ) : /* @__PURE__ */ n.jsx(
-                j,
+              ) : /* @__PURE__ */ t(
+                g,
                 {
                   ...m,
                   component: l,
-                  href: b,
-                  value: s,
+                  href: C,
+                  value: b,
                   ...e?.tab
                 },
                 o
@@ -173,7 +173,7 @@ function xe({
   );
 }
 export {
-  xe as Header,
-  xe as default
+  se as Header,
+  se as default
 };
 //# sourceMappingURL=Header.mjs.map

package/dist/Header/Header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.mjs","sources":["../../src/Header/Header.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Breadcrumbs from \"@mui/material/Breadcrumbs\";\nimport Button from \"@mui/material/Button\";\nimport Container from \"@mui/material/Container\";\nimport Link from \"@mui/material/Link\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Tab from \"@mui/material/Tab\";\nimport Tabs from \"@mui/material/Tabs\";\nimport { useTab } from \"../TabProvider\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport type { HeaderPreset, HeaderProps } from \"./Header.types\";\nimport HeaderTitle, { HeaderSubtitle } from \"./header-title\";\n\n/**\n * Section used to provide basic information about the page\n * and display main actions\n *\n * Supports extensive customization through slots and slotProps.\n * Each internal element (breadcrumbs, title, actions, tabs) can be\n * customized or replaced.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Header\n *   title=\"Dashboard\"\n *   subtitle=\"Welcome back\"\n *   breadcrumbs={[{id: '1', text: 'Home', link: '/'}]}\n *   actions={[{id: 'add', text: 'Add', onClick: handleAdd}]}\n * />\n *\n * // Custom breadcrumb separator\n * <Header\n *   title=\"Settings\"\n *   breadcrumbs={breadcrumbs}\n *   slotProps={{\n *     breadcrumbs: { separator: '/' }\n *   }}\n * />\n *\n * // Custom action button styling\n * <Header\n *   title=\"Users\"\n *   actions={actions}\n *   slotProps={{\n *     actionButton: { size: 'large', variant: 'contained' }\n *   }}\n * />\n * ```\n */\nexport function Header({\n  title = \"\",\n  loadingTitle,\n  subtitle,\n  loadingSubtitle,\n  preset = \"default\",\n  actionsVariant = \"outlined\",\n  breadcrumbs,\n  actions,\n  tabs,\n  tabsMode = \"navigation\",\n  navigationButton,\n  border = false,\n  slots,\n  slotProps,\n}: HeaderProps) {\n  const { palette } = useTheme();\n  const defaultColor = useGetDefaultThemeColor();\n  const [selectedTab, setSelectedTab] = useTab();\n\n  // Slot components with defaults\n  const RootComponent = slots?.root ?? Box;\n  const ContainerComponent = slots?.container ?? Container;\n  const ContentContainerComponent = slots?.contentContainer ?? Box;\n  const TitleContainerComponent = slots?.titleContainer ?? Box;\n  const NavigationButtonComponent = slots?.navigationButton ?? Button;\n  const BreadcrumbsComponent = slots?.breadcrumbs ?? Breadcrumbs;\n  const BreadcrumbLinkComponent = slots?.breadcrumbLink ?? Link;\n  const TitleComponent = slots?.title ?? HeaderTitle;\n  const SubtitleComponent = slots?.subtitle ?? HeaderSubtitle;\n  const ActionsContainerComponent = slots?.actionsContainer ?? Box;\n  const ActionButtonComponent = slots?.actionButton ?? Button;\n  const TabsComponent = slots?.tabs ?? Tabs;\n  const TabComponent = slots?.tab ?? Tab;\n\n  const bgColorPresets: Record<HeaderPreset, string> = {\n    default: defaultColor,\n    primary: palette.primary.main,\n    secondary: palette.secondary.main,\n    inherit: \"inherit\",\n    transparent: \"transparent\",\n    paper: palette.background.paper,\n  };\n  const bgColor = bgColorPresets[preset];\n  const textColorPresets: Record<HeaderPreset, string> = {\n    default: palette.getContrastText(bgColorPresets.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    inherit: \"inherit\",\n    transparent: palette.text.primary,\n    paper: palette.text.primary,\n  };\n  const textColor = textColorPresets[preset];\n\n  const modedSelectedTab = selectedTab;\n\n  return (\n    <RootComponent\n      bgcolor={bgColor}\n      color={textColor}\n      sx={border ? { borderBottom: 1, borderColor: \"divider\" } : undefined}\n      {...slotProps?.root}\n    >\n      <ContainerComponent {...slotProps?.container}>\n        <ContentContainerComponent\n          sx={{\n            py: 3,\n            display: \"flex\",\n            flexDirection: \"row\",\n            justifyContent: \"space-between\",\n          }}\n          {...slotProps?.contentContainer}\n        >\n          <TitleContainerComponent {...slotProps?.titleContainer}>\n            {navigationButton && (\n              <NavigationButtonComponent\n                href={navigationButton.href}\n                size=\"small\"\n                color=\"inherit\"\n                LinkComponent={Link}\n                startIcon={navigationButton.icon}\n                sx={{ mb: 1 }}\n                {...slotProps?.navigationButton}\n              >\n                {navigationButton.text}\n              </NavigationButtonComponent>\n            )}\n            {breadcrumbs?.length && (\n              <BreadcrumbsComponent\n                color=\"inherit\"\n                separator=\"›\"\n                aria-label=\"breadcrumb\"\n                sx={{ marginTop: 1 }}\n                {...slotProps?.breadcrumbs}\n              >\n                {breadcrumbs.map(({ id, link, text }) => (\n                  <BreadcrumbLinkComponent\n                    key={id}\n                    underline=\"hover\"\n                    color=\"inherit\"\n                    href={link}\n                    variant=\"body2\"\n                    role=\"link\"\n                    {...slotProps?.breadcrumbLink}\n                  >\n                    {text}\n                  </BreadcrumbLinkComponent>\n                ))}\n              </BreadcrumbsComponent>\n            )}\n            <TitleComponent loading={loadingTitle} {...slotProps?.title}>\n              {title}\n            </TitleComponent>\n            {(subtitle || loadingSubtitle) && (\n              <SubtitleComponent\n                loading={loadingSubtitle}\n                {...slotProps?.subtitle}\n              >\n                {subtitle}\n              </SubtitleComponent>\n            )}\n          </TitleContainerComponent>\n          {actions && (\n            <ActionsContainerComponent\n              display=\"flex\"\n              alignItems=\"center\"\n              {...slotProps?.actionsContainer}\n            >\n              {actions.map(\n                ({ disabled, id, href, onClick, text, variant, color }, i) => (\n                  <ActionButtonComponent\n                    component={href ? Link : \"button\"}\n                    role=\"button\"\n                    color={color ?? \"inherit\"}\n                    disabled={disabled}\n                    key={id}\n                    variant={variant ?? actionsVariant}\n                    size=\"small\"\n                    href={href}\n                    onClick={onClick}\n                    sx={{ mr: i !== actions.length - 1 ? 1 : 0 }}\n                    {...slotProps?.actionButton}\n                  >\n                    {text}\n                  </ActionButtonComponent>\n                ),\n              )}\n            </ActionsContainerComponent>\n          )}\n        </ContentContainerComponent>\n        {tabs && (\n          <TabsComponent\n            value={modedSelectedTab}\n            textColor=\"inherit\"\n            onChange={\n              tabsMode === \"panel\"\n                ? (_, index) => setSelectedTab(index)\n                : undefined\n            }\n            {...slotProps?.tabs}\n          >\n            {tabs.map(({ id, label, disabled, path, href }) => {\n              const baseTabProps = { label, disabled };\n              if (tabsMode === \"panel\") {\n                return (\n                  <TabComponent\n                    key={id}\n                    {...baseTabProps}\n                    {...slotProps?.tab}\n                  />\n                );\n              }\n              return (\n                <TabComponent\n                  key={id}\n                  {...baseTabProps}\n                  component={Link}\n                  // @ts-expect-error - href is valid when using component={Link}\n                  href={href}\n                  value={path}\n                  {...slotProps?.tab}\n                />\n              );\n            })}\n          </TabsComponent>\n        )}\n      </ContainerComponent>\n    </RootComponent>\n  );\n}\n\nexport default Header;\n"],"names":["Header","title","loadingTitle","subtitle","loadingSubtitle","preset","actionsVariant","breadcrumbs","actions","tabs","tabsMode","navigationButton","border","slots","slotProps","palette","useTheme","defaultColor","useGetDefaultThemeColor","selectedTab","setSelectedTab","useTab","RootComponent","Box","ContainerComponent","Container","ContentContainerComponent","TitleContainerComponent","NavigationButtonComponent","Button","BreadcrumbsComponent","Breadcrumbs","BreadcrumbLinkComponent","Link","TitleComponent","HeaderTitle","SubtitleComponent","HeaderSubtitle","ActionsContainerComponent","ActionButtonComponent","TabsComponent","Tabs","TabComponent","Tab","bgColorPresets","bgColor","textColor","modedSelectedTab","jsx","jsxs","id","link","text","disabled","href","onClick","variant","color","i","_","index","label","path","baseTabProps"],"mappings":"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"}
+{"version":3,"file":"Header.mjs","sources":["../../src/Header/Header.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Breadcrumbs from \"@mui/material/Breadcrumbs\";\nimport Button from \"@mui/material/Button\";\nimport Container from \"@mui/material/Container\";\nimport Link from \"@mui/material/Link\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Tab from \"@mui/material/Tab\";\nimport Tabs from \"@mui/material/Tabs\";\nimport { useTab } from \"../TabProvider\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport type { HeaderPreset, HeaderProps } from \"./Header.types\";\nimport HeaderTitle, { HeaderSubtitle } from \"./header-title\";\n\n/**\n * Section used to provide basic information about the page\n * and display main actions\n *\n * Supports extensive customization through slots and slotProps.\n * Each internal element (breadcrumbs, title, actions, tabs) can be\n * customized or replaced.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Header\n *   title=\"Dashboard\"\n *   subtitle=\"Welcome back\"\n *   breadcrumbs={[{id: '1', text: 'Home', link: '/'}]}\n *   actions={[{id: 'add', text: 'Add', onClick: handleAdd}]}\n * />\n *\n * // Custom breadcrumb separator\n * <Header\n *   title=\"Settings\"\n *   breadcrumbs={breadcrumbs}\n *   slotProps={{\n *     breadcrumbs: { separator: '/' }\n *   }}\n * />\n *\n * // Custom action button styling\n * <Header\n *   title=\"Users\"\n *   actions={actions}\n *   slotProps={{\n *     actionButton: { size: 'large', variant: 'contained' }\n *   }}\n * />\n * ```\n */\nexport function Header({\n  title = \"\",\n  loadingTitle,\n  subtitle,\n  loadingSubtitle,\n  preset = \"default\",\n  actionsVariant = \"outlined\",\n  breadcrumbs,\n  actions,\n  tabs,\n  tabsMode = \"navigation\",\n  navigationButton,\n  border = false,\n  slots,\n  slotProps,\n}: HeaderProps) {\n  const { palette } = useTheme();\n  const defaultColor = useGetDefaultThemeColor();\n  const [selectedTab, setSelectedTab] = useTab();\n\n  // Slot components with defaults\n  const RootComponent = slots?.root ?? Box;\n  const ContainerComponent = slots?.container ?? Container;\n  const ContentContainerComponent = slots?.contentContainer ?? Box;\n  const TitleContainerComponent = slots?.titleContainer ?? Box;\n  const NavigationButtonComponent = slots?.navigationButton ?? Button;\n  const BreadcrumbsComponent = slots?.breadcrumbs ?? Breadcrumbs;\n  const BreadcrumbLinkComponent = slots?.breadcrumbLink ?? Link;\n  const TitleComponent = slots?.title ?? HeaderTitle;\n  const SubtitleComponent = slots?.subtitle ?? HeaderSubtitle;\n  const ActionsContainerComponent = slots?.actionsContainer ?? Box;\n  const ActionButtonComponent = slots?.actionButton ?? Button;\n  const TabsComponent = slots?.tabs ?? Tabs;\n  const TabComponent = slots?.tab ?? Tab;\n\n  const bgColorPresets: Record<HeaderPreset, string> = {\n    default: defaultColor,\n    primary: palette.primary.main,\n    secondary: palette.secondary.main,\n    inherit: \"inherit\",\n    transparent: \"transparent\",\n    paper: palette.background.paper,\n  };\n  const bgColor = bgColorPresets[preset];\n  const textColorPresets: Record<HeaderPreset, string> = {\n    default: palette.getContrastText(bgColorPresets.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    inherit: \"inherit\",\n    transparent: palette.text.primary,\n    paper: palette.text.primary,\n  };\n  const textColor = textColorPresets[preset];\n\n  const modedSelectedTab = selectedTab;\n\n  return (\n    <RootComponent\n      bgcolor={bgColor}\n      color={textColor}\n      sx={border ? { borderBottom: 1, borderColor: \"divider\" } : undefined}\n      {...slotProps?.root}\n    >\n      <ContainerComponent {...slotProps?.container}>\n        <ContentContainerComponent\n          sx={{\n            py: 3,\n            display: \"flex\",\n            flexDirection: \"row\",\n            justifyContent: \"space-between\",\n          }}\n          {...slotProps?.contentContainer}\n        >\n          <TitleContainerComponent {...slotProps?.titleContainer}>\n            {navigationButton && (\n              <NavigationButtonComponent\n                href={navigationButton.href}\n                size=\"small\"\n                color=\"inherit\"\n                LinkComponent={Link}\n                startIcon={navigationButton.icon}\n                sx={{ mb: 1 }}\n                {...slotProps?.navigationButton}\n              >\n                {navigationButton.text}\n              </NavigationButtonComponent>\n            )}\n            {breadcrumbs?.length && (\n              <BreadcrumbsComponent\n                color=\"inherit\"\n                separator=\"›\"\n                aria-label=\"breadcrumb\"\n                sx={{ marginTop: 1 }}\n                {...slotProps?.breadcrumbs}\n              >\n                {breadcrumbs.map(({ id, link, text }) => (\n                  <BreadcrumbLinkComponent\n                    key={id}\n                    underline=\"hover\"\n                    color=\"inherit\"\n                    href={link}\n                    variant=\"body2\"\n                    role=\"link\"\n                    {...slotProps?.breadcrumbLink}\n                  >\n                    {text}\n                  </BreadcrumbLinkComponent>\n                ))}\n              </BreadcrumbsComponent>\n            )}\n            <TitleComponent loading={loadingTitle} {...slotProps?.title}>\n              {title}\n            </TitleComponent>\n            {(subtitle || loadingSubtitle) && (\n              <SubtitleComponent\n                loading={loadingSubtitle}\n                {...slotProps?.subtitle}\n              >\n                {subtitle}\n              </SubtitleComponent>\n            )}\n          </TitleContainerComponent>\n          {actions && (\n            <ActionsContainerComponent\n              display=\"flex\"\n              alignItems=\"center\"\n              {...slotProps?.actionsContainer}\n            >\n              {actions.map(\n                ({ disabled, id, href, onClick, text, variant, color }, i) => (\n                  <ActionButtonComponent\n                    component={href ? Link : \"button\"}\n                    role=\"button\"\n                    color={color ?? \"inherit\"}\n                    disabled={disabled}\n                    key={id}\n                    variant={variant ?? actionsVariant}\n                    size=\"small\"\n                    href={href}\n                    onClick={onClick}\n                    sx={{ mr: i !== actions.length - 1 ? 1 : 0 }}\n                    {...slotProps?.actionButton}\n                  >\n                    {text}\n                  </ActionButtonComponent>\n                ),\n              )}\n            </ActionsContainerComponent>\n          )}\n        </ContentContainerComponent>\n        {tabs && (\n          <TabsComponent\n            value={modedSelectedTab}\n            textColor=\"inherit\"\n            onChange={\n              tabsMode === \"panel\"\n                ? (_, index) => setSelectedTab(index)\n                : undefined\n            }\n            {...slotProps?.tabs}\n          >\n            {tabs.map(({ id, label, disabled, path, href }) => {\n              const baseTabProps = { label, disabled };\n              if (tabsMode === \"panel\") {\n                return (\n                  <TabComponent\n                    key={id}\n                    {...baseTabProps}\n                    {...slotProps?.tab}\n                  />\n                );\n              }\n              return (\n                <TabComponent\n                  key={id}\n                  {...baseTabProps}\n                  component={Link}\n                  // @ts-expect-error - href is valid when using component={Link}\n                  href={href}\n                  value={path}\n                  {...slotProps?.tab}\n                />\n              );\n            })}\n          </TabsComponent>\n        )}\n      </ContainerComponent>\n    </RootComponent>\n  );\n}\n\nexport default Header;\n"],"names":["Header","title","loadingTitle","subtitle","loadingSubtitle","preset","actionsVariant","breadcrumbs","actions","tabs","tabsMode","navigationButton","border","slots","slotProps","palette","useTheme","defaultColor","useGetDefaultThemeColor","selectedTab","setSelectedTab","useTab","RootComponent","Box","ContainerComponent","Container","ContentContainerComponent","TitleContainerComponent","NavigationButtonComponent","Button","BreadcrumbsComponent","Breadcrumbs","BreadcrumbLinkComponent","Link","TitleComponent","HeaderTitle","SubtitleComponent","HeaderSubtitle","ActionsContainerComponent","ActionButtonComponent","TabsComponent","Tabs","TabComponent","Tab","bgColorPresets","bgColor","textColor","modedSelectedTab","jsx","jsxs","id","link","text","disabled","href","onClick","variant","color","i","_","index","label","path","baseTabProps"],"mappings":"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"}

package/dist/Header/header-title.mjs

@@ -1,31 +1,31 @@
-import { j as r } from "../_virtual/jsx-runtime.mjs";
-import o from "../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import a from "../node_modules/@mui/material/esm/CircularProgress/CircularProgress.mjs";
-import n from "../node_modules/@mui/material/esm/Typography/Typography.mjs";
-function u({ loading: e, children: t }) {
-  const { typography: i } = o();
-  return e ? /* @__PURE__ */ r.jsx(
+import { jsx as t, Fragment as o } from "react/jsx-runtime";
+import a from "@mui/material/CircularProgress";
+import { useTheme as n } from "@mui/material/styles";
+import l from "@mui/material/Typography";
+function g({ loading: e, children: r }) {
+  const { typography: i } = n();
+  return e ? /* @__PURE__ */ t(
     a,
     {
       color: "inherit",
       size: i.h4.fontSize,
       "aria-label": "title loading"
     }
-  ) : typeof t == "string" ? /* @__PURE__ */ r.jsx(n, { variant: "h4", role: "heading", "aria-level": 1, children: t }) : /* @__PURE__ */ r.jsx(r.Fragment, { children: t });
+  ) : typeof r == "string" ? /* @__PURE__ */ t(l, { variant: "h4", role: "heading", "aria-level": 1, children: r }) : /* @__PURE__ */ t(o, { children: r });
 }
-function g({ loading: e, children: t }) {
-  const { typography: i } = o();
-  return e ? /* @__PURE__ */ r.jsx(
+function m({ loading: e, children: r }) {
+  const { typography: i } = n();
+  return e ? /* @__PURE__ */ t(
     a,
     {
       color: "inherit",
       size: i.body1.fontSize,
       "aria-label": "subtitle loading"
     }
-  ) : typeof t == "string" ? /* @__PURE__ */ r.jsx(n, { variant: "body1", role: "heading", "aria-level": 2, children: t }) : /* @__PURE__ */ r.jsx(r.Fragment, { children: t });
+  ) : typeof r == "string" ? /* @__PURE__ */ t(l, { variant: "body1", role: "heading", "aria-level": 2, children: r }) : /* @__PURE__ */ t(o, { children: r });
 }
 export {
-  g as HeaderSubtitle,
-  u as default
+  m as HeaderSubtitle,
+  g as default
 };
 //# sourceMappingURL=header-title.mjs.map

package/dist/Header/header-title.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header-title.mjs","sources":["../../src/Header/header-title.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Typography from \"@mui/material/Typography\";\n\n/**\n * Props for the HeaderTitle component\n */\nexport interface HeaderTitleProps {\n  /**\n   * Whether to show a loading indicator\n   */\n  loading?: boolean;\n  /**\n   * The title content to display\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Header title component with optional loading state\n */\nexport default function HeaderTitle({ loading, children }: HeaderTitleProps) {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress\n        color=\"inherit\"\n        size={typography.h4.fontSize}\n        aria-label=\"title loading\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n}\n\n/**\n * Props for the HeaderSubtitle component\n */\nexport interface HeaderSubtitleProps {\n  /**\n   * Whether to show a loading indicator\n   */\n  loading?: boolean;\n  /**\n   * The subtitle content to display\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Header subtitle component with optional loading state\n */\nexport function HeaderSubtitle({ loading, children }: HeaderSubtitleProps) {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress\n        color=\"inherit\"\n        size={typography.body1.fontSize}\n        aria-label=\"subtitle loading\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"body1\" role=\"heading\" aria-level={2}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"names":["HeaderTitle","loading","children","typography","useTheme","jsx","CircularProgress","Typography","HeaderSubtitle"],"mappings":";;;;AAqBA,SAAwBA,EAAY,EAAE,SAAAC,GAAS,UAAAC,KAA8B;AAC3E,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SAAIH,IAEAI,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAMH,EAAW,GAAG;AAAA,MACpB,cAAW;AAAA,IAAA;AAAA,EAAA,IAKb,OAAOD,KAAa,WAEpBG,gBAAAA,MAACE,KAAW,SAAQ,MAAK,MAAK,WAAU,cAAY,GACjD,UAAAL,GACH,wCAIM,UAAAA,GAAS;AACrB;AAmBO,SAASM,EAAe,EAAE,SAAAP,GAAS,UAAAC,KAAiC;AACzE,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SAAIH,IAEAI,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAMH,EAAW,MAAM;AAAA,MACvB,cAAW;AAAA,IAAA;AAAA,EAAA,IAKb,OAAOD,KAAa,WAEpBG,gBAAAA,MAACE,KAAW,SAAQ,SAAQ,MAAK,WAAU,cAAY,GACpD,UAAAL,GACH,wCAIM,UAAAA,GAAS;AACrB;"}
+{"version":3,"file":"header-title.mjs","sources":["../../src/Header/header-title.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Typography from \"@mui/material/Typography\";\n\n/**\n * Props for the HeaderTitle component\n */\nexport interface HeaderTitleProps {\n  /**\n   * Whether to show a loading indicator\n   */\n  loading?: boolean;\n  /**\n   * The title content to display\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Header title component with optional loading state\n */\nexport default function HeaderTitle({ loading, children }: HeaderTitleProps) {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress\n        color=\"inherit\"\n        size={typography.h4.fontSize}\n        aria-label=\"title loading\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n}\n\n/**\n * Props for the HeaderSubtitle component\n */\nexport interface HeaderSubtitleProps {\n  /**\n   * Whether to show a loading indicator\n   */\n  loading?: boolean;\n  /**\n   * The subtitle content to display\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Header subtitle component with optional loading state\n */\nexport function HeaderSubtitle({ loading, children }: HeaderSubtitleProps) {\n  const { typography } = useTheme();\n\n  if (loading) {\n    return (\n      <CircularProgress\n        color=\"inherit\"\n        size={typography.body1.fontSize}\n        aria-label=\"subtitle loading\"\n      />\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <Typography variant=\"body1\" role=\"heading\" aria-level={2}>\n        {children}\n      </Typography>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"names":["HeaderTitle","loading","children","typography","useTheme","jsx","CircularProgress","Typography","HeaderSubtitle"],"mappings":";;;;AAqBA,SAAwBA,EAAY,EAAE,SAAAC,GAAS,UAAAC,KAA8B;AAC3E,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SAAIH,IAEA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAMH,EAAW,GAAG;AAAA,MACpB,cAAW;AAAA,IAAA;AAAA,EAAA,IAKb,OAAOD,KAAa,WAEpB,gBAAAG,EAACE,KAAW,SAAQ,MAAK,MAAK,WAAU,cAAY,GACjD,UAAAL,GACH,2BAIM,UAAAA,GAAS;AACrB;AAmBO,SAASM,EAAe,EAAE,SAAAP,GAAS,UAAAC,KAAiC;AACzE,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SAAIH,IAEA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAMH,EAAW,MAAM;AAAA,MACvB,cAAW;AAAA,IAAA;AAAA,EAAA,IAKb,OAAOD,KAAa,WAEpB,gBAAAG,EAACE,KAAW,SAAQ,SAAQ,MAAK,WAAU,cAAY,GACpD,UAAAL,GACH,2BAIM,UAAAA,GAAS;AACrB;"}

package/dist/HeaderLayout/HeaderLayout.mjs

@@ -1,29 +1,31 @@
-import { j as e } from "../_virtual/jsx-runtime.mjs";
-import x from "../node_modules/@mui/icons-material/esm/ReportProblem.mjs";
-import { Content as d } from "../Content/Content.mjs";
-import { Header as f } from "../Header/Header.mjs";
-import { Placeholder as j } from "../Placeholder/Placeholder.mjs";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import s from "@mui/icons-material/ReportProblem";
+import r from "@mui/material/Box";
+import p from "@mui/material/CircularProgress";
+import u from "@mui/material/LinearProgress";
+import { Content as x } from "../Content/Content.mjs";
+import { Header as g } from "../Header/Header.mjs";
+import "@mui/material/styles";
+import "@mui/material/Typography";
+import { Placeholder as b } from "../Placeholder/Placeholder.mjs";
 import "../TabProvider/TabProvider.context.mjs";
-import { TabProvider as p } from "../TabProvider/TabProvider.provider.mjs";
-import r from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import u from "../node_modules/@mui/material/esm/LinearProgress/LinearProgress.mjs";
-import g from "../node_modules/@mui/material/esm/CircularProgress/CircularProgress.mjs";
-const b = () => /* @__PURE__ */ e.jsx(x, { color: "error", sx: { width: 200, height: 200 } });
-function S({
+import { TabProvider as y } from "../TabProvider/TabProvider.provider.mjs";
+const C = () => /* @__PURE__ */ e(s, { color: "error", sx: { width: 200, height: 200 } });
+function R({
   loading: o,
-  title: s,
-  subtitle: m,
+  title: m,
+  subtitle: c,
   slots: i,
   slotProps: n,
-  children: c,
-  fetching: l,
+  children: l,
+  fetching: h,
   error: t
 }) {
-  const a = i?.header || f, h = i?.content || d;
-  return /* @__PURE__ */ e.jsx(p, { children: /* @__PURE__ */ e.jsxs(r, { display: "flex", flexDirection: "column", height: 1, children: [
-    /* @__PURE__ */ e.jsx(a, { title: s, subtitle: m, ...n?.header }),
-    l && /* @__PURE__ */ e.jsx(r, { width: 1, children: /* @__PURE__ */ e.jsx(u, {}) }),
-    o && /* @__PURE__ */ e.jsx(
+  const a = i?.header || g, d = i?.content || x;
+  return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ f(r, { display: "flex", flexDirection: "column", height: 1, children: [
+    /* @__PURE__ */ e(a, { title: m, subtitle: c, ...n?.header }),
+    h && /* @__PURE__ */ e(r, { width: 1, children: /* @__PURE__ */ e(u, {}) }),
+    o && /* @__PURE__ */ e(
       r,
       {
         width: 1,
@@ -31,22 +33,22 @@ function S({
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        children: /* @__PURE__ */ e.jsx(g, {})
+        children: /* @__PURE__ */ e(p, {})
       }
     ),
-    t && /* @__PURE__ */ e.jsx(r, { mt: 4, children: /* @__PURE__ */ e.jsx(
-      j,
+    t && /* @__PURE__ */ e(r, { mt: 4, children: /* @__PURE__ */ e(
+      b,
       {
-        icon: t.icon || b,
+        icon: t.icon || C,
         title: t.title || "There has been an error",
         subtitle: t.message
       }
     ) }),
-    !o && !t && /* @__PURE__ */ e.jsx(h, { ...n?.content, children: c })
+    !o && !t && /* @__PURE__ */ e(d, { ...n?.content, children: l })
   ] }) });
 }
 export {
-  S as HeaderLayout,
-  S as default
+  R as HeaderLayout,
+  R as default
 };
 //# sourceMappingURL=HeaderLayout.mjs.map

package/dist/HeaderLayout/HeaderLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayout.mjs","sources":["../../src/HeaderLayout/HeaderLayout.tsx"],"sourcesContent":["import ReportProblemIcon from \"@mui/icons-material/ReportProblem\";\nimport Box from \"@mui/material/Box\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport type { JSXElementConstructor, ReactElement } from \"react\";\nimport Content, { type ContentProps } from \"../Content\";\nimport Header, { type HeaderProps } from \"../Header\";\nimport Placeholder, { type PlaceholderIcon } from \"../Placeholder\";\nimport { TabProvider } from \"../TabProvider\";\n\n/**\n * Interface representing the slots for the HeaderLayout component.\n */\nexport interface HeaderLayoutSlots {\n  /**\n   * Optional slot for the header component.\n   * Should be a JSX element constructor that takes HeaderProps as props.\n   */\n  header?: JSXElementConstructor<HeaderProps>;\n\n  /**\n   * Optional slot for the content component.\n   * Should be a JSX element constructor that takes ContentProps as props.\n   */\n  content?: JSXElementConstructor<ContentProps>;\n}\n\n/**\n * Props for the HeaderLayout component slots.\n */\nexport interface HeaderLayoutSlotProps {\n  /**\n   * Props for the header slot.\n   */\n  header?: HeaderProps;\n\n  /**\n   * Props for the content slot.\n   */\n  content?: ContentProps;\n}\n\n/**\n * Represents an error that can occur in the HeaderLayout component.\n */\nexport interface HeaderLayoutError {\n  /**\n   * Optional icon to display with the error.\n   */\n  icon?: PlaceholderIcon;\n\n  /**\n   * Optional title for the error.\n   */\n  title?: string;\n\n  /**\n   * The error message to display.\n   */\n  message: string;\n}\n\nexport interface HeaderLayoutProps {\n  /**\n   * The title to be displayed in the header.\n   */\n  title: string | ReactElement;\n  /**\n   * An optional subtitle to be displayed in the header.\n   */\n  subtitle?: string | ReactElement;\n  /**\n   * Optional slots for custom components within the header layout.\n   */\n  slots?: HeaderLayoutSlots;\n  /**\n   * Optional props for the custom slots.\n   */\n  slotProps?: HeaderLayoutSlotProps;\n  /**\n   * Optional flag to indicate if the header layout is in a loading state.\n   */\n  loading?: boolean;\n  /**\n   * Optional flag to indicate if the header layout is in a fetching state.\n   */\n  fetching?: boolean;\n  /**\n   * Optional error object to be displayed in the header layout.\n   */\n  error?: HeaderLayoutError;\n  /**\n   * Content to display in the layout area\n   */\n  children?: React.ReactNode;\n}\n\nconst DefaultErrorIcon = () => (\n  <ReportProblemIcon color=\"error\" sx={{ width: 200, height: 200 }} />\n);\n\n/**\n * A layout component that provides a header and content area with optional loading, fetching, and error states.\n */\nexport function HeaderLayout({\n  loading,\n  title,\n  subtitle,\n  slots,\n  slotProps,\n  children,\n  fetching,\n  error,\n}: HeaderLayoutProps) {\n  const HeaderSlot = slots?.header || Header;\n  const ContentSlot = slots?.content || Content;\n\n  return (\n    <TabProvider>\n      <Box display=\"flex\" flexDirection=\"column\" height={1}>\n        <HeaderSlot title={title} subtitle={subtitle} {...slotProps?.header} />\n        {fetching && (\n          <Box width={1}>\n            <LinearProgress />\n          </Box>\n        )}\n        {loading && (\n          <Box\n            width={1}\n            height={1}\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n          >\n            <CircularProgress />\n          </Box>\n        )}\n        {error && (\n          <Box mt={4}>\n            <Placeholder\n              icon={error.icon || DefaultErrorIcon}\n              title={error.title || \"There has been an error\"}\n              subtitle={error.message}\n            />\n          </Box>\n        )}\n        {!loading && !error && (\n          <ContentSlot {...slotProps?.content}>{children}</ContentSlot>\n        )}\n      </Box>\n    </TabProvider>\n  );\n}\n\nexport default HeaderLayout;\n"],"names":["DefaultErrorIcon","jsx","ReportProblemIcon","HeaderLayout","loading","title","subtitle","slots","slotProps","children","fetching","error","HeaderSlot","Header","ContentSlot","Content","TabProvider","jsxs","Box","LinearProgress","CircularProgress","Placeholder"],"mappings":";;;;;;;;;;AAiGA,MAAMA,IAAmB,MACvBC,gBAAAA,EAAAA,IAACC,GAAA,EAAkB,OAAM,SAAQ,IAAI,EAAE,OAAO,KAAK,QAAQ,IAAA,EAAI,CAAG;AAM7D,SAASC,EAAa;AAAA,EAC3B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,GAAsB;AACpB,QAAMC,IAAaL,GAAO,UAAUM,GAC9BC,IAAcP,GAAO,WAAWQ;AAEtC,SACEd,gBAAAA,EAAAA,IAACe,KACC,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAI,SAAQ,QAAO,eAAc,UAAS,QAAQ,GACjD,UAAA;AAAA,IAAAjB,gBAAAA,EAAAA,IAACW,GAAA,EAAW,OAAAP,GAAc,UAAAC,GAAqB,GAAGE,GAAW,QAAQ;AAAA,IACpEE,KACCT,gBAAAA,EAAAA,IAACiB,GAAA,EAAI,OAAO,GACV,UAAAjB,gBAAAA,MAACkB,KAAe,GAClB;AAAA,IAEDf,KACCH,gBAAAA,EAAAA;AAAAA,MAACiB;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAQ;AAAA,QACR,gBAAe;AAAA,QACf,YAAW;AAAA,QAEX,gCAACE,GAAA,CAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrBT,KACCV,gBAAAA,EAAAA,IAACiB,GAAA,EAAI,IAAI,GACP,UAAAjB,gBAAAA,EAAAA;AAAAA,MAACoB;AAAA,MAAA;AAAA,QACC,MAAMV,EAAM,QAAQX;AAAA,QACpB,OAAOW,EAAM,SAAS;AAAA,QACtB,UAAUA,EAAM;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IAED,CAACP,KAAW,CAACO,2BACXG,GAAA,EAAa,GAAGN,GAAW,SAAU,UAAAC,EAAA,CAAS;AAAA,EAAA,EAAA,CAEnD,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"HeaderLayout.mjs","sources":["../../src/HeaderLayout/HeaderLayout.tsx"],"sourcesContent":["import ReportProblemIcon from \"@mui/icons-material/ReportProblem\";\nimport Box from \"@mui/material/Box\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport type { JSXElementConstructor, ReactElement } from \"react\";\nimport Content, { type ContentProps } from \"../Content\";\nimport Header, { type HeaderProps } from \"../Header\";\nimport Placeholder, { type PlaceholderIcon } from \"../Placeholder\";\nimport { TabProvider } from \"../TabProvider\";\n\n/**\n * Interface representing the slots for the HeaderLayout component.\n */\nexport interface HeaderLayoutSlots {\n  /**\n   * Optional slot for the header component.\n   * Should be a JSX element constructor that takes HeaderProps as props.\n   */\n  header?: JSXElementConstructor<HeaderProps>;\n\n  /**\n   * Optional slot for the content component.\n   * Should be a JSX element constructor that takes ContentProps as props.\n   */\n  content?: JSXElementConstructor<ContentProps>;\n}\n\n/**\n * Props for the HeaderLayout component slots.\n */\nexport interface HeaderLayoutSlotProps {\n  /**\n   * Props for the header slot.\n   */\n  header?: HeaderProps;\n\n  /**\n   * Props for the content slot.\n   */\n  content?: ContentProps;\n}\n\n/**\n * Represents an error that can occur in the HeaderLayout component.\n */\nexport interface HeaderLayoutError {\n  /**\n   * Optional icon to display with the error.\n   */\n  icon?: PlaceholderIcon;\n\n  /**\n   * Optional title for the error.\n   */\n  title?: string;\n\n  /**\n   * The error message to display.\n   */\n  message: string;\n}\n\nexport interface HeaderLayoutProps {\n  /**\n   * The title to be displayed in the header.\n   */\n  title: string | ReactElement;\n  /**\n   * An optional subtitle to be displayed in the header.\n   */\n  subtitle?: string | ReactElement;\n  /**\n   * Optional slots for custom components within the header layout.\n   */\n  slots?: HeaderLayoutSlots;\n  /**\n   * Optional props for the custom slots.\n   */\n  slotProps?: HeaderLayoutSlotProps;\n  /**\n   * Optional flag to indicate if the header layout is in a loading state.\n   */\n  loading?: boolean;\n  /**\n   * Optional flag to indicate if the header layout is in a fetching state.\n   */\n  fetching?: boolean;\n  /**\n   * Optional error object to be displayed in the header layout.\n   */\n  error?: HeaderLayoutError;\n  /**\n   * Content to display in the layout area\n   */\n  children?: React.ReactNode;\n}\n\nconst DefaultErrorIcon = () => (\n  <ReportProblemIcon color=\"error\" sx={{ width: 200, height: 200 }} />\n);\n\n/**\n * A layout component that provides a header and content area with optional loading, fetching, and error states.\n */\nexport function HeaderLayout({\n  loading,\n  title,\n  subtitle,\n  slots,\n  slotProps,\n  children,\n  fetching,\n  error,\n}: HeaderLayoutProps) {\n  const HeaderSlot = slots?.header || Header;\n  const ContentSlot = slots?.content || Content;\n\n  return (\n    <TabProvider>\n      <Box display=\"flex\" flexDirection=\"column\" height={1}>\n        <HeaderSlot title={title} subtitle={subtitle} {...slotProps?.header} />\n        {fetching && (\n          <Box width={1}>\n            <LinearProgress />\n          </Box>\n        )}\n        {loading && (\n          <Box\n            width={1}\n            height={1}\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n          >\n            <CircularProgress />\n          </Box>\n        )}\n        {error && (\n          <Box mt={4}>\n            <Placeholder\n              icon={error.icon || DefaultErrorIcon}\n              title={error.title || \"There has been an error\"}\n              subtitle={error.message}\n            />\n          </Box>\n        )}\n        {!loading && !error && (\n          <ContentSlot {...slotProps?.content}>{children}</ContentSlot>\n        )}\n      </Box>\n    </TabProvider>\n  );\n}\n\nexport default HeaderLayout;\n"],"names":["DefaultErrorIcon","jsx","ReportProblemIcon","HeaderLayout","loading","title","subtitle","slots","slotProps","children","fetching","error","HeaderSlot","Header","ContentSlot","Content","TabProvider","jsxs","Box","LinearProgress","CircularProgress","Placeholder"],"mappings":";;;;;;;;;;;;AAiGA,MAAMA,IAAmB,MACvB,gBAAAC,EAACC,GAAA,EAAkB,OAAM,SAAQ,IAAI,EAAE,OAAO,KAAK,QAAQ,IAAA,EAAI,CAAG;AAM7D,SAASC,EAAa;AAAA,EAC3B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,GAAsB;AACpB,QAAMC,IAAaL,GAAO,UAAUM,GAC9BC,IAAcP,GAAO,WAAWQ;AAEtC,SACE,gBAAAd,EAACe,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAI,SAAQ,QAAO,eAAc,UAAS,QAAQ,GACjD,UAAA;AAAA,IAAA,gBAAAjB,EAACW,GAAA,EAAW,OAAAP,GAAc,UAAAC,GAAqB,GAAGE,GAAW,QAAQ;AAAA,IACpEE,KACC,gBAAAT,EAACiB,GAAA,EAAI,OAAO,GACV,UAAA,gBAAAjB,EAACkB,KAAe,GAClB;AAAA,IAEDf,KACC,gBAAAH;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAQ;AAAA,QACR,gBAAe;AAAA,QACf,YAAW;AAAA,QAEX,4BAACE,GAAA,CAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrBT,KACC,gBAAAV,EAACiB,GAAA,EAAI,IAAI,GACP,UAAA,gBAAAjB;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,MAAMV,EAAM,QAAQX;AAAA,QACpB,OAAOW,EAAM,SAAS;AAAA,QACtB,UAAUA,EAAM;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IAED,CAACP,KAAW,CAACO,uBACXG,GAAA,EAAa,GAAGN,GAAW,SAAU,UAAAC,EAAA,CAAS;AAAA,EAAA,EAAA,CAEnD,EAAA,CACF;AAEJ;"}

package/dist/Label/Label.mjs

@@ -1,17 +1,17 @@
-import { j as f } from "../_virtual/jsx-runtime.mjs";
-import d from "../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import u from "../node_modules/@mui/material/esm/Box/Box.mjs";
+import { jsx as f } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+import { useTheme as h } from "@mui/material/styles";
 const m = {
   root: "RdsLabel-root"
 };
-function y({
+function x({
   text: o,
   color: e,
   variant: r = "default",
-  textTransform: a = "capitalize",
+  textTransform: s = "capitalize",
   sx: i
 }) {
-  const { palette: t, typography: n } = d(), s = {
+  const { palette: t, typography: n } = h(), a = {
     default: t.mode === "light" ? t.grey[100] : t.grey[900],
     primary: t.primary.light,
     secondary: t.secondary.light,
@@ -20,16 +20,16 @@ function y({
     error: t.error.light,
     success: t.success.light
   }, l = {
-    default: t.getContrastText(s.default),
+    default: t.getContrastText(a.default),
     primary: t.primary.contrastText,
     secondary: t.secondary.contrastText,
     info: t.info.contrastText,
     warning: t.warning.contrastText,
     error: t.error.contrastText,
     success: t.success.contrastText
-  }, c = e || s[r], g = e ? t.getContrastText(e) : l[r];
-  return /* @__PURE__ */ f.jsx(
-    u,
+  }, c = e || a[r], g = e ? t.getContrastText(e) : l[r];
+  return /* @__PURE__ */ f(
+    d,
     {
       height: 24,
       minWidth: 22,
@@ -41,7 +41,7 @@ function y({
       fontSize: n.caption.fontSize,
       fontWeight: n.fontWeightBold,
       lineHeight: 0,
-      textTransform: a,
+      textTransform: s,
       whiteSpace: "nowrap",
       borderRadius: 2,
       role: "label",
@@ -54,8 +54,8 @@ function y({
   );
 }
 export {
-  y as Label,
-  y as default,
+  x as Label,
+  x as default,
   m as labelClasses
 };
 //# sourceMappingURL=Label.mjs.map

package/dist/Label/Label.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.mjs","sources":["../../src/Label/Label.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\n/**\n * Props for the Label component\n */\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n  /**\n   * Background color. Overrides variant\n   */\n  color?: string;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport function Label({\n  text,\n  color: colorProp,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  const bgcolor = colorProp ? colorProp : backgroundColor[variant];\n  const color = colorProp\n    ? palette.getContrastText(colorProp)\n    : textColor[variant];\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={bgcolor}\n      color={color}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n}\n\nexport default Label;\n"],"names":["labelClasses","Label","text","colorProp","variant","textTransform","sx","palette","typography","useTheme","backgroundColor","textColor","bgcolor","color","jsx","Box"],"mappings":";;;AAYO,MAAMA,IAAe;AAAA,EAC1B,MAAM;AACR;AAiCO,SAASC,EAAM;AAAA,EACpB,MAAAC;AAAA,EACA,OAAOC;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,IAAAC;AACF,GAAe;AACb,QAAM,EAAE,SAAAC,GAAS,YAAAC,EAAA,IAAeC,EAAA,GAE1BC,IAAgD;AAAA,IACpD,SAASH,EAAQ,SAAS,UAAUA,EAAQ,KAAK,GAAG,IAAIA,EAAQ,KAAK,GAAG;AAAA,IACxE,SAASA,EAAQ,QAAQ;AAAA,IACzB,WAAWA,EAAQ,UAAU;AAAA,IAC7B,MAAMA,EAAQ,KAAK;AAAA,IACnB,SAASA,EAAQ,QAAQ;AAAA,IACzB,OAAOA,EAAQ,MAAM;AAAA,IACrB,SAASA,EAAQ,QAAQ;AAAA,EAAA,GAGrBI,IAA0C;AAAA,IAC9C,SAASJ,EAAQ,gBAAgBG,EAAgB,OAAO;AAAA,IACxD,SAASH,EAAQ,QAAQ;AAAA,IACzB,WAAWA,EAAQ,UAAU;AAAA,IAC7B,MAAMA,EAAQ,KAAK;AAAA,IACnB,SAASA,EAAQ,QAAQ;AAAA,IACzB,OAAOA,EAAQ,MAAM;AAAA,IACrB,SAASA,EAAQ,QAAQ;AAAA,EAAA,GAGrBK,IAAUT,KAAwBO,EAAgBN,CAAO,GACzDS,IAAQV,IACVI,EAAQ,gBAAgBJ,CAAS,IACjCQ,EAAUP,CAAO;AAErB,SACEU,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,SAAAH;AAAA,MACA,OAAAC;AAAA,MACA,UAAUL,EAAW,QAAQ;AAAA,MAC7B,YAAYA,EAAW;AAAA,MACvB,YAAY;AAAA,MACZ,eAAAH;AAAA,MACA,YAAW;AAAA,MACX,cAAc;AAAA,MACd,MAAK;AAAA,MACL,cAAY,GAAGH,CAAI,IAAIE,CAAO;AAAA,MAC9B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI,EAAE,QAAQ,WAAW,GAAGE,EAAA;AAAA,MAE3B,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Label.mjs","sources":["../../src/Label/Label.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\n/**\n * Props for the Label component\n */\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n  /**\n   * Background color. Overrides variant\n   */\n  color?: string;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport function Label({\n  text,\n  color: colorProp,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  const bgcolor = colorProp ? colorProp : backgroundColor[variant];\n  const color = colorProp\n    ? palette.getContrastText(colorProp)\n    : textColor[variant];\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={bgcolor}\n      color={color}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n}\n\nexport default Label;\n"],"names":["labelClasses","Label","text","colorProp","variant","textTransform","sx","palette","typography","useTheme","backgroundColor","textColor","bgcolor","color","jsx","Box"],"mappings":";;;AAYO,MAAMA,IAAe;AAAA,EAC1B,MAAM;AACR;AAiCO,SAASC,EAAM;AAAA,EACpB,MAAAC;AAAA,EACA,OAAOC;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,IAAAC;AACF,GAAe;AACb,QAAM,EAAE,SAAAC,GAAS,YAAAC,EAAA,IAAeC,EAAA,GAE1BC,IAAgD;AAAA,IACpD,SAASH,EAAQ,SAAS,UAAUA,EAAQ,KAAK,GAAG,IAAIA,EAAQ,KAAK,GAAG;AAAA,IACxE,SAASA,EAAQ,QAAQ;AAAA,IACzB,WAAWA,EAAQ,UAAU;AAAA,IAC7B,MAAMA,EAAQ,KAAK;AAAA,IACnB,SAASA,EAAQ,QAAQ;AAAA,IACzB,OAAOA,EAAQ,MAAM;AAAA,IACrB,SAASA,EAAQ,QAAQ;AAAA,EAAA,GAGrBI,IAA0C;AAAA,IAC9C,SAASJ,EAAQ,gBAAgBG,EAAgB,OAAO;AAAA,IACxD,SAASH,EAAQ,QAAQ;AAAA,IACzB,WAAWA,EAAQ,UAAU;AAAA,IAC7B,MAAMA,EAAQ,KAAK;AAAA,IACnB,SAASA,EAAQ,QAAQ;AAAA,IACzB,OAAOA,EAAQ,MAAM;AAAA,IACrB,SAASA,EAAQ,QAAQ;AAAA,EAAA,GAGrBK,IAAUT,KAAwBO,EAAgBN,CAAO,GACzDS,IAAQV,IACVI,EAAQ,gBAAgBJ,CAAS,IACjCQ,EAAUP,CAAO;AAErB,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,SAAAH;AAAA,MACA,OAAAC;AAAA,MACA,UAAUL,EAAW,QAAQ;AAAA,MAC7B,YAAYA,EAAW;AAAA,MACvB,YAAY;AAAA,MACZ,eAAAH;AAAA,MACA,YAAW;AAAA,MACX,cAAc;AAAA,MACd,MAAK;AAAA,MACL,cAAY,GAAGH,CAAI,IAAIE,CAAO;AAAA,MAC9B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI,EAAE,QAAQ,WAAW,GAAGE,EAAA;AAAA,MAE3B,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}