@pautena/react-design-system 2.0.0-alpha.0 → 2.0.0-alpha.4

package/dist/ExpandableAlert/ExpandableAlert.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandableAlert.mjs","sources":["../../src/ExpandableAlert/ExpandableAlert.tsx"],"sourcesContent":["import CloseIcon from \"@mui/icons-material/Close\";\nimport ExpandLessIcon from \"@mui/icons-material/ExpandLess\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport Alert, { type AlertColor, alertClasses } from \"@mui/material/Alert\";\nimport AlertTitle from \"@mui/material/AlertTitle\";\nimport Box from \"@mui/material/Box\";\nimport Collapse from \"@mui/material/Collapse\";\nimport IconButton from \"@mui/material/IconButton\";\nimport type { SxProps, Theme } from \"@mui/material/styles\";\nimport { forwardRef, type ReactElement, useState } from \"react\";\nimport Board from \"../Board\";\n\n/**\n * Props for the ExpandableAlert component\n */\nexport interface ExpandableAlertProps {\n  /**\n   * Alert severity level\n   */\n  severity: AlertColor;\n  /**\n   * Custom icon mapping for different severity levels\n   */\n  iconMapping?: Partial<Record<AlertColor, React.ReactNode>>;\n  /**\n   * Alert title\n   */\n  title?: string;\n  /**\n   * Alert message content\n   */\n  message: string;\n  /**\n   * Additional metadata to display in expandable section\n   */\n  metadata?: string | string[];\n  /**\n   * Custom component to render in expandable section\n   */\n  metadataComponent?: ReactElement;\n  /**\n   * Callback when alert is closed\n   */\n  onClose: () => void;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nconst alertSx = {\n  [`& .${alertClasses.message}`]: {\n    width: 1,\n  },\n};\n\n/**\n * Alert component with expandable metadata section\n */\nconst ExpandableAlert = forwardRef<any, ExpandableAlertProps>(\n  (\n    {\n      severity,\n      iconMapping,\n      title,\n      message,\n      metadata,\n      metadataComponent,\n      onClose,\n      sx = {},\n    },\n    ref,\n  ) => {\n    const [expanded, setExpanded] = useState(false);\n    return (\n      <Alert\n        ref={ref}\n        severity={severity}\n        iconMapping={iconMapping}\n        onClose={onClose}\n        action={\n          <Box display=\"flex\" flexDirection=\"column\">\n            <IconButton color=\"inherit\" onClick={onClose}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n            {metadata && (\n              <IconButton\n                color=\"inherit\"\n                onClick={() => setExpanded((e) => !e)}\n              >\n                {expanded ? (\n                  <ExpandLessIcon fontSize=\"small\" />\n                ) : (\n                  <ExpandMoreIcon fontSize=\"small\" />\n                )}\n              </IconButton>\n            )}\n          </Box>\n        }\n        sx={{ ...alertSx, ...sx }}\n      >\n        <Box sx={{ w: 1 }}>\n          {title && <AlertTitle>{title}</AlertTitle>}\n          {message}\n          {metadata && (\n            <Collapse in={expanded} sx={{ mt: 2 }}>\n              <Board content={metadata}>{metadataComponent}</Board>\n            </Collapse>\n          )}\n        </Box>\n      </Alert>\n    );\n  },\n);\n\nExpandableAlert.displayName = \"ExpandableAlert\";\n\nexport default ExpandableAlert;\n"],"names":["alertSx","alertClasses","ExpandableAlert","forwardRef","severity","iconMapping","title","message","metadata","metadataComponent","onClose","sx","ref","expanded","setExpanded","useState","jsx","Alert","jsxs","Box","IconButton","CloseIcon","e","ExpandLessIcon","ExpandMoreIcon","AlertTitle","Collapse","Board"],"mappings":";;;;;;;;;;;AAkDA,MAAMA,IAAU;AAAA,EACd,CAAC,MAAMC,EAAa,OAAO,EAAE,GAAG;AAAA,IAC9B,OAAO;AAAA,EAAA;AAEX,GAKMC,IAAkBC;AAAA,EACtB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,IAAAC,IAAK,CAAA;AAAA,EAAC,GAERC,MACG;AACH,UAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAC9C,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,UAAAR;AAAA,QACA,aAAAC;AAAA,QACA,SAAAK;AAAA,QACA,QACE,gBAAAQ,EAACC,GAAA,EAAI,SAAQ,QAAO,eAAc,UAChC,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAW,OAAM,WAAU,SAASV,GACnC,UAAA,gBAAAM,EAACK,GAAA,EAAU,UAAS,QAAA,CAAQ,EAAA,CAC9B;AAAA,UACCb,KACC,gBAAAQ;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,SAAS,MAAMN,EAAY,CAACQ,MAAM,CAACA,CAAC;AAAA,cAEnC,UAAAT,sBACEU,GAAA,EAAe,UAAS,SAAQ,IAEjC,gBAAAP,EAACQ,GAAA,EAAe,UAAS,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAErC,GAEJ;AAAA,QAEF,IAAI,EAAE,GAAGxB,GAAS,GAAGW,EAAA;AAAA,QAErB,4BAACQ,GAAA,EAAI,IAAI,EAAE,GAAG,KACX,UAAA;AAAA,UAAAb,KAAS,gBAAAU,EAACS,KAAY,UAAAnB,EAAA,CAAM;AAAA,UAC5BC;AAAA,UACAC,KACC,gBAAAQ,EAACU,GAAA,EAAS,IAAIb,GAAU,IAAI,EAAE,IAAI,EAAA,GAChC,UAAA,gBAAAG,EAACW,GAAA,EAAM,SAASnB,GAAW,aAAkB,EAAA,CAC/C;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAN,EAAgB,cAAc;"}

package/dist/ExpandableAlert/index.d.ts

@@ -1,2 +0,0 @@
-export type { ExpandableAlertProps } from './ExpandableAlert';
-export { default, default as ExpandableAlert } from './ExpandableAlert';

package/dist/FormDialog/FormDialog.d.ts

@@ -1,34 +0,0 @@
-import { BootstrapDialogDialogProps } from '../Dialog';
-type OmitBaseDialogProps = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
-/**
- * Props for the FormDialog component.
- *
- * @template T - The type of data returned from the form.
- */
-export interface FormDialogProps<T> extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {
-    /**
-     * The text to display on the submit button.
-     * @default "Submit"
-     */
-    submitText?: string;
-    /**
-     * The text to display on the cancel button.
-     * @default "Cancel"
-     */
-    cancelText?: string;
-    /**
-     * Callback function to be called when the cancel button is clicked.
-     */
-    onCancel: () => void;
-    /**
-     * Callback function to be called when the submit button is clicked.
-     * @param data - The data to be submitted.
-     */
-    onSubmit: (data: T) => void;
-}
-/**
- * A generic form dialog component that wraps a BootstrapDialog and handles form submission.
- * Put your form inside and receive the data validated using the input name field.
- */
-export declare function FormDialog<T>({ open, title, loading, disabled, submitText, cancelText, children, onSubmit, onCancel, }: FormDialogProps<T>): import("react/jsx-runtime").JSX.Element;
-export default FormDialog;

package/dist/FormDialog/FormDialog.mjs

@@ -1,44 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { BootstrapDialog as u } from "../BootstrapDialog/BootstrapDialog.mjs";
-import { getFormData as s } from "../utils/forms.mjs";
-function S({
-  open: a,
-  title: r,
-  loading: t,
-  disabled: m,
-  submitText: l = "Submit",
-  cancelText: c = "Cancel",
-  children: n,
-  onSubmit: p,
-  onCancel: e
-}) {
-  return /* @__PURE__ */ i(
-    u,
-    {
-      component: "form",
-      componentProps: {
-        onSubmit: (o) => {
-          o.preventDefault(), p(s(o));
-        }
-      },
-      title: r,
-      loading: t,
-      disabled: t || m,
-      open: a,
-      onClose: e,
-      callCloseWhenCancel: !1,
-      cancelable: !0,
-      acceptable: !0,
-      cancelText: c,
-      onCancel: e,
-      acceptText: l,
-      acceptType: "submit",
-      children: n
-    }
-  );
-}
-export {
-  S as FormDialog,
-  S as default
-};
-//# sourceMappingURL=FormDialog.mjs.map

