@pautena/react-design-system 0.20.2 → 1.0.0

package/dist/ExpandableAlert/ExpandableAlert.mjs

@@ -0,0 +1,61 @@
+import { j as o } from "../_virtual/jsx-runtime.mjs";
+import j from "../node_modules/@mui/icons-material/esm/Close.mjs";
+import h from "../node_modules/@mui/icons-material/esm/ExpandLess.mjs";
+import u from "../node_modules/@mui/icons-material/esm/ExpandMore.mjs";
+import { forwardRef as E, useState as S } from "react";
+import { Board as A } from "../Board/Board.mjs";
+import C from "../node_modules/@mui/material/esm/Alert/alertClasses.mjs";
+import I from "../node_modules/@mui/material/esm/Alert/Alert.mjs";
+import t from "../node_modules/@mui/material/esm/Box/Box.mjs";
+import w from "../node_modules/@mui/material/esm/AlertTitle/AlertTitle.mjs";
+import z from "../node_modules/@mui/material/esm/Collapse/Collapse.mjs";
+import l from "../node_modules/@mui/material/esm/IconButton/IconButton.mjs";
+const B = {
+  [`& .${C.message}`]: {
+    width: 1
+  }
+}, b = E(
+  ({
+    severity: n,
+    iconMapping: m,
+    title: e,
+    message: x,
+    metadata: r,
+    metadataComponent: c,
+    onClose: s,
+    sx: p = {}
+  }, a) => {
+    const [i, f] = S(!1);
+    return /* @__PURE__ */ o.jsx(
+      I,
+      {
+        ref: a,
+        severity: n,
+        iconMapping: m,
+        onClose: s,
+        action: /* @__PURE__ */ o.jsxs(t, { display: "flex", flexDirection: "column", children: [
+          /* @__PURE__ */ o.jsx(l, { color: "inherit", onClick: s, children: /* @__PURE__ */ o.jsx(j, { fontSize: "small" }) }),
+          r && /* @__PURE__ */ o.jsx(
+            l,
+            {
+              color: "inherit",
+              onClick: () => f((d) => !d),
+              children: i ? /* @__PURE__ */ o.jsx(h, { fontSize: "small" }) : /* @__PURE__ */ o.jsx(u, { fontSize: "small" })
+            }
+          )
+        ] }),
+        sx: { ...B, ...p },
+        children: /* @__PURE__ */ o.jsxs(t, { sx: { w: 1 }, children: [
+          e && /* @__PURE__ */ o.jsx(w, { children: e }),
+          x,
+          r && /* @__PURE__ */ o.jsx(z, { in: i, sx: { mt: 2 }, children: /* @__PURE__ */ o.jsx(A, { content: r, children: c }) })
+        ] })
+      }
+    );
+  }
+);
+b.displayName = "ExpandableAlert";
+export {
+  b as default
+};
+//# sourceMappingURL=ExpandableAlert.mjs.map

package/dist/ExpandableAlert/ExpandableAlert.mjs.map

@@ -0,0 +1 @@
+{"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,WACEC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,UAAAR;AAAA,QACA,aAAAC;AAAA,QACA,SAAAK;AAAA,QACA,QACEQ,gBAAAA,EAAAA,KAACC,GAAA,EAAI,SAAQ,QAAO,eAAc,UAChC,UAAA;AAAA,UAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAW,OAAM,WAAU,SAASV,GACnC,UAAAM,gBAAAA,EAAAA,IAACK,GAAA,EAAU,UAAS,QAAA,CAAQ,EAAA,CAC9B;AAAA,UACCb,KACCQ,gBAAAA,EAAAA;AAAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,SAAS,MAAMN,EAAY,CAACQ,MAAM,CAACA,CAAC;AAAA,cAEnC,UAAAT,0BACEU,GAAA,EAAe,UAAS,SAAQ,IAEjCP,gBAAAA,EAAAA,IAACQ,GAAA,EAAe,UAAS,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAErC,GAEJ;AAAA,QAEF,IAAI,EAAE,GAAGxB,GAAS,GAAGW,EAAA;AAAA,QAErB,iCAACQ,GAAA,EAAI,IAAI,EAAE,GAAG,KACX,UAAA;AAAA,UAAAb,KAASU,gBAAAA,EAAAA,IAACS,KAAY,UAAAnB,EAAA,CAAM;AAAA,UAC5BC;AAAA,UACAC,KACCQ,gBAAAA,EAAAA,IAACU,GAAA,EAAS,IAAIb,GAAU,IAAI,EAAE,IAAI,EAAA,GAChC,UAAAG,gBAAAA,EAAAA,IAACW,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

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

package/dist/FormDialog/FormDialog.d.ts

@@ -0,0 +1,34 @@
+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

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

package/dist/FormDialog/FormDialog.mjs.map

@@ -0,0 +1 @@
+{"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","handleSubmit","e","getFormData","jsx","BootstrapDialog"],"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;AACrB,QAAMC,IAAe,CAACC,MAAkC;AACtD,IAAAA,EAAE,eAAA,GAEFH,EAASI,EAAeD,CAAC,CAAC;AAAA,EAC5B;AAEA,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,gBAAgB;AAAA,QACd,UAAUJ;AAAA,MAAA;AAAA,MAEZ,OAAAR;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

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

package/dist/GroupValueCard/GroupValueCard.d.ts

@@ -0,0 +1,32 @@
+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

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

package/dist/GroupValueCard/GroupValueCard.mjs.map

@@ -0,0 +1 @@
+{"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,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAeN,IAAQ,IAAI;AAAA,MAAA;AAAA,MAG7B,UAAA;AAAA,QAAAK,gBAAAA,EAAAA;AAAAA,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,cAAAQ,gBAAAA,EAAAA;AAAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,SAAST,IAAQ,UAAU;AAAA,kBAC3B,MAAK;AAAA,kBACL,cAAY;AAAA,kBAEX,UAAAJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEFC,KACCW,gBAAAA,EAAAA;AAAAA,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,QAGJW,gBAAAA,EAAAA;AAAAA,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

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

package/dist/GroupValueCard/index.d.ts

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

package/dist/Header/Header.d.ts

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,5 @@
+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

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

package/dist/Header/Header.mjs.map

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