@soyfri/shared-library 1.3.7 → 1.3.10

package/components/Stat/Stat.cjs

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../index.cjs");
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const Stat = ({
+  stat,
+  stat2,
+  label,
+  color = "#1469B8",
+  chipColor = "#1469B8",
+  chips = [],
+  simple = false,
+  chip = false,
+  chipList = false,
+  children,
+  statDisplay
+}) => {
+  const selectedTemplate = React.useMemo(() => {
+    if (simple) return "simple";
+    if (chip) return "chip";
+    if (chipList) return "chipList";
+    return "default";
+  }, [simple, chip, chipList]);
+  const renderStatDisplay = () => {
+    return statDisplay ? statDisplay(stat) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", children: stat });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    selectedTemplate === "default" && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "stat", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", "data-testid": "selection-template-option-outlet", children: renderStatDisplay() }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "stat__label", display: "flex", alignItems: "center", gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Box,
+          {
+            width: 40,
+            height: 4,
+            bgcolor: color,
+            "data-testid": "stat-border",
+            borderRadius: 2
+          }
+        )
+      ] })
+    ] }),
+    selectedTemplate === "simple" && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { "data-testid": "selection-template-option-outlet", children: renderStatDisplay() }),
+      stat2 && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: stat2 })
+    ] }),
+    selectedTemplate === "chip" && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.Chip,
+        {
+          "data-testid": "chip-template-option-outlet",
+          label: renderStatDisplay(),
+          sx: {
+            backgroundColor: chipColor,
+            color: "#fff",
+            fontWeight: "bold"
+          }
+        }
+      )
+    ] }),
+    selectedTemplate === "chipList" && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { direction: "row", spacing: 1, children: chips.map((chip2, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        material.Chip,
+        {
+          label: chip2.stat,
+          sx: {
+            backgroundColor: chip2.chipColor,
+            color: "#fff",
+            fontWeight: "bold"
+          }
+        },
+        i
+      )) })
+    ] }),
+    children
+  ] });
+};
+exports.Stat = Stat;
+//# sourceMappingURL=Stat.cjs.map