package/dist/FormDialog/FormDialog.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormDialog.mjs","sources":["../../src/FormDialog/FormDialog.tsx"],"sourcesContent":["import type { FormEvent } from \"react\";\nimport { BootstrapDialog } from \"../BootstrapDialog\";\nimport type { BootstrapDialogDialogProps } from \"../Dialog\";\nimport { getFormData } from \"../utils/forms\";\n\ntype OmitBaseDialogProps =\n  | \"cancelable\"\n  | \"acceptable\"\n  | \"onAccept\"\n  | \"onCancel\"\n  | \"onClose\"\n  | \"actions\"\n  | \"callCloseWhenCancel\"\n  | \"component\"\n  | \"acceptType\";\n\n/**\n * Props for the FormDialog component.\n *\n * @template T - The type of data returned from the form.\n */\nexport interface FormDialogProps<T>\n  extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {\n  /**\n   * The text to display on the submit button.\n   * @default \"Submit\"\n   */\n  submitText?: string;\n\n  /**\n   * The text to display on the cancel button.\n   * @default \"Cancel\"\n   */\n  cancelText?: string;\n\n  /**\n   * Callback function to be called when the cancel button is clicked.\n   */\n  onCancel: () => void;\n\n  /**\n   * Callback function to be called when the submit button is clicked.\n   * @param data - The data to be submitted.\n   */\n  onSubmit: (data: T) => void;\n}\n\n/**\n * A generic form dialog component that wraps a BootstrapDialog and handles form submission.\n * Put your form inside and receive the data validated using the input name field.\n */\nexport function FormDialog<T>({\n  open,\n  title,\n  loading,\n  disabled,\n  submitText = \"Submit\",\n  cancelText = \"Cancel\",\n  children,\n  onSubmit,\n  onCancel,\n}: FormDialogProps<T>) {\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    onSubmit(getFormData<T>(e));\n  };\n\n  return (\n    <BootstrapDialog\n      component=\"form\"\n      componentProps={{\n        onSubmit: handleSubmit,\n      }}\n      title={title}\n      loading={loading}\n      disabled={loading || disabled}\n      open={open}\n      onClose={onCancel}\n      callCloseWhenCancel={false}\n      cancelable\n      acceptable\n      cancelText={cancelText}\n      onCancel={onCancel}\n      acceptText={submitText}\n      acceptType=\"submit\"\n    >\n      {children}\n    </BootstrapDialog>\n  );\n}\n\nexport default FormDialog;\n"],"names":["FormDialog","open","title","loading","disabled","submitText","cancelText","children","onSubmit","onCancel","jsx","BootstrapDialog","e","getFormData"],"mappings":";;;AAmDO,SAASA,EAAc;AAAA,EAC5B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,GAAuB;AAOrB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,gBAAgB;AAAA,QACd,UAVe,CAACC,MAAkC;AACtD,UAAAA,EAAE,eAAA,GAEFJ,EAASK,EAAeD,CAAC,CAAC;AAAA,QAC5B;AAAA,MAMgB;AAAA,MAEZ,OAAAV;AAAA,MACA,SAAAC;AAAA,MACA,UAAUA,KAAWC;AAAA,MACrB,MAAAH;AAAA,MACA,SAASQ;AAAA,MACT,qBAAqB;AAAA,MACrB,YAAU;AAAA,MACV,YAAU;AAAA,MACV,YAAAH;AAAA,MACA,UAAAG;AAAA,MACA,YAAYJ;AAAA,MACZ,YAAW;AAAA,MAEV,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/FormDialog/index.d.ts

@@ -1,2 +0,0 @@
-export type { FormDialogProps } from './FormDialog';
-export { default, default as FormDialog } from './FormDialog';

package/dist/GroupValueCard/GroupValueCard.d.ts

@@ -1,32 +0,0 @@
-import { ValueItemElement } from '../ValueItem';
-/**
- * Props for the GroupValueCard component.
- */
-export interface GroupValueCardProps {
-    /**
-     * The main title of the card.
-     */
-    title: string;
-    /**
-     * An optional subtitle for the card.
-     */
-    subtitle?: string;
-    /**
-     * If true, the content will be centered.
-     */
-    centered?: boolean;
-    /**
-     * The children elements to be rendered inside the card.
-     */
-    children: ValueItemElement | ValueItemElement[];
-    /**
-     * If true, the card will have a denser layout.
-     */
-    dense?: boolean;
-}
-/**
- * GroupValueCard component renders a card with a title, subtitle, and children content.
- * It supports customization for dense layout and centered content.
- */
-export declare function GroupValueCard({ title, subtitle, centered, children, dense, }: GroupValueCardProps): import("react/jsx-runtime").JSX.Element;
-export default GroupValueCard;

package/dist/GroupValueCard/GroupValueCard.mjs

@@ -1,74 +0,0 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import h from "@mui/material/Box";
-import f from "@mui/material/Grid";
-import g from "@mui/material/Paper";
-import { useTheme as c } from "@mui/material/styles";
-import a from "@mui/material/Typography";
-import { useGetDefaultThemeColor as d } from "../utils/theme.mjs";
-function s({
-  title: e,
-  subtitle: i,
-  centered: p,
-  children: l,
-  dense: r
-}) {
-  const { typography: m } = c(), n = d({
-    lightWeight: 200,
-    darkWeight: 800
-  });
-  return /* @__PURE__ */ t(
-    g,
-    {
-      sx: {
-        paddingBottom: r ? 0 : 1
-      },
-      children: [
-        /* @__PURE__ */ t(
-          h,
-          {
-            bgcolor: n,
-            px: r ? 1 : 2,
-            py: r ? 0.5 : 1,
-            lineHeight: r ? 0 : void 0,
-            children: [
-              /* @__PURE__ */ o(
-                a,
-                {
-                  variant: r ? "body1" : "h6",
-                  role: "heading",
-                  "aria-level": 1,
-                  children: e
-                }
-              ),
-              i && /* @__PURE__ */ o(
-                a,
-                {
-                  variant: r ? "caption" : "body2",
-                  role: "heading",
-                  "aria-level": 2,
-                  lineHeight: r ? m.pxToRem(15) : void 0,
-                  children: i
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(
-          f,
-          {
-            container: !0,
-            padding: 1,
-            rowSpacing: r ? 1 : 2,
-            justifyContent: p ? "center" : "flex-start",
-            children: l
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  s as GroupValueCard,
-  s as default
-};
-//# sourceMappingURL=GroupValueCard.mjs.map

package/dist/GroupValueCard/GroupValueCard.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupValueCard.mjs","sources":["../../src/GroupValueCard/GroupValueCard.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Grid from \"@mui/material/Grid\";\nimport Paper from \"@mui/material/Paper\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Typography from \"@mui/material/Typography\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport type { ValueItemElement } from \"../ValueItem\";\n\n/**\n * Props for the GroupValueCard component.\n */\nexport interface GroupValueCardProps {\n  /**\n   * The main title of the card.\n   */\n  title: string;\n\n  /**\n   * An optional subtitle for the card.\n   */\n  subtitle?: string;\n\n  /**\n   * If true, the content will be centered.\n   */\n  centered?: boolean;\n\n  /**\n   * The children elements to be rendered inside the card.\n   */\n  children: ValueItemElement | ValueItemElement[];\n\n  /**\n   * If true, the card will have a denser layout.\n   */\n  dense?: boolean;\n}\n\n/**\n * GroupValueCard component renders a card with a title, subtitle, and children content.\n * It supports customization for dense layout and centered content.\n */\nexport function GroupValueCard({\n  title,\n  subtitle,\n  centered,\n  children,\n  dense,\n}: GroupValueCardProps) {\n  const { typography } = useTheme();\n  const defaultColor = useGetDefaultThemeColor({\n    lightWeight: 200,\n    darkWeight: 800,\n  });\n\n  return (\n    <Paper\n      sx={{\n        paddingBottom: dense ? 0 : 1,\n      }}\n    >\n      <Box\n        bgcolor={defaultColor}\n        px={dense ? 1 : 2}\n        py={dense ? 0.5 : 1}\n        lineHeight={dense ? 0 : undefined}\n      >\n        <Typography\n          variant={dense ? \"body1\" : \"h6\"}\n          role=\"heading\"\n          aria-level={1}\n        >\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant={dense ? \"caption\" : \"body2\"}\n            role=\"heading\"\n            aria-level={2}\n            lineHeight={dense ? typography.pxToRem(15) : undefined}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      <Grid\n        container\n        padding={1}\n        rowSpacing={dense ? 1 : 2}\n        justifyContent={centered ? \"center\" : \"flex-start\"}\n      >\n        {children}\n      </Grid>\n    </Paper>\n  );\n}\n\nexport default GroupValueCard;\n"],"names":["GroupValueCard","title","subtitle","centered","children","dense","typography","useTheme","defaultColor","useGetDefaultThemeColor","jsxs","Paper","Box","jsx","Typography","Grid"],"mappings":";;;;;;;AA0CO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,GAAwB;AACtB,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjBC,IAAeC,EAAwB;AAAA,IAC3C,aAAa;AAAA,IACb,YAAY;AAAA,EAAA,CACb;AAED,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAeN,IAAQ,IAAI;AAAA,MAAA;AAAA,MAG7B,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAASJ;AAAA,YACT,IAAIH,IAAQ,IAAI;AAAA,YAChB,IAAIA,IAAQ,MAAM;AAAA,YAClB,YAAYA,IAAQ,IAAI;AAAA,YAExB,UAAA;AAAA,cAAA,gBAAAQ;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,SAAST,IAAQ,UAAU;AAAA,kBAC3B,MAAK;AAAA,kBACL,cAAY;AAAA,kBAEX,UAAAJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEFC,KACC,gBAAAW;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,SAAST,IAAQ,YAAY;AAAA,kBAC7B,MAAK;AAAA,kBACL,cAAY;AAAA,kBACZ,YAAYA,IAAQC,EAAW,QAAQ,EAAE,IAAI;AAAA,kBAE5C,UAAAJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ,gBAAAW;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAS;AAAA,YACT,SAAS;AAAA,YACT,YAAYV,IAAQ,IAAI;AAAA,YACxB,gBAAgBF,IAAW,WAAW;AAAA,YAErC,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/GroupValueCard/GroupValueCard.mock.d.ts

@@ -1,2 +0,0 @@
-import { GroupValueCardProps } from './GroupValueCard';
-export declare const GroupValueCardDummy: ({ dense, ...rest }: GroupValueCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/GroupValueCard/index.d.ts

@@ -1,2 +0,0 @@
-export type { GroupValueCardProps } from './GroupValueCard';
-export { default, default as GroupValueCard } from './GroupValueCard';

package/dist/Header/Header.d.ts

@@ -1,40 +0,0 @@
-import { HeaderProps } from './Header.types';
-/**
- * Section used to provide basic information about the page
- * and display main actions
- *
- * Supports extensive customization through slots and slotProps.
- * Each internal element (breadcrumbs, title, actions, tabs) can be
- * customized or replaced.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Header
- *   title="Dashboard"
- *   subtitle="Welcome back"
- *   breadcrumbs={[{id: '1', text: 'Home', link: '/'}]}
- *   actions={[{id: 'add', text: 'Add', onClick: handleAdd}]}
- * />
- *
- * // Custom breadcrumb separator
- * <Header
- *   title="Settings"
- *   breadcrumbs={breadcrumbs}
- *   slotProps={{
- *     breadcrumbs: { separator: '/' }
- *   }}
- * />
- *
- * // Custom action button styling
- * <Header
- *   title="Users"
- *   actions={actions}
- *   slotProps={{
- *     actionButton: { size: 'large', variant: 'contained' }
- *   }}
- * />
- * ```
- */
-export declare function Header({ title, loadingTitle, subtitle, loadingSubtitle, preset, actionsVariant, breadcrumbs, actions, tabs, tabsMode, navigationButton, border, slots, slotProps, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
-export default Header;

package/dist/Header/Header.dummy.d.ts

@@ -1,5 +0,0 @@
-import { HeaderAction, HeaderBreadcrumb, HeaderTab } from './Header.types';
-export declare const breadcrumbs: HeaderBreadcrumb[];
-export declare const actions: HeaderAction[];
-export declare const tabs: HeaderTab[];
-export declare const linkedTabs: HeaderTab[];

package/dist/Header/Header.mjs

@@ -1,179 +0,0 @@
-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 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: T,
-  tabsMode: y = "navigation",
-  navigationButton: c,
-  border: H = !1,
-  slots: n,
-  slotProps: e
-}) {
-  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
-  }, 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
-  }[s], U = w;
-  return /* @__PURE__ */ t(
-    A,
-    {
-      bgcolor: O,
-      color: Q,
-      sx: H ? { borderBottom: 1, borderColor: "divider" } : void 0,
-      ...e?.root,
-      children: /* @__PURE__ */ u(D, { ...e?.container, children: [
-        /* @__PURE__ */ u(
-          I,
-          {
-            sx: {
-              py: 3,
-              display: "flex",
-              flexDirection: "row",
-              justifyContent: "space-between"
-            },
-            ...e?.contentContainer,
-            children: [
-              /* @__PURE__ */ u(G, { ...e?.titleContainer, children: [
-                c && /* @__PURE__ */ t(
-                  N,
-                  {
-                    href: c.href,
-                    size: "small",
-                    color: "inherit",
-                    LinkComponent: l,
-                    startIcon: c.icon,
-                    sx: { mb: 1 },
-                    ...e?.navigationButton,
-                    children: c.text
-                  }
-                ),
-                x?.length && /* @__PURE__ */ t(
-                  R,
-                  {
-                    color: "inherit",
-                    separator: "›",
-                    "aria-label": "breadcrumb",
-                    sx: { marginTop: 1 },
-                    ...e?.breadcrumbs,
-                    children: x.map(({ id: o, link: i, text: a }) => /* @__PURE__ */ t(
-                      _,
-                      {
-                        underline: "hover",
-                        color: "inherit",
-                        href: i,
-                        variant: "body2",
-                        role: "link",
-                        ...e?.breadcrumbLink,
-                        children: a
-                      },
-                      o
-                    ))
-                  }
-                ),
-                /* @__PURE__ */ t(q, { loading: L, ...e?.title, children: k }),
-                (h || f) && /* @__PURE__ */ t(
-                  E,
-                  {
-                    loading: f,
-                    ...e?.subtitle,
-                    children: h
-                  }
-                )
-              ] }),
-              p && /* @__PURE__ */ t(
-                F,
-                {
-                  display: "flex",
-                  alignItems: "center",
-                  ...e?.actionsContainer,
-                  children: p.map(
-                    ({ 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: V ?? "inherit",
-                        disabled: o,
-                        variant: m ?? j,
-                        size: "small",
-                        href: a,
-                        onClick: b,
-                        sx: { mr: W !== p.length - 1 ? 1 : 0 },
-                        ...e?.actionButton,
-                        children: C
-                      },
-                      i
-                    )
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        T && /* @__PURE__ */ t(
-          K,
-          {
-            value: U,
-            textColor: "inherit",
-            onChange: y === "panel" ? (o, i) => z(i) : void 0,
-            ...e?.tabs,
-            children: T.map(({ id: o, label: i, disabled: a, path: b, href: C }) => {
-              const m = { label: i, disabled: a };
-              return y === "panel" ? /* @__PURE__ */ t(
-                g,
-                {
-                  ...m,
-                  ...e?.tab
-                },
-                o
-              ) : /* @__PURE__ */ t(
-                g,
-                {
-                  ...m,
-                  component: l,
-                  href: C,
-                  value: b,
-                  ...e?.tab
-                },
-                o
-              );
-            })
-          }
-        )
-      ] })
-    }
-  );
-}
-export {
-  se as Header,
-  se as default
-};
-//# sourceMappingURL=Header.mjs.map

package/dist/Header/Header.mjs.map

@@ -1 +0,0 @@
-{"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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"}