package/components/Stat/Stat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.cjs","sources":["../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Chip, Stack, Typography, Box } from '@mui/material';\n\nexport interface StatChip {\n  stat: any;\n  chipColor: string;\n}\n\nexport interface StatProps {\n  stat: any; // Replace 'any' with the actual type of 'stat'\n  stat2?: any; // Replace 'any' with the actual type of'stat2'\n  label: string; // Replace 'any' with the actual type of'label'\n  color?: string;\n  chipColor?: string;\n  chips?: StatChip[]; // Replace 'any' with the actual type of'chips'\n  simple?: boolean;\n  chip?: boolean;\n  chipList?: boolean;\n  children?: React.ReactNode;\n  statDisplay?: (stat: any) => React.ReactNode;\n}\n\nexport const Stat: React.FC<StatProps> = ({\n  stat,\n  stat2,\n  label,\n  color = '#1469B8',\n  chipColor = '#1469B8',\n  chips = [],\n  simple = false,\n  chip = false,\n  chipList = false,\n  children,\n  statDisplay,\n}) => {\n  const selectedTemplate = useMemo(() => {\n    if (simple) return 'simple';\n    if (chip) return 'chip';\n    if (chipList) return 'chipList';\n    return 'default';\n  }, [simple, chip, chipList]);\n\n  const renderStatDisplay = () => {\n    return statDisplay ? statDisplay(stat) : <Typography variant=\"h6\">{stat}</Typography>;\n  };\n\n  return (\n    <>\n      {selectedTemplate === 'default' && (\n        <Box className=\"stat\">\n          <Typography variant=\"h4\" data-testid=\"selection-template-option-outlet\">\n            {renderStatDisplay()}\n          </Typography>\n          <Box className=\"stat__label\" display=\"flex\" alignItems=\"center\" gap={1}>\n            <Typography variant=\"body1\">{label}</Typography>\n            <Box\n              width={40}\n              height={4}\n              bgcolor={color}\n              data-testid=\"stat-border\"\n              borderRadius={2}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {selectedTemplate === 'simple' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Typography data-testid=\"selection-template-option-outlet\">\n            {renderStatDisplay()}\n          </Typography>\n          {stat2 && <Typography>{stat2}</Typography>}\n        </Stack>\n      )}\n\n      {selectedTemplate === 'chip' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Chip\n            data-testid=\"chip-template-option-outlet\"\n            label={renderStatDisplay()}\n            sx={{\n              backgroundColor: chipColor,\n              color: '#fff',\n              fontWeight: 'bold',\n            }}\n          />\n        </Stack>\n      )}\n\n      {selectedTemplate === 'chipList' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Stack direction=\"row\" spacing={1}>\n            {chips.map((chip, i) => (\n              <Chip\n                key={i}\n                label={chip.stat}\n                sx={{\n                  backgroundColor: chip.chipColor,\n                  color: '#fff',\n                  fontWeight: 'bold',\n                }}\n              />\n            ))}\n          </Stack>\n        </Stack>\n      )}\n\n      {/* Content projection (similar to ng-content) */}\n      {children}\n    </>\n  );\n};\n\nexport default Stat;"],"names":["useMemo","Typography","jsxs","Fragment","Box","jsx","Stack","Chip","chip"],"mappings":";;;;;;AAsBO,MAAM,OAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,QAAQ,CAAA;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAmBA,MAAAA,QAAQ,MAAM;AACrC,QAAI,OAAQ,QAAO;AACnB,QAAI,KAAM,QAAO;AACjB,QAAI,SAAU,QAAO;AACrB,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,MAAM,QAAQ,CAAC;AAE3B,QAAM,oBAAoB,MAAM;AAC9B,WAAO,cAAc,YAAY,IAAI,mCAAKC,qBAAA,EAAW,SAAQ,MAAM,UAAA,KAAA,CAAK;AAAA,EAC1E;AAEA,SACEC,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,IAAA,qBAAqB,aACpBD,gCAACE,SAAAA,KAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAAC,+BAACJ,SAAAA,cAAW,SAAQ,MAAK,eAAY,oCAClC,+BACH;AAAA,MACAC,2BAAAA,KAACE,SAAAA,OAAI,WAAU,eAAc,SAAQ,QAAO,YAAW,UAAS,KAAK,GACnE,UAAA;AAAA,QAAAC,2BAAAA,IAACJ,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,QACnCI,2BAAAA;AAAAA,UAACD,SAAAA;AAAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,eAAY;AAAA,YACZ,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGD,qBAAqB,YACpBF,gCAACI,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAD,2BAAAA,IAACJ,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnCI,2BAAAA,IAACJ,SAAAA,YAAA,EAAW,eAAY,oCACrB,+BACH;AAAA,MACC,SAASI,2BAAAA,IAACJ,SAAAA,YAAA,EAAY,UAAA,MAAA,CAAM;AAAA,IAAA,GAC/B;AAAA,IAGD,qBAAqB,UACpBC,gCAACI,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAD,2BAAAA,IAACJ,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnCI,2BAAAA;AAAAA,QAACE,SAAAA;AAAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,OAAO,kBAAA;AAAA,UACP,IAAI;AAAA,YACF,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAGD,qBAAqB,cACpBL,gCAACI,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAD,2BAAAA,IAACJ,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnCI,2BAAAA,IAACC,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAC7B,UAAA,MAAM,IAAI,CAACE,OAAM,MAChBH,2BAAAA;AAAAA,QAACE,SAAAA;AAAAA,QAAA;AAAA,UAEC,OAAOC,MAAK;AAAA,UACZ,IAAI;AAAA,YACF,iBAAiBA,MAAK;AAAA,YACtB,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QANK;AAAA,MAAA,CAQR,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAID;AAAA,EAAA,GACH;AAEJ;;"}

package/components/Stat/Stat.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface StatChip {
+    stat: any;
+    chipColor: string;
+}
+export interface StatProps {
+    stat: any;
+    stat2?: any;
+    label: string;
+    color?: string;
+    chipColor?: string;
+    chips?: StatChip[];
+    simple?: boolean;
+    chip?: boolean;
+    chipList?: boolean;
+    children?: React.ReactNode;
+    statDisplay?: (stat: any) => React.ReactNode;
+}
+export declare const Stat: React.FC<StatProps>;
+export default Stat;

package/components/Stat/Stat.js

@@ -0,0 +1,85 @@
+import "../../index.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Box, Typography, Stack, Chip } from "@mui/material";
+const Stat = ({
+  stat,
+  stat2,
+  label,
+  color = "#1469B8",
+  chipColor = "#1469B8",
+  chips = [],
+  simple = false,
+  chip = false,
+  chipList = false,
+  children,
+  statDisplay
+}) => {
+  const selectedTemplate = useMemo(() => {
+    if (simple) return "simple";
+    if (chip) return "chip";
+    if (chipList) return "chipList";
+    return "default";
+  }, [simple, chip, chipList]);
+  const renderStatDisplay = () => {
+    return statDisplay ? statDisplay(stat) : /* @__PURE__ */ jsx(Typography, { variant: "h6", children: stat });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    selectedTemplate === "default" && /* @__PURE__ */ jsxs(Box, { className: "stat", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h4", "data-testid": "selection-template-option-outlet", children: renderStatDisplay() }),
+      /* @__PURE__ */ jsxs(Box, { className: "stat__label", display: "flex", alignItems: "center", gap: 1, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            width: 40,
+            height: 4,
+            bgcolor: color,
+            "data-testid": "stat-border",
+            borderRadius: 2
+          }
+        )
+      ] })
+    ] }),
+    selectedTemplate === "simple" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsx(Typography, { "data-testid": "selection-template-option-outlet", children: renderStatDisplay() }),
+      stat2 && /* @__PURE__ */ jsx(Typography, { children: stat2 })
+    ] }),
+    selectedTemplate === "chip" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsx(
+        Chip,
+        {
+          "data-testid": "chip-template-option-outlet",
+          label: renderStatDisplay(),
+          sx: {
+            backgroundColor: chipColor,
+            color: "#fff",
+            fontWeight: "bold"
+          }
+        }
+      )
+    ] }),
+    selectedTemplate === "chipList" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
+      /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, children: chips.map((chip2, i) => /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: chip2.stat,
+          sx: {
+            backgroundColor: chip2.chipColor,
+            color: "#fff",
+            fontWeight: "bold"
+          }
+        },
+        i
+      )) })
+    ] }),
+    children
+  ] });
+};
+export {
+  Stat
+};
+//# sourceMappingURL=Stat.js.map

package/components/Stat/Stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.js","sources":["../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Chip, Stack, Typography, Box } from '@mui/material';\n\nexport interface StatChip {\n  stat: any;\n  chipColor: string;\n}\n\nexport interface StatProps {\n  stat: any; // Replace 'any' with the actual type of 'stat'\n  stat2?: any; // Replace 'any' with the actual type of'stat2'\n  label: string; // Replace 'any' with the actual type of'label'\n  color?: string;\n  chipColor?: string;\n  chips?: StatChip[]; // Replace 'any' with the actual type of'chips'\n  simple?: boolean;\n  chip?: boolean;\n  chipList?: boolean;\n  children?: React.ReactNode;\n  statDisplay?: (stat: any) => React.ReactNode;\n}\n\nexport const Stat: React.FC<StatProps> = ({\n  stat,\n  stat2,\n  label,\n  color = '#1469B8',\n  chipColor = '#1469B8',\n  chips = [],\n  simple = false,\n  chip = false,\n  chipList = false,\n  children,\n  statDisplay,\n}) => {\n  const selectedTemplate = useMemo(() => {\n    if (simple) return 'simple';\n    if (chip) return 'chip';\n    if (chipList) return 'chipList';\n    return 'default';\n  }, [simple, chip, chipList]);\n\n  const renderStatDisplay = () => {\n    return statDisplay ? statDisplay(stat) : <Typography variant=\"h6\">{stat}</Typography>;\n  };\n\n  return (\n    <>\n      {selectedTemplate === 'default' && (\n        <Box className=\"stat\">\n          <Typography variant=\"h4\" data-testid=\"selection-template-option-outlet\">\n            {renderStatDisplay()}\n          </Typography>\n          <Box className=\"stat__label\" display=\"flex\" alignItems=\"center\" gap={1}>\n            <Typography variant=\"body1\">{label}</Typography>\n            <Box\n              width={40}\n              height={4}\n              bgcolor={color}\n              data-testid=\"stat-border\"\n              borderRadius={2}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {selectedTemplate === 'simple' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Typography data-testid=\"selection-template-option-outlet\">\n            {renderStatDisplay()}\n          </Typography>\n          {stat2 && <Typography>{stat2}</Typography>}\n        </Stack>\n      )}\n\n      {selectedTemplate === 'chip' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Chip\n            data-testid=\"chip-template-option-outlet\"\n            label={renderStatDisplay()}\n            sx={{\n              backgroundColor: chipColor,\n              color: '#fff',\n              fontWeight: 'bold',\n            }}\n          />\n        </Stack>\n      )}\n\n      {selectedTemplate === 'chipList' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Stack direction=\"row\" spacing={1}>\n            {chips.map((chip, i) => (\n              <Chip\n                key={i}\n                label={chip.stat}\n                sx={{\n                  backgroundColor: chip.chipColor,\n                  color: '#fff',\n                  fontWeight: 'bold',\n                }}\n              />\n            ))}\n          </Stack>\n        </Stack>\n      )}\n\n      {/* Content projection (similar to ng-content) */}\n      {children}\n    </>\n  );\n};\n\nexport default Stat;"],"names":["chip"],"mappings":";;;;AAsBO,MAAM,OAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,QAAQ,CAAA;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,OAAQ,QAAO;AACnB,QAAI,KAAM,QAAO;AACjB,QAAI,SAAU,QAAO;AACrB,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,MAAM,QAAQ,CAAC;AAE3B,QAAM,oBAAoB,MAAM;AAC9B,WAAO,cAAc,YAAY,IAAI,wBAAK,YAAA,EAAW,SAAQ,MAAM,UAAA,KAAA,CAAK;AAAA,EAC1E;AAEA,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA,qBAAqB,aACpB,qBAAC,KAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAA,oBAAC,cAAW,SAAQ,MAAK,eAAY,oCAClC,+BACH;AAAA,MACA,qBAAC,OAAI,WAAU,eAAc,SAAQ,QAAO,YAAW,UAAS,KAAK,GACnE,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,QACnC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,eAAY;AAAA,YACZ,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGD,qBAAqB,YACpB,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnC,oBAAC,YAAA,EAAW,eAAY,oCACrB,+BACH;AAAA,MACC,SAAS,oBAAC,YAAA,EAAY,UAAA,MAAA,CAAM;AAAA,IAAA,GAC/B;AAAA,IAGD,qBAAqB,UACpB,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,OAAO,kBAAA;AAAA,UACP,IAAI;AAAA,YACF,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAGD,qBAAqB,cACpB,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnC,oBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAC7B,UAAA,MAAM,IAAI,CAACA,OAAM,MAChB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,OAAOA,MAAK;AAAA,UACZ,IAAI;AAAA,YACF,iBAAiBA,MAAK;AAAA,YACtB,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QANK;AAAA,MAAA,CAQR,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAID;AAAA,EAAA,GACH;AAEJ;"}

package/components/Stat/index.d.ts

@@ -0,0 +1 @@
+export { default as Stat } from './Stat';

package/components/Stat.d.ts

@@ -0,0 +1,2 @@
+export * from './Stat/index'
+export {}

package/components/Stepper/Step.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { StepProps as MuiStepProps } from '@mui/material';
+type PickMuiStepProps = Pick<MuiStepProps, "completed" | "disabled" | "sx" | "className">;
+export interface StepProps extends PickMuiStepProps {
+    label: React.ReactNode;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    sx?: object;
+    dotColor?: string;
+    activeDotColor?: string;
+    completedDotColor?: string;
+    iconTextColor?: string;
+}
+export declare const Step: {
+    (_: StepProps): null;
+    displayName: string;
+};
+export default Step;

package/components/Stepper/Stepper.cjs

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+const Stepper = ({
+  children,
+  orientation = "horizontal",
+  alternateLabel = false,
+  sx,
+  currentStep = 0
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Stepper, { activeStep: currentStep, orientation, alternativeLabel: alternateLabel, children: children.map((child, idx) => {
+      const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;
+      return /* @__PURE__ */ jsxRuntime.jsx(material.Step, { completed, disabled, className, sx: stepSx, children: /* @__PURE__ */ jsxRuntime.jsx(
+        material.StepLabel,
+        {
+          sx: {
+            pointerEvents: "none",
+            "& .MuiStepIcon-root": {
+              color: dotColor
+            },
+            "& .MuiStepIcon-active": {
+              color: activeDotColor
+            },
+            "& .MuiStepIcon-completed": {
+              color: completedDotColor
+            },
+            "& .MuiStepIcon-text": {
+              fill: iconTextColor
+            }
+          },
+          children: label
+        }
+      ) }, idx);
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, children: children.map(
+      (child, idx) => idx === currentStep ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: child.props.children }, idx) : null
+    ) })
+  ] });
+};
+const Step = (_) => null;
+Step.displayName = "Step";
+exports.Step = Step;
+exports.Stepper = Stepper;
+//# sourceMappingURL=Stepper.cjs.map

package/components/Stepper/Stepper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx","../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Stepper as MuiStepper, Step as MuiStep, StepLabel as MuiStepLabel, Box } from \"@mui/material\";\nimport { StepProps } from \"./Step\";\n\ninterface MyStepperProps {\n  children: ReactElement<StepProps>[];\n  orientation?: \"horizontal\" | \"vertical\";\n  sx?: object;\n  alternateLabel?: boolean;\n  currentStep?: number;\n}\n\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n\n  sx,\n  currentStep = 0,\n}) => {\n\n  return (\n    <Box sx={sx}>\n      <MuiStepper activeStep={currentStep} orientation={orientation} alternativeLabel={alternateLabel} >\n        {children.map((child, idx) => {\n          const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;\n          return (\n            <MuiStep key={idx} completed={completed} disabled={disabled} className={className} sx={stepSx}>\n              <MuiStepLabel sx={{\n                pointerEvents: 'none',\n                \"& .MuiStepIcon-root\": {\n                  color: dotColor,\n                },\n                \"& .MuiStepIcon-active\": {\n                  color: activeDotColor,\n                },\n                \"& .MuiStepIcon-completed\": {\n                  color: completedDotColor,\n                },\n                \"& .MuiStepIcon-text\": {\n                  fill: iconTextColor,\n                },\n              }}\n              >{label}\n              </MuiStepLabel>\n            </MuiStep>\n          );\n        })}\n      </MuiStepper>\n      <Box mt={2}>\n        {children.map((child, idx) =>\n          idx === currentStep ? <Box key={idx}>{child.props.children}</Box> : null\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Stepper;","import React from \"react\";\nimport { StepProps as MuiStepProps } from \"@mui/material\";\n\ntype PickMuiStepProps = Pick<MuiStepProps, \"completed\" | \"disabled\" | \"sx\" | \"className\">;\n\nexport interface StepProps extends PickMuiStepProps {\n  label: React.ReactNode;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  sx?: object;\n  dotColor?: string;          // dot base\n  activeDotColor?: string;    // dot activa\n  completedDotColor?: string; // dot completada\n  iconTextColor?: string;     // número o check dentro\n}\n\nexport const Step = (_: StepProps): null => null;\n\nStep.displayName = \"Step\";\n\nexport default Step;"],"names":["jsxs","Box","jsx","MuiStepper","MuiStep","MuiStepLabel"],"mappings":";;;;AAYO,MAAM,UAAoC,CAAC;AAAA,EAChD;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AAAA,EAEjB;AAAA,EACA,cAAc;AAChB,MAAM;AAEJ,SACEA,gCAACC,SAAAA,OAAI,IACH,UAAA;AAAA,IAAAC,2BAAAA,IAACC,SAAAA,SAAA,EAAW,YAAY,aAAa,aAA0B,kBAAkB,gBAC9E,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,YAAM,EAAE,OAAO,WAAW,UAAU,WAAW,IAAI,QAAQ,UAAU,gBAAgB,mBAAmB,cAAA,IAAkB,MAAM;AAChI,4CACGC,eAAA,EAAkB,WAAsB,UAAoB,WAAsB,IAAI,QACrF,UAAAF,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA;AAAA,UAAa,IAAI;AAAA,YAChB,eAAe;AAAA,YACf,uBAAuB;AAAA,cACrB,OAAO;AAAA,YAAA;AAAA,YAET,yBAAyB;AAAA,cACvB,OAAO;AAAA,YAAA;AAAA,YAET,4BAA4B;AAAA,cAC1B,OAAO;AAAA,YAAA;AAAA,YAET,uBAAuB;AAAA,cACrB,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UAEA,UAAA;AAAA,QAAA;AAAA,MAAA,KAhBU,GAkBd;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IACAH,2BAAAA,IAACD,SAAAA,KAAA,EAAI,IAAI,GACN,UAAA,SAAS;AAAA,MAAI,CAAC,OAAO,QACpB,QAAQ,cAAcC,2BAAAA,IAACD,SAAAA,KAAA,EAAe,UAAA,MAAM,MAAM,SAAA,GAAlB,GAA2B,IAAS;AAAA,IAAA,EACtE,CACF;AAAA,EAAA,GACF;AAEJ;ACxCO,MAAM,OAAO,CAAC,MAAuB;AAE5C,KAAK,cAAc;;;"}

package/components/Stepper/Stepper.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ReactElement } from 'react';
+import { StepProps } from './Step';
+interface MyStepperProps {
+    children: ReactElement<StepProps>[];
+    orientation?: "horizontal" | "vertical";
+    sx?: object;
+    alternateLabel?: boolean;
+    currentStep?: number;
+}
+export declare const Stepper: React.FC<MyStepperProps>;
+export default Stepper;

package/components/Stepper/Stepper.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Box, Stepper as Stepper$1, Step as Step$1, StepLabel } from "@mui/material";
+const Stepper = ({
+  children,
+  orientation = "horizontal",
+  alternateLabel = false,
+  sx,
+  currentStep = 0
+}) => {
+  return /* @__PURE__ */ jsxs(Box, { sx, children: [
+    /* @__PURE__ */ jsx(Stepper$1, { activeStep: currentStep, orientation, alternativeLabel: alternateLabel, children: children.map((child, idx) => {
+      const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;
+      return /* @__PURE__ */ jsx(Step$1, { completed, disabled, className, sx: stepSx, children: /* @__PURE__ */ jsx(
+        StepLabel,
+        {
+          sx: {
+            pointerEvents: "none",
+            "& .MuiStepIcon-root": {
+              color: dotColor
+            },
+            "& .MuiStepIcon-active": {
+              color: activeDotColor
+            },
+            "& .MuiStepIcon-completed": {
+              color: completedDotColor
+            },
+            "& .MuiStepIcon-text": {
+              fill: iconTextColor
+            }
+          },
+          children: label
+        }
+      ) }, idx);
+    }) }),
+    /* @__PURE__ */ jsx(Box, { mt: 2, children: children.map(
+      (child, idx) => idx === currentStep ? /* @__PURE__ */ jsx(Box, { children: child.props.children }, idx) : null
+    ) })
+  ] });
+};
+const Step = (_) => null;
+Step.displayName = "Step";
+export {
+  Step,
+  Stepper
+};
+//# sourceMappingURL=Stepper.js.map

package/components/Stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx","../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Stepper as MuiStepper, Step as MuiStep, StepLabel as MuiStepLabel, Box } from \"@mui/material\";\nimport { StepProps } from \"./Step\";\n\ninterface MyStepperProps {\n  children: ReactElement<StepProps>[];\n  orientation?: \"horizontal\" | \"vertical\";\n  sx?: object;\n  alternateLabel?: boolean;\n  currentStep?: number;\n}\n\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n\n  sx,\n  currentStep = 0,\n}) => {\n\n  return (\n    <Box sx={sx}>\n      <MuiStepper activeStep={currentStep} orientation={orientation} alternativeLabel={alternateLabel} >\n        {children.map((child, idx) => {\n          const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;\n          return (\n            <MuiStep key={idx} completed={completed} disabled={disabled} className={className} sx={stepSx}>\n              <MuiStepLabel sx={{\n                pointerEvents: 'none',\n                \"& .MuiStepIcon-root\": {\n                  color: dotColor,\n                },\n                \"& .MuiStepIcon-active\": {\n                  color: activeDotColor,\n                },\n                \"& .MuiStepIcon-completed\": {\n                  color: completedDotColor,\n                },\n                \"& .MuiStepIcon-text\": {\n                  fill: iconTextColor,\n                },\n              }}\n              >{label}\n              </MuiStepLabel>\n            </MuiStep>\n          );\n        })}\n      </MuiStepper>\n      <Box mt={2}>\n        {children.map((child, idx) =>\n          idx === currentStep ? <Box key={idx}>{child.props.children}</Box> : null\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Stepper;","import React from \"react\";\nimport { StepProps as MuiStepProps } from \"@mui/material\";\n\ntype PickMuiStepProps = Pick<MuiStepProps, \"completed\" | \"disabled\" | \"sx\" | \"className\">;\n\nexport interface StepProps extends PickMuiStepProps {\n  label: React.ReactNode;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  sx?: object;\n  dotColor?: string;          // dot base\n  activeDotColor?: string;    // dot activa\n  completedDotColor?: string; // dot completada\n  iconTextColor?: string;     // número o check dentro\n}\n\nexport const Step = (_: StepProps): null => null;\n\nStep.displayName = \"Step\";\n\nexport default Step;"],"names":["MuiStepper","MuiStep","MuiStepLabel"],"mappings":";;AAYO,MAAM,UAAoC,CAAC;AAAA,EAChD;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AAAA,EAEjB;AAAA,EACA,cAAc;AAChB,MAAM;AAEJ,SACE,qBAAC,OAAI,IACH,UAAA;AAAA,IAAA,oBAACA,WAAA,EAAW,YAAY,aAAa,aAA0B,kBAAkB,gBAC9E,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,YAAM,EAAE,OAAO,WAAW,UAAU,WAAW,IAAI,QAAQ,UAAU,gBAAgB,mBAAmB,cAAA,IAAkB,MAAM;AAChI,iCACGC,QAAA,EAAkB,WAAsB,UAAoB,WAAsB,IAAI,QACrF,UAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UAAa,IAAI;AAAA,YAChB,eAAe;AAAA,YACf,uBAAuB;AAAA,cACrB,OAAO;AAAA,YAAA;AAAA,YAET,yBAAyB;AAAA,cACvB,OAAO;AAAA,YAAA;AAAA,YAET,4BAA4B;AAAA,cAC1B,OAAO;AAAA,YAAA;AAAA,YAET,uBAAuB;AAAA,cACrB,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UAEA,UAAA;AAAA,QAAA;AAAA,MAAA,KAhBU,GAkBd;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IACA,oBAAC,KAAA,EAAI,IAAI,GACN,UAAA,SAAS;AAAA,MAAI,CAAC,OAAO,QACpB,QAAQ,cAAc,oBAAC,KAAA,EAAe,UAAA,MAAM,MAAM,SAAA,GAAlB,GAA2B,IAAS;AAAA,IAAA,EACtE,CACF;AAAA,EAAA,GACF;AAEJ;ACxCO,MAAM,OAAO,CAAC,MAAuB;AAE5C,KAAK,cAAc;"}

package/components/Stepper.d.ts

@@ -0,0 +1,2 @@
+export * from './Stepper/index'
+export {}