@soyfri/shared-library 1.3.7 → 1.3.9

package/components/Tabs/Tabs.cjs

@@ -0,0 +1,96 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const TAB_DISPLAY_MAP = {
+  horizontal: { display: "flex", flexDirection: "column" },
+  vertical: { display: "flex", flexDirection: "row" }
+};
+const Tabs = ({
+  children,
+  defaultValue,
+  onChange,
+  centered = true,
+  orientation = "horizontal",
+  scrollButtons = "auto",
+  variant = "standard",
+  indicatorColor = "primary",
+  labelColor = "primary",
+  className,
+  onChangeValue,
+  allowScrollButtonsMobile = true,
+  sx
+}) => {
+  var _a, _b;
+  const firstValue = (_a = children[0]) == null ? void 0 : _a.props.value;
+  const [currentValue, setCurrentValue] = React.useState(
+    (_b = defaultValue != null ? defaultValue : firstValue) != null ? _b : 0
+  );
+  const handleChange = (event, newValue) => {
+    setCurrentValue(newValue);
+    onChange == null ? void 0 : onChange();
+    onChangeValue == null ? void 0 : onChangeValue(newValue);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: TAB_DISPLAY_MAP[orientation].display, flexDirection: TAB_DISPLAY_MAP[orientation].flexDirection }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Tabs,
+      {
+        value: currentValue,
+        onChange: handleChange,
+        centered,
+        indicatorColor,
+        orientation,
+        scrollButtons,
+        variant,
+        className,
+        textColor: labelColor,
+        sx: __spreadValues({}, sx),
+        allowScrollButtonsMobile,
+        children: children.map((child, idx) => {
+          const { label, icon, value = idx, disabled, wrapped, iconPosition, className: tabClassName, sx: tabSx } = child.props;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            material.Tab,
+            {
+              label,
+              icon,
+              value,
+              disabled,
+              wrapped,
+              iconPosition,
+              className: tabClassName,
+              sx: tabSx
+            },
+            value
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { m: 2, role: "tabpanel", sx: { width: "100%" }, children: children.map((child, idx) => {
+      var _a2;
+      const value = (_a2 = child.props.value) != null ? _a2 : idx;
+      return value === currentValue ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: child.props.children }, value) : null;
+    }) })
+  ] });
+};
+const Tab = (_) => null;
+Tab.displayName = "Tab";
+exports.Tab = Tab;
+exports.Tabs = Tabs;
+//# sourceMappingURL=Tabs.cjs.map

package/components/Tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","sources":["../../../src/components/Tabs/_tabUtils.tsx","../../../src/components/Tabs/Tabs.tsx","../../../src/components/Tabs/Tab.tsx"],"sourcesContent":["export const TAB_DISPLAY_MAP: Record<\"horizontal\" | \"vertical\", { display: string, flexDirection: string }> = {\n  horizontal: { display: \"flex\", flexDirection: \"column\" },\n  vertical: { display: \"flex\", flexDirection: \"row\" }\n};","import React, { useState, ReactElement } from \"react\";\nimport { Tabs as MuiTabs, Tab as MuiTab, Box, TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { TabProps } from \"./Tab\";\nimport { TAB_DISPLAY_MAP } from \"./_tabUtils\";\n\ntype PickTabsProps = Pick<\n  MuiTabsProps,\n  \"centered\" | \"indicatorColor\" | \"orientation\" | \"scrollButtons\" | \"variant\" | \"className\" | \"sx\" | \"visibleScrollbar\" | 'indicatorColor'| 'allowScrollButtonsMobile'\n>;\n\ninterface MyTabsProps extends PickTabsProps {\n  children: ReactElement<TabProps>[];\n  defaultValue?: number;\n  onChange?: () => void;\n  centered?: boolean;\n  orientation?: \"horizontal\" | \"vertical\";\n  scrollButtons?: \"auto\" | false | true;\n  variant?: \"standard\" | \"scrollable\" | \"fullWidth\";\n  indicatorColor?: \"primary\" | \"secondary\";\n  labelColor?: \"primary\" | \"secondary\" | \"inherit\";\n  onChangeValue?: (newValue: number) => void;\n  allowScrollButtonsMobile?: boolean;\n}\n\nexport const Tabs: React.FC<MyTabsProps> = ({\n  children,\n  defaultValue,\n  onChange,\n  centered = true,\n  orientation = 'horizontal',\n  scrollButtons = \"auto\",\n  variant = \"standard\",\n  indicatorColor = \"primary\",\n  labelColor = \"primary\",\n  className,\n  onChangeValue,\n  allowScrollButtonsMobile = true,\n  sx,\n}) => {\n  const firstValue = children[0]?.props.value;\n  const [currentValue, setCurrentValue] = useState<string | number>(\n    defaultValue ?? firstValue ?? 0\n  );\n\n  const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n    setCurrentValue(newValue);\n    onChange?.();\n    onChangeValue?.(newValue);\n  };\n\n  return (\n    <Box sx={{ display: TAB_DISPLAY_MAP[orientation].display, flexDirection: TAB_DISPLAY_MAP[orientation].flexDirection}}>\n      <MuiTabs\n        value={currentValue}\n        onChange={handleChange}\n        centered={centered}\n        indicatorColor={indicatorColor}\n        orientation={orientation}\n        scrollButtons={scrollButtons}\n        variant={variant}\n        className={className}\n        textColor={labelColor}\n        sx={{ ...sx }}\n        allowScrollButtonsMobile={allowScrollButtonsMobile}\n        \n\n      >\n        {children.map((child, idx) => {\n          const { label, icon, value = idx, disabled, wrapped, iconPosition, className: tabClassName, sx: tabSx } = child.props;\n          return (\n            <MuiTab\n              key={value}\n              label={label}\n              icon={icon}\n              value={value}\n              disabled={disabled}\n              wrapped={wrapped}\n              iconPosition={iconPosition}\n              className={tabClassName}\n              sx={tabSx}\n            />\n          );\n        })}\n      </MuiTabs>\n\n      <Box m={2} role=\"tabpanel\" sx={{width:'100%'}} >\n        {children.map((child, idx) => {\n          const value = child.props.value ?? idx;\n          return value === currentValue ? (\n            <Box key={value}>{child.props.children}</Box>\n          ) : null;\n        })}\n      </Box>\n    </Box>\n\n  );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { TabProps as MuiTabProps } from \"@mui/material\";\n\ntype PickMuiTabProps = Pick<\n  MuiTabProps,\n  \"label\" | \"icon\" | \"disabled\" | \"sx\" | \"value\" | \"wrapped\" | \"iconPosition\" | \"className\" | \"disabled\"| 'disableRipple'\n>;\n\nexport interface TabProps extends PickMuiTabProps {\n  value?: number;\n  onChange?: () => void;\n  children?: React.ReactNode;\n}\n\nexport const Tab = (_: TabProps): null => null;\n\nTab.displayName = \"Tab\";\n\nexport default Tab;\n"],"names":["useState","jsxs","Box","jsx","MuiTabs","MuiTab","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAO,MAAM,kBAAiG;AAAA,EAC5G,YAAY,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,EAC9C,UAAU,EAAE,SAAS,QAAQ,eAAe,MAAA;AAC9C;ACqBO,MAAM,OAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B;AACF,MAAM;;AACJ,QAAM,cAAa,cAAS,CAAC,MAAV,mBAAa,MAAM;AACtC,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA;AAAAA,KACtC,2CAAgB,eAAhB,YAA8B;AAAA,EAAA;AAGhC,QAAM,eAAe,CAAC,OAA6B,aAAqB;AACtE,oBAAgB,QAAQ;AACxB;AACA,mDAAgB;AAAA,EAClB;AAEA,SACEC,2BAAAA,KAACC,SAAAA,KAAA,EAAI,IAAI,EAAE,SAAS,gBAAgB,WAAW,EAAE,SAAS,eAAe,gBAAgB,WAAW,EAAE,iBACpG,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,IAAI,mBAAK;AAAA,QACT;AAAA,QAIC,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,gBAAM,EAAE,OAAO,MAAM,QAAQ,KAAK,UAAU,SAAS,cAAc,WAAW,cAAc,IAAI,MAAA,IAAU,MAAM;AAChH,iBACED,2BAAAA;AAAAA,YAACE,SAAAA;AAAAA,YAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,IAAI;AAAA,YAAA;AAAA,YARC;AAAA,UAAA;AAAA,QAWX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHF,2BAAAA,IAACD,SAAAA,KAAA,EAAI,GAAG,GAAG,MAAK,YAAW,IAAI,EAAC,OAAM,UACnC,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;;AAC5B,YAAM,SAAQI,MAAA,MAAM,MAAM,UAAZ,OAAAA,MAAqB;AACnC,aAAO,UAAU,eACfH,2BAAAA,IAACD,SAAAA,KAAA,EAAiB,gBAAM,MAAM,YAApB,KAA6B,IACrC;AAAA,IACN,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAGJ;AClFO,MAAM,MAAM,CAAC,MAAsB;AAE1C,IAAI,cAAc;;;"}

package/components/Tabs/Tabs.d.ts

@@ -0,0 +1,19 @@
+import { default as React, ReactElement } from 'react';
+import { TabsProps as MuiTabsProps } from '@mui/material';
+import { TabProps } from './Tab';
+type PickTabsProps = Pick<MuiTabsProps, "centered" | "indicatorColor" | "orientation" | "scrollButtons" | "variant" | "className" | "sx" | "visibleScrollbar" | 'indicatorColor' | 'allowScrollButtonsMobile'>;
+interface MyTabsProps extends PickTabsProps {
+    children: ReactElement<TabProps>[];
+    defaultValue?: number;
+    onChange?: () => void;
+    centered?: boolean;
+    orientation?: "horizontal" | "vertical";
+    scrollButtons?: "auto" | false | true;
+    variant?: "standard" | "scrollable" | "fullWidth";
+    indicatorColor?: "primary" | "secondary";
+    labelColor?: "primary" | "secondary" | "inherit";
+    onChangeValue?: (newValue: number) => void;
+    allowScrollButtonsMobile?: boolean;
+}
+export declare const Tabs: React.FC<MyTabsProps>;
+export default Tabs;

package/components/Tabs/Tabs.js

@@ -0,0 +1,96 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Tabs as Tabs$1, Tab as Tab$1 } from "@mui/material";
+const TAB_DISPLAY_MAP = {
+  horizontal: { display: "flex", flexDirection: "column" },
+  vertical: { display: "flex", flexDirection: "row" }
+};
+const Tabs = ({
+  children,
+  defaultValue,
+  onChange,
+  centered = true,
+  orientation = "horizontal",
+  scrollButtons = "auto",
+  variant = "standard",
+  indicatorColor = "primary",
+  labelColor = "primary",
+  className,
+  onChangeValue,
+  allowScrollButtonsMobile = true,
+  sx
+}) => {
+  var _a, _b;
+  const firstValue = (_a = children[0]) == null ? void 0 : _a.props.value;
+  const [currentValue, setCurrentValue] = useState(
+    (_b = defaultValue != null ? defaultValue : firstValue) != null ? _b : 0
+  );
+  const handleChange = (event, newValue) => {
+    setCurrentValue(newValue);
+    onChange == null ? void 0 : onChange();
+    onChangeValue == null ? void 0 : onChangeValue(newValue);
+  };
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: TAB_DISPLAY_MAP[orientation].display, flexDirection: TAB_DISPLAY_MAP[orientation].flexDirection }, children: [
+    /* @__PURE__ */ jsx(
+      Tabs$1,
+      {
+        value: currentValue,
+        onChange: handleChange,
+        centered,
+        indicatorColor,
+        orientation,
+        scrollButtons,
+        variant,
+        className,
+        textColor: labelColor,
+        sx: __spreadValues({}, sx),
+        allowScrollButtonsMobile,
+        children: children.map((child, idx) => {
+          const { label, icon, value = idx, disabled, wrapped, iconPosition, className: tabClassName, sx: tabSx } = child.props;
+          return /* @__PURE__ */ jsx(
+            Tab$1,
+            {
+              label,
+              icon,
+              value,
+              disabled,
+              wrapped,
+              iconPosition,
+              className: tabClassName,
+              sx: tabSx
+            },
+            value
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { m: 2, role: "tabpanel", sx: { width: "100%" }, children: children.map((child, idx) => {
+      var _a2;
+      const value = (_a2 = child.props.value) != null ? _a2 : idx;
+      return value === currentValue ? /* @__PURE__ */ jsx(Box, { children: child.props.children }, value) : null;
+    }) })
+  ] });
+};
+const Tab = (_) => null;
+Tab.displayName = "Tab";
+export {
+  Tab,
+  Tabs
+};
+//# sourceMappingURL=Tabs.js.map

package/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/_tabUtils.tsx","../../../src/components/Tabs/Tabs.tsx","../../../src/components/Tabs/Tab.tsx"],"sourcesContent":["export const TAB_DISPLAY_MAP: Record<\"horizontal\" | \"vertical\", { display: string, flexDirection: string }> = {\n  horizontal: { display: \"flex\", flexDirection: \"column\" },\n  vertical: { display: \"flex\", flexDirection: \"row\" }\n};","import React, { useState, ReactElement } from \"react\";\nimport { Tabs as MuiTabs, Tab as MuiTab, Box, TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { TabProps } from \"./Tab\";\nimport { TAB_DISPLAY_MAP } from \"./_tabUtils\";\n\ntype PickTabsProps = Pick<\n  MuiTabsProps,\n  \"centered\" | \"indicatorColor\" | \"orientation\" | \"scrollButtons\" | \"variant\" | \"className\" | \"sx\" | \"visibleScrollbar\" | 'indicatorColor'| 'allowScrollButtonsMobile'\n>;\n\ninterface MyTabsProps extends PickTabsProps {\n  children: ReactElement<TabProps>[];\n  defaultValue?: number;\n  onChange?: () => void;\n  centered?: boolean;\n  orientation?: \"horizontal\" | \"vertical\";\n  scrollButtons?: \"auto\" | false | true;\n  variant?: \"standard\" | \"scrollable\" | \"fullWidth\";\n  indicatorColor?: \"primary\" | \"secondary\";\n  labelColor?: \"primary\" | \"secondary\" | \"inherit\";\n  onChangeValue?: (newValue: number) => void;\n  allowScrollButtonsMobile?: boolean;\n}\n\nexport const Tabs: React.FC<MyTabsProps> = ({\n  children,\n  defaultValue,\n  onChange,\n  centered = true,\n  orientation = 'horizontal',\n  scrollButtons = \"auto\",\n  variant = \"standard\",\n  indicatorColor = \"primary\",\n  labelColor = \"primary\",\n  className,\n  onChangeValue,\n  allowScrollButtonsMobile = true,\n  sx,\n}) => {\n  const firstValue = children[0]?.props.value;\n  const [currentValue, setCurrentValue] = useState<string | number>(\n    defaultValue ?? firstValue ?? 0\n  );\n\n  const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n    setCurrentValue(newValue);\n    onChange?.();\n    onChangeValue?.(newValue);\n  };\n\n  return (\n    <Box sx={{ display: TAB_DISPLAY_MAP[orientation].display, flexDirection: TAB_DISPLAY_MAP[orientation].flexDirection}}>\n      <MuiTabs\n        value={currentValue}\n        onChange={handleChange}\n        centered={centered}\n        indicatorColor={indicatorColor}\n        orientation={orientation}\n        scrollButtons={scrollButtons}\n        variant={variant}\n        className={className}\n        textColor={labelColor}\n        sx={{ ...sx }}\n        allowScrollButtonsMobile={allowScrollButtonsMobile}\n        \n\n      >\n        {children.map((child, idx) => {\n          const { label, icon, value = idx, disabled, wrapped, iconPosition, className: tabClassName, sx: tabSx } = child.props;\n          return (\n            <MuiTab\n              key={value}\n              label={label}\n              icon={icon}\n              value={value}\n              disabled={disabled}\n              wrapped={wrapped}\n              iconPosition={iconPosition}\n              className={tabClassName}\n              sx={tabSx}\n            />\n          );\n        })}\n      </MuiTabs>\n\n      <Box m={2} role=\"tabpanel\" sx={{width:'100%'}} >\n        {children.map((child, idx) => {\n          const value = child.props.value ?? idx;\n          return value === currentValue ? (\n            <Box key={value}>{child.props.children}</Box>\n          ) : null;\n        })}\n      </Box>\n    </Box>\n\n  );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { TabProps as MuiTabProps } from \"@mui/material\";\n\ntype PickMuiTabProps = Pick<\n  MuiTabProps,\n  \"label\" | \"icon\" | \"disabled\" | \"sx\" | \"value\" | \"wrapped\" | \"iconPosition\" | \"className\" | \"disabled\"| 'disableRipple'\n>;\n\nexport interface TabProps extends PickMuiTabProps {\n  value?: number;\n  onChange?: () => void;\n  children?: React.ReactNode;\n}\n\nexport const Tab = (_: TabProps): null => null;\n\nTab.displayName = \"Tab\";\n\nexport default Tab;\n"],"names":["MuiTabs","MuiTab","_a"],"mappings":";;;;;;;;;;;;;;;;;;;AAAO,MAAM,kBAAiG;AAAA,EAC5G,YAAY,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,EAC9C,UAAU,EAAE,SAAS,QAAQ,eAAe,MAAA;AAC9C;ACqBO,MAAM,OAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B;AACF,MAAM;;AACJ,QAAM,cAAa,cAAS,CAAC,MAAV,mBAAa,MAAM;AACtC,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,KACtC,2CAAgB,eAAhB,YAA8B;AAAA,EAAA;AAGhC,QAAM,eAAe,CAAC,OAA6B,aAAqB;AACtE,oBAAgB,QAAQ;AACxB;AACA,mDAAgB;AAAA,EAClB;AAEA,SACE,qBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,gBAAgB,WAAW,EAAE,SAAS,eAAe,gBAAgB,WAAW,EAAE,iBACpG,UAAA;AAAA,IAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,IAAI,mBAAK;AAAA,QACT;AAAA,QAIC,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,gBAAM,EAAE,OAAO,MAAM,QAAQ,KAAK,UAAU,SAAS,cAAc,WAAW,cAAc,IAAI,MAAA,IAAU,MAAM;AAChH,iBACE;AAAA,YAACC;AAAAA,YAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,IAAI;AAAA,YAAA;AAAA,YARC;AAAA,UAAA;AAAA,QAWX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,oBAAC,KAAA,EAAI,GAAG,GAAG,MAAK,YAAW,IAAI,EAAC,OAAM,UACnC,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;;AAC5B,YAAM,SAAQC,MAAA,MAAM,MAAM,UAAZ,OAAAA,MAAqB;AACnC,aAAO,UAAU,eACf,oBAAC,KAAA,EAAiB,gBAAM,MAAM,YAApB,KAA6B,IACrC;AAAA,IACN,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAGJ;AClFO,MAAM,MAAM,CAAC,MAAsB;AAE1C,IAAI,cAAc;"}

package/components/Tabs.d.ts

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

package/components/Timeline/Timeline.cjs

@@ -0,0 +1,85 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const MuiTimeline = require("@mui/lab/Timeline");
+const MuiTimelineItem = require("@mui/lab/TimelineItem");
+const MuiTimelineSeparator = require("@mui/lab/TimelineSeparator");
+const MuiTimelineConnector = require("@mui/lab/TimelineConnector");
+const MuiTimelineContent = require("@mui/lab/TimelineContent");
+const MuiTimelineDot = require("@mui/lab/TimelineDot");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const Timeline = ({ children, position = "right", sx }) => {
+  const count = React__namespace.Children.count(children);
+  const customSx = position === "left" || position === "right" ? __spreadValues({
+    [`& .${MuiTimelineItem.timelineItemClasses.root}:before`]: {
+      flex: 0,
+      padding: 0
+    }
+  }, sx) : sx;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MuiTimeline,
+    {
+      position,
+      sx: __spreadValues({}, customSx),
+      children: React__namespace.Children.map(
+        children,
+        (child, idx) => {
+          var _a;
+          return React__namespace.isValidElement(child) ? React__namespace.cloneElement(child, {
+            connectorColor: idx < count - 1 ? (_a = child.props.connectorColor) != null ? _a : "gray.main" : void 0
+          }) : null;
+        }
+      )
+    }
+  );
+};
+const TimelineItem = ({
+  dotColor = "grey",
+  connectorColor,
+  children
+}) => {
+  const color = connectorColor ? `${connectorColor}.main` : "secondary.main";
+  return /* @__PURE__ */ jsxRuntime.jsxs(MuiTimelineItem, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(MuiTimelineSeparator, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineDot, { color: dotColor }),
+      connectorColor !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineConnector, { sx: { bgcolor: color } })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineContent, { children })
+  ] });
+};
+exports.Timeline = Timeline;
+exports.TimelineItem = TimelineItem;
+//# sourceMappingURL=Timeline.cjs.map

package/components/Timeline/Timeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.cjs","sources":["../../../src/components/Timeline/Timeline.tsx","../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport MuiTimeline from \"@mui/lab/Timeline\";\nimport { timelineContentClasses } from \"@mui/lab/TimelineContent\";\nimport { timelineItemClasses, TimelineItemProps as MuiTimelineItemProps } from \"@mui/lab/TimelineItem\";\nimport { Box } from \"@mui/material\";\n\ninterface TimelineItemProps extends MuiTimelineItemProps {\n  connectorColor?: string;\n  sx?: object;\n}\n\ninterface TimelineProps {\n  children: React.ReactElement<TimelineItemProps>[];\n  position?: \"left\" | \"right\" | 'alternate' | 'alternate-reverse' ;\n  sx?: object;\n}\n\nexport const Timeline: React.FC<TimelineProps> = ({ children, position = \"right\", sx }) => {\n  const count = React.Children.count(children);\n\n    const customSx = (position === \"left\" || position === \"right\")\n    ? {\n        [`& .${timelineItemClasses.root}:before`]: {\n          flex: 0,\n          padding: 0,\n        },\n        ...sx,\n      }\n    : sx;\n    \n  return (\n    <MuiTimeline position={position}\n      sx={{...customSx}}\n      >\n      {React.Children.map(children, (child, idx) =>\n        React.isValidElement(child)\n          ? React.cloneElement(child, {\n            connectorColor: idx < count - 1\n              ? child.props.connectorColor ?? 'gray.main'\n              : undefined,\n          })\n          : null\n      )}\n    </MuiTimeline>\n\n  );\n};\n\nexport default Timeline;","\nimport MuiTimelineItem from \"@mui/lab/TimelineItem\";\nimport MuiTimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport MuiTimelineConnector from \"@mui/lab/TimelineConnector\";\nimport MuiTimelineContent from \"@mui/lab/TimelineContent\";\nimport MuiTimelineDot from \"@mui/lab/TimelineDot\";\n\nexport interface TimelineItemProps {\n  dotColor?: 'primary' | 'secondary' | 'grey' | 'inherit' | 'success' | 'error' | 'info' | 'warning';\n  connectorColor?: 'success' | 'error' | 'info' | 'warning' | 'primary' | 'secondary' | 'grey';\n  children: React.ReactNode;\n}\n\nexport const TimelineItem: React.FC<TimelineItemProps> = ({\n  dotColor = 'grey',\n  connectorColor,\n  children\n}) => {\n  const color = connectorColor ? `${connectorColor}.main` : 'secondary.main';\n  return (\n    <MuiTimelineItem>\n      <MuiTimelineSeparator>\n        <MuiTimelineDot color={dotColor} />\n        {connectorColor !== undefined && <MuiTimelineConnector sx={{ bgcolor: color }} />}\n      </MuiTimelineSeparator>\n      <MuiTimelineContent>{children}</MuiTimelineContent>\n    </MuiTimelineItem>\n  );\n};\n\nexport default TimelineItem"],"names":["React","timelineItemClasses","jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAM,WAAoC,CAAC,EAAE,UAAU,WAAW,SAAS,SAAS;AACzF,QAAM,QAAQA,iBAAM,SAAS,MAAM,QAAQ;AAEzC,QAAM,WAAY,aAAa,UAAU,aAAa,UACpD;AAAA,IACE,CAAC,MAAMC,gBAAAA,oBAAoB,IAAI,SAAS,GAAG;AAAA,MACzC,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,KAER,MAEL;AAEJ,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAAY;AAAA,MACX,IAAI,mBAAI;AAAA,MAEP,2BAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,OAAO,QAAA;;AACpCF,kCAAM,eAAe,KAAK,IACtBA,iBAAM,aAAa,OAAO;AAAA,YAC1B,gBAAgB,MAAM,QAAQ,KAC1B,WAAM,MAAM,mBAAZ,YAA8B,cAC9B;AAAA,UAAA,CACL,IACC;AAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIN;ACjCO,MAAM,eAA4C,CAAC;AAAA,EACxD,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,iBAAiB,GAAG,cAAc,UAAU;AAC1D,yCACG,iBAAA,EACC,UAAA;AAAA,IAAAG,gCAAC,sBAAA,EACC,UAAA;AAAA,MAAAD,2BAAAA,IAAC,gBAAA,EAAe,OAAO,SAAA,CAAU;AAAA,MAChC,mBAAmB,UAAaA,2BAAAA,IAAC,sBAAA,EAAqB,IAAI,EAAE,SAAS,QAAM,CAAG;AAAA,IAAA,GACjF;AAAA,IACAA,+BAAC,sBAAoB,SAAA,CAAS;AAAA,EAAA,GAChC;AAEJ;;;"}

package/components/Timeline/Timeline.d.ts

@@ -0,0 +1,13 @@
+import { TimelineItemProps as MuiTimelineItemProps } from '@mui/lab/TimelineItem';
+import * as React from "react";
+interface TimelineItemProps extends MuiTimelineItemProps {
+    connectorColor?: string;
+    sx?: object;
+}
+interface TimelineProps {
+    children: React.ReactElement<TimelineItemProps>[];
+    position?: "left" | "right" | 'alternate' | 'alternate-reverse';
+    sx?: object;
+}
+export declare const Timeline: React.FC<TimelineProps>;
+export default Timeline;

package/components/Timeline/Timeline.js

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import MuiTimeline from "@mui/lab/Timeline";
+import MuiTimelineItem, { timelineItemClasses } from "@mui/lab/TimelineItem";
+import MuiTimelineSeparator from "@mui/lab/TimelineSeparator";
+import MuiTimelineConnector from "@mui/lab/TimelineConnector";
+import MuiTimelineContent from "@mui/lab/TimelineContent";
+import MuiTimelineDot from "@mui/lab/TimelineDot";
+const Timeline = ({ children, position = "right", sx }) => {
+  const count = React.Children.count(children);
+  const customSx = position === "left" || position === "right" ? __spreadValues({
+    [`& .${timelineItemClasses.root}:before`]: {
+      flex: 0,
+      padding: 0
+    }
+  }, sx) : sx;
+  return /* @__PURE__ */ jsx(
+    MuiTimeline,
+    {
+      position,
+      sx: __spreadValues({}, customSx),
+      children: React.Children.map(
+        children,
+        (child, idx) => {
+          var _a;
+          return React.isValidElement(child) ? React.cloneElement(child, {
+            connectorColor: idx < count - 1 ? (_a = child.props.connectorColor) != null ? _a : "gray.main" : void 0
+          }) : null;
+        }
+      )
+    }
+  );
+};
+const TimelineItem = ({
+  dotColor = "grey",
+  connectorColor,
+  children
+}) => {
+  const color = connectorColor ? `${connectorColor}.main` : "secondary.main";
+  return /* @__PURE__ */ jsxs(MuiTimelineItem, { children: [
+    /* @__PURE__ */ jsxs(MuiTimelineSeparator, { children: [
+      /* @__PURE__ */ jsx(MuiTimelineDot, { color: dotColor }),
+      connectorColor !== void 0 && /* @__PURE__ */ jsx(MuiTimelineConnector, { sx: { bgcolor: color } })
+    ] }),
+    /* @__PURE__ */ jsx(MuiTimelineContent, { children })
+  ] });
+};
+export {
+  Timeline,
+  TimelineItem
+};
+//# sourceMappingURL=Timeline.js.map

package/components/Timeline/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx","../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport MuiTimeline from \"@mui/lab/Timeline\";\nimport { timelineContentClasses } from \"@mui/lab/TimelineContent\";\nimport { timelineItemClasses, TimelineItemProps as MuiTimelineItemProps } from \"@mui/lab/TimelineItem\";\nimport { Box } from \"@mui/material\";\n\ninterface TimelineItemProps extends MuiTimelineItemProps {\n  connectorColor?: string;\n  sx?: object;\n}\n\ninterface TimelineProps {\n  children: React.ReactElement<TimelineItemProps>[];\n  position?: \"left\" | \"right\" | 'alternate' | 'alternate-reverse' ;\n  sx?: object;\n}\n\nexport const Timeline: React.FC<TimelineProps> = ({ children, position = \"right\", sx }) => {\n  const count = React.Children.count(children);\n\n    const customSx = (position === \"left\" || position === \"right\")\n    ? {\n        [`& .${timelineItemClasses.root}:before`]: {\n          flex: 0,\n          padding: 0,\n        },\n        ...sx,\n      }\n    : sx;\n    \n  return (\n    <MuiTimeline position={position}\n      sx={{...customSx}}\n      >\n      {React.Children.map(children, (child, idx) =>\n        React.isValidElement(child)\n          ? React.cloneElement(child, {\n            connectorColor: idx < count - 1\n              ? child.props.connectorColor ?? 'gray.main'\n              : undefined,\n          })\n          : null\n      )}\n    </MuiTimeline>\n\n  );\n};\n\nexport default Timeline;","\nimport MuiTimelineItem from \"@mui/lab/TimelineItem\";\nimport MuiTimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport MuiTimelineConnector from \"@mui/lab/TimelineConnector\";\nimport MuiTimelineContent from \"@mui/lab/TimelineContent\";\nimport MuiTimelineDot from \"@mui/lab/TimelineDot\";\n\nexport interface TimelineItemProps {\n  dotColor?: 'primary' | 'secondary' | 'grey' | 'inherit' | 'success' | 'error' | 'info' | 'warning';\n  connectorColor?: 'success' | 'error' | 'info' | 'warning' | 'primary' | 'secondary' | 'grey';\n  children: React.ReactNode;\n}\n\nexport const TimelineItem: React.FC<TimelineItemProps> = ({\n  dotColor = 'grey',\n  connectorColor,\n  children\n}) => {\n  const color = connectorColor ? `${connectorColor}.main` : 'secondary.main';\n  return (\n    <MuiTimelineItem>\n      <MuiTimelineSeparator>\n        <MuiTimelineDot color={dotColor} />\n        {connectorColor !== undefined && <MuiTimelineConnector sx={{ bgcolor: color }} />}\n      </MuiTimelineSeparator>\n      <MuiTimelineContent>{children}</MuiTimelineContent>\n    </MuiTimelineItem>\n  );\n};\n\nexport default TimelineItem"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAM,WAAoC,CAAC,EAAE,UAAU,WAAW,SAAS,SAAS;AACzF,QAAM,QAAQ,MAAM,SAAS,MAAM,QAAQ;AAEzC,QAAM,WAAY,aAAa,UAAU,aAAa,UACpD;AAAA,IACE,CAAC,MAAM,oBAAoB,IAAI,SAAS,GAAG;AAAA,MACzC,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,KAER,MAEL;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MAAY;AAAA,MACX,IAAI,mBAAI;AAAA,MAEP,gBAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,OAAO,QAAA;;AACpC,uBAAM,eAAe,KAAK,IACtB,MAAM,aAAa,OAAO;AAAA,YAC1B,gBAAgB,MAAM,QAAQ,KAC1B,WAAM,MAAM,mBAAZ,YAA8B,cAC9B;AAAA,UAAA,CACL,IACC;AAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIN;ACjCO,MAAM,eAA4C,CAAC;AAAA,EACxD,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,iBAAiB,GAAG,cAAc,UAAU;AAC1D,8BACG,iBAAA,EACC,UAAA;AAAA,IAAA,qBAAC,sBAAA,EACC,UAAA;AAAA,MAAA,oBAAC,gBAAA,EAAe,OAAO,SAAA,CAAU;AAAA,MAChC,mBAAmB,UAAa,oBAAC,sBAAA,EAAqB,IAAI,EAAE,SAAS,QAAM,CAAG;AAAA,IAAA,GACjF;AAAA,IACA,oBAAC,sBAAoB,SAAA,CAAS;AAAA,EAAA,GAChC;AAEJ;"}

package/components/Timeline.d.ts

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

package/hooks/ClipBoard/ClipBoard.cjs

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+function useClipboard(options) {
+  const elementRef = React.useRef(null);
+  const [snackbarOpen, setSnackbarOpen] = React.useState(false);
+  const [snackbarMessage, setSnackbarMessage] = React.useState((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
+  const [snackbarSeverity, setSnackbarSeverity] = React.useState((options == null ? void 0 : options.severity) || "success");
+  const [snackbarPosition, setSnackbarPosition] = React.useState((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+  const [snackbarDuration, setSnackbarDuration] = React.useState((options == null ? void 0 : options.duration) || 3e3);
+  const handleSnackbarClose = React.useCallback((event, reason) => {
+    if (reason === "clickaway") {
+      return;
+    }
+    setSnackbarOpen(false);
+  }, []);
+  const copyText = React.useCallback(() => {
+    if (elementRef.current) {
+      try {
+        const textarea = document.createElement("textarea");
+        textarea.value = elementRef.current.innerText || "";
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textarea);
+        setSnackbarMessage((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
+        setSnackbarSeverity((options == null ? void 0 : options.severity) || "success");
+        setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+        setSnackbarDuration((options == null ? void 0 : options.duration) || 3e3);
+        setSnackbarOpen(true);
+      } catch (err) {
+        console.error("Error al copiar al portapapeles:", err);
+        setSnackbarMessage("Error al copiar.");
+        setSnackbarSeverity("error");
+        setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+        setSnackbarDuration((options == null ? void 0 : options.duration) || 3e3);
+        setSnackbarOpen(true);
+      }
+    }
+  }, [options]);
+  React.useEffect(() => {
+    const currentElement = elementRef.current;
+    if (currentElement) {
+      currentElement.style.cursor = "pointer";
+      currentElement.addEventListener("click", copyText);
+    }
+    return () => {
+      if (currentElement) {
+        currentElement.removeEventListener("click", copyText);
+      }
+    };
+  }, [copyText]);
+  const SnackbarComponent = () => /* @__PURE__ */ jsxRuntime.jsx(
+    material.Snackbar,
+    {
+      open: snackbarOpen,
+      autoHideDuration: snackbarDuration,
+      onClose: handleSnackbarClose,
+      anchorOrigin: {
+        vertical: snackbarPosition.vertical,
+        horizontal: snackbarPosition.horizontal
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { onClose: handleSnackbarClose, severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage })
+    }
+  );
+  return { ref: elementRef, SnackbarComponent };
+}
+exports.useClipboard = useClipboard;
+//# sourceMappingURL=ClipBoard.cjs.map

package/hooks/ClipBoard/ClipBoard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipBoard.cjs","sources":["../../../src/hooks/ClipBoard/ClipBoard.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { Snackbar, Alert } from '@mui/material';\nimport { AlertProps } from '@mui/material/Alert';\n\n// Tipo para las opciones del Snackbar\ninterface SnackbarOptions {\n  message?: string;\n  duration?: number;\n  severity?: AlertProps['severity'];\n  position?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n}\n\n/**\n * Hook 'useClipboard'.\n * Permite adjuntar la funcionalidad de copiar el innerText de un elemento al portapapeles\n * mediante un clic y gestiona el feedback del Snackbar de forma interna.\n *\n * @param options Opciones de configuración para el Snackbar de feedback.\n * @returns Un objeto que contiene:\n * - 'ref': Una referencia de React que debe adjuntarse al elemento cuyo contenido se copiará.\n * - 'SnackbarComponent': El componente Snackbar pre-configurado y listo para ser renderizado.\n */\nexport function useClipboard(options?: SnackbarOptions) {\n  const elementRef = useRef<HTMLElement>(null); // Tipado más específico para HTMLElement\n\n  // Estados internos para el Snackbar, con valores por defecto\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(options?.message || '¡Copiado al portapapeles!');\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>(options?.severity || 'success');\n  const [snackbarPosition, setSnackbarPosition] = useState(options?.position || { vertical: 'bottom', horizontal: 'center' });\n  const [snackbarDuration, setSnackbarDuration] = useState(options?.duration || 3000);\n\n  // Función para cerrar el Snackbar\n  const handleSnackbarClose = useCallback((event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  }, []);\n\n  // Función para copiar texto al portapapeles (utilizando document.execCommand para compatibilidad en iframes)\n  const copyText = useCallback(() => {\n    if (elementRef.current) {\n      try {\n        const textarea = document.createElement('textarea');\n        textarea.value = elementRef.current.innerText || ''; // Captura el innerText del elemento\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n\n        // Actualiza el mensaje del snackbar con las opciones proporcionadas o los valores por defecto\n        // Estos setters se invocan aquí para que los estados se actualicen antes de abrir el snackbar.\n        setSnackbarMessage(options?.message || '¡Copiado al portapapeles!');\n        setSnackbarSeverity(options?.severity || 'success');\n        setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n        setSnackbarDuration(options?.duration || 3000);\n        setSnackbarOpen(true); // Abre el snackbar\n      } catch (err) {\n        console.error('Error al copiar al portapapeles:', err);\n        // En caso de error, usa un mensaje y severidad de error\n        setSnackbarMessage('Error al copiar.');\n        setSnackbarSeverity('error');\n        setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' }); // Mantener posición si hay error\n        setSnackbarDuration(options?.duration || 3000); // Mantener duración si hay error\n        setSnackbarOpen(true); // Abre el snackbar con el mensaje de error\n      }\n    }\n  }, [options]); // Dependencia en options para que el hook se reconfigure si las opciones cambian\n\n  // Adjunta un event listener de clic al elemento referenciado\n  useEffect(() => {\n    const currentElement = elementRef.current;\n    if (currentElement) {\n      currentElement.style.cursor = 'pointer'; // Opcional: para indicar que es clickeable\n      currentElement.addEventListener('click', copyText);\n    }\n\n    // Limpieza: remueve el event listener cuando el componente se desmonte\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', copyText);\n      }\n    };\n  }, [copyText]); // Dependencia en copyText para asegurar que el listener se actualice si la función cambia\n\n  // Componente Snackbar encapsulado que el hook retorna para ser renderizado\n  const SnackbarComponent = () => (\n    <Snackbar\n      open={snackbarOpen}\n      autoHideDuration={snackbarDuration}\n      onClose={handleSnackbarClose}\n      anchorOrigin={{\n        vertical: snackbarPosition.vertical as 'top' | 'bottom',\n        horizontal: snackbarPosition.horizontal as 'left' | 'center' | 'right'\n      }}\n    >\n      <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n        {snackbarMessage}\n      </Alert>\n    </Snackbar>\n  );\n\n  return { ref: elementRef, SnackbarComponent };\n}\n\nexport default useClipboard"],"names":["useRef","useState","useCallback","useEffect","jsx","Snackbar","Alert"],"mappings":";;;;;AAsBO,SAAS,aAAa,SAA2B;AACtD,QAAM,aAAaA,MAAAA,OAAoB,IAAI;AAG3C,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAAS,KAAK;AACtD,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,UAAS,mCAAS,YAAW,2BAA2B;AACtG,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAiC,mCAAS,aAAY,SAAS;AAC/G,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAS,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,SAAA,CAAU;AAC1H,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,UAAS,mCAAS,aAAY,GAAI;AAGlF,QAAM,sBAAsBC,MAAAA,YAAY,CAAC,OAAsC,WAAoB;AACjG,QAAI,WAAW,aAAa;AAC1B;AAAA,IACF;AACA,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAA,CAAE;AAGL,QAAM,WAAWA,MAAAA,YAAY,MAAM;AACjC,QAAI,WAAW,SAAS;AACtB,UAAI;AACF,cAAM,WAAW,SAAS,cAAc,UAAU;AAClD,iBAAS,QAAQ,WAAW,QAAQ,aAAa;AACjD,iBAAS,KAAK,YAAY,QAAQ;AAClC,iBAAS,OAAA;AACT,iBAAS,YAAY,MAAM;AAC3B,iBAAS,KAAK,YAAY,QAAQ;AAIlC,4BAAmB,mCAAS,YAAW,2BAA2B;AAClE,6BAAoB,mCAAS,aAAY,SAAS;AAClD,6BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,6BAAoB,mCAAS,aAAY,GAAI;AAC7C,wBAAgB,IAAI;AAAA,MACtB,SAAS,KAAK;AACZ,gBAAQ,MAAM,oCAAoC,GAAG;AAErD,2BAAmB,kBAAkB;AACrC,4BAAoB,OAAO;AAC3B,6BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,6BAAoB,mCAAS,aAAY,GAAI;AAC7C,wBAAgB,IAAI;AAAA,MACtB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAGZC,QAAAA,UAAU,MAAM;AACd,UAAM,iBAAiB,WAAW;AAClC,QAAI,gBAAgB;AAClB,qBAAe,MAAM,SAAS;AAC9B,qBAAe,iBAAiB,SAAS,QAAQ;AAAA,IACnD;AAGA,WAAO,MAAM;AACX,UAAI,gBAAgB;AAClB,uBAAe,oBAAoB,SAAS,QAAQ;AAAA,MACtD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,oBAAoB,MACxBC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,kBAAkB;AAAA,MAClB,SAAS;AAAA,MACT,cAAc;AAAA,QACZ,UAAU,iBAAiB;AAAA,QAC3B,YAAY,iBAAiB;AAAA,MAAA;AAAA,MAG/B,UAAAD,2BAAAA,IAACE,SAAAA,OAAA,EAAM,SAAS,qBAAqB,UAAU,kBAAkB,IAAI,EAAE,OAAO,OAAA,GAC3E,UAAA,gBAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAO,EAAE,KAAK,YAAY,kBAAA;AAC5B;;"}

package/hooks/ClipBoard/ClipBoard.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { AlertProps } from '@mui/material/Alert';
+interface SnackbarOptions {
+    message?: string;
+    duration?: number;
+    severity?: AlertProps['severity'];
+    position?: {
+        vertical: 'top' | 'bottom';
+        horizontal: 'left' | 'center' | 'right';
+    };
+}
+/**
+ * Hook 'useClipboard'.
+ * Permite adjuntar la funcionalidad de copiar el innerText de un elemento al portapapeles
+ * mediante un clic y gestiona el feedback del Snackbar de forma interna.
+ *
+ * @param options Opciones de configuración para el Snackbar de feedback.
+ * @returns Un objeto que contiene:
+ * - 'ref': Una referencia de React que debe adjuntarse al elemento cuyo contenido se copiará.
+ * - 'SnackbarComponent': El componente Snackbar pre-configurado y listo para ser renderizado.
+ */
+export declare function useClipboard(options?: SnackbarOptions): {
+    ref: React.RefObject<HTMLElement | null>;
+    SnackbarComponent: () => import("react/jsx-runtime").JSX.Element;
+};
+export default useClipboard;

package/hooks/ClipBoard/ClipBoard.js

@@ -0,0 +1,71 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useEffect } from "react";
+import { Snackbar, Alert } from "@mui/material";
+function useClipboard(options) {
+  const elementRef = useRef(null);
+  const [snackbarOpen, setSnackbarOpen] = useState(false);
+  const [snackbarMessage, setSnackbarMessage] = useState((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
+  const [snackbarSeverity, setSnackbarSeverity] = useState((options == null ? void 0 : options.severity) || "success");
+  const [snackbarPosition, setSnackbarPosition] = useState((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+  const [snackbarDuration, setSnackbarDuration] = useState((options == null ? void 0 : options.duration) || 3e3);
+  const handleSnackbarClose = useCallback((event, reason) => {
+    if (reason === "clickaway") {
+      return;
+    }
+    setSnackbarOpen(false);
+  }, []);
+  const copyText = useCallback(() => {
+    if (elementRef.current) {
+      try {
+        const textarea = document.createElement("textarea");
+        textarea.value = elementRef.current.innerText || "";
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textarea);
+        setSnackbarMessage((options == null ? void 0 : options.message) || "¡Copiado al portapapeles!");
+        setSnackbarSeverity((options == null ? void 0 : options.severity) || "success");
+        setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+        setSnackbarDuration((options == null ? void 0 : options.duration) || 3e3);
+        setSnackbarOpen(true);
+      } catch (err) {
+        console.error("Error al copiar al portapapeles:", err);
+        setSnackbarMessage("Error al copiar.");
+        setSnackbarSeverity("error");
+        setSnackbarPosition((options == null ? void 0 : options.position) || { vertical: "bottom", horizontal: "center" });
+        setSnackbarDuration((options == null ? void 0 : options.duration) || 3e3);
+        setSnackbarOpen(true);
+      }
+    }
+  }, [options]);
+  useEffect(() => {
+    const currentElement = elementRef.current;
+    if (currentElement) {
+      currentElement.style.cursor = "pointer";
+      currentElement.addEventListener("click", copyText);
+    }
+    return () => {
+      if (currentElement) {
+        currentElement.removeEventListener("click", copyText);
+      }
+    };
+  }, [copyText]);
+  const SnackbarComponent = () => /* @__PURE__ */ jsx(
+    Snackbar,
+    {
+      open: snackbarOpen,
+      autoHideDuration: snackbarDuration,
+      onClose: handleSnackbarClose,
+      anchorOrigin: {
+        vertical: snackbarPosition.vertical,
+        horizontal: snackbarPosition.horizontal
+      },
+      children: /* @__PURE__ */ jsx(Alert, { onClose: handleSnackbarClose, severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage })
+    }
+  );
+  return { ref: elementRef, SnackbarComponent };
+}
+export {
+  useClipboard
+};
+//# sourceMappingURL=ClipBoard.js.map

package/hooks/ClipBoard/ClipBoard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipBoard.js","sources":["../../../src/hooks/ClipBoard/ClipBoard.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, useCallback } from 'react';\nimport { Snackbar, Alert } from '@mui/material';\nimport { AlertProps } from '@mui/material/Alert';\n\n// Tipo para las opciones del Snackbar\ninterface SnackbarOptions {\n  message?: string;\n  duration?: number;\n  severity?: AlertProps['severity'];\n  position?: { vertical: 'top' | 'bottom'; horizontal: 'left' | 'center' | 'right' };\n}\n\n/**\n * Hook 'useClipboard'.\n * Permite adjuntar la funcionalidad de copiar el innerText de un elemento al portapapeles\n * mediante un clic y gestiona el feedback del Snackbar de forma interna.\n *\n * @param options Opciones de configuración para el Snackbar de feedback.\n * @returns Un objeto que contiene:\n * - 'ref': Una referencia de React que debe adjuntarse al elemento cuyo contenido se copiará.\n * - 'SnackbarComponent': El componente Snackbar pre-configurado y listo para ser renderizado.\n */\nexport function useClipboard(options?: SnackbarOptions) {\n  const elementRef = useRef<HTMLElement>(null); // Tipado más específico para HTMLElement\n\n  // Estados internos para el Snackbar, con valores por defecto\n  const [snackbarOpen, setSnackbarOpen] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState(options?.message || '¡Copiado al portapapeles!');\n  const [snackbarSeverity, setSnackbarSeverity] = useState<AlertProps['severity']>(options?.severity || 'success');\n  const [snackbarPosition, setSnackbarPosition] = useState(options?.position || { vertical: 'bottom', horizontal: 'center' });\n  const [snackbarDuration, setSnackbarDuration] = useState(options?.duration || 3000);\n\n  // Función para cerrar el Snackbar\n  const handleSnackbarClose = useCallback((event?: React.SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarOpen(false);\n  }, []);\n\n  // Función para copiar texto al portapapeles (utilizando document.execCommand para compatibilidad en iframes)\n  const copyText = useCallback(() => {\n    if (elementRef.current) {\n      try {\n        const textarea = document.createElement('textarea');\n        textarea.value = elementRef.current.innerText || ''; // Captura el innerText del elemento\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n\n        // Actualiza el mensaje del snackbar con las opciones proporcionadas o los valores por defecto\n        // Estos setters se invocan aquí para que los estados se actualicen antes de abrir el snackbar.\n        setSnackbarMessage(options?.message || '¡Copiado al portapapeles!');\n        setSnackbarSeverity(options?.severity || 'success');\n        setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' });\n        setSnackbarDuration(options?.duration || 3000);\n        setSnackbarOpen(true); // Abre el snackbar\n      } catch (err) {\n        console.error('Error al copiar al portapapeles:', err);\n        // En caso de error, usa un mensaje y severidad de error\n        setSnackbarMessage('Error al copiar.');\n        setSnackbarSeverity('error');\n        setSnackbarPosition(options?.position || { vertical: 'bottom', horizontal: 'center' }); // Mantener posición si hay error\n        setSnackbarDuration(options?.duration || 3000); // Mantener duración si hay error\n        setSnackbarOpen(true); // Abre el snackbar con el mensaje de error\n      }\n    }\n  }, [options]); // Dependencia en options para que el hook se reconfigure si las opciones cambian\n\n  // Adjunta un event listener de clic al elemento referenciado\n  useEffect(() => {\n    const currentElement = elementRef.current;\n    if (currentElement) {\n      currentElement.style.cursor = 'pointer'; // Opcional: para indicar que es clickeable\n      currentElement.addEventListener('click', copyText);\n    }\n\n    // Limpieza: remueve el event listener cuando el componente se desmonte\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', copyText);\n      }\n    };\n  }, [copyText]); // Dependencia en copyText para asegurar que el listener se actualice si la función cambia\n\n  // Componente Snackbar encapsulado que el hook retorna para ser renderizado\n  const SnackbarComponent = () => (\n    <Snackbar\n      open={snackbarOpen}\n      autoHideDuration={snackbarDuration}\n      onClose={handleSnackbarClose}\n      anchorOrigin={{\n        vertical: snackbarPosition.vertical as 'top' | 'bottom',\n        horizontal: snackbarPosition.horizontal as 'left' | 'center' | 'right'\n      }}\n    >\n      <Alert onClose={handleSnackbarClose} severity={snackbarSeverity} sx={{ width: '100%' }}>\n        {snackbarMessage}\n      </Alert>\n    </Snackbar>\n  );\n\n  return { ref: elementRef, SnackbarComponent };\n}\n\nexport default useClipboard"],"names":[],"mappings":";;;AAsBO,SAAS,aAAa,SAA2B;AACtD,QAAM,aAAa,OAAoB,IAAI;AAG3C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,UAAS,mCAAS,YAAW,2BAA2B;AACtG,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAiC,mCAAS,aAAY,SAAS;AAC/G,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAS,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,SAAA,CAAU;AAC1H,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,UAAS,mCAAS,aAAY,GAAI;AAGlF,QAAM,sBAAsB,YAAY,CAAC,OAAsC,WAAoB;AACjG,QAAI,WAAW,aAAa;AAC1B;AAAA,IACF;AACA,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAA,CAAE;AAGL,QAAM,WAAW,YAAY,MAAM;AACjC,QAAI,WAAW,SAAS;AACtB,UAAI;AACF,cAAM,WAAW,SAAS,cAAc,UAAU;AAClD,iBAAS,QAAQ,WAAW,QAAQ,aAAa;AACjD,iBAAS,KAAK,YAAY,QAAQ;AAClC,iBAAS,OAAA;AACT,iBAAS,YAAY,MAAM;AAC3B,iBAAS,KAAK,YAAY,QAAQ;AAIlC,4BAAmB,mCAAS,YAAW,2BAA2B;AAClE,6BAAoB,mCAAS,aAAY,SAAS;AAClD,6BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,6BAAoB,mCAAS,aAAY,GAAI;AAC7C,wBAAgB,IAAI;AAAA,MACtB,SAAS,KAAK;AACZ,gBAAQ,MAAM,oCAAoC,GAAG;AAErD,2BAAmB,kBAAkB;AACrC,4BAAoB,OAAO;AAC3B,6BAAoB,mCAAS,aAAY,EAAE,UAAU,UAAU,YAAY,UAAU;AACrF,6BAAoB,mCAAS,aAAY,GAAI;AAC7C,wBAAgB,IAAI;AAAA,MACtB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAGZ,YAAU,MAAM;AACd,UAAM,iBAAiB,WAAW;AAClC,QAAI,gBAAgB;AAClB,qBAAe,MAAM,SAAS;AAC9B,qBAAe,iBAAiB,SAAS,QAAQ;AAAA,IACnD;AAGA,WAAO,MAAM;AACX,UAAI,gBAAgB;AAClB,uBAAe,oBAAoB,SAAS,QAAQ;AAAA,MACtD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,oBAAoB,MACxB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,kBAAkB;AAAA,MAClB,SAAS;AAAA,MACT,cAAc;AAAA,QACZ,UAAU,iBAAiB;AAAA,QAC3B,YAAY,iBAAiB;AAAA,MAAA;AAAA,MAG/B,UAAA,oBAAC,OAAA,EAAM,SAAS,qBAAqB,UAAU,kBAAkB,IAAI,EAAE,OAAO,OAAA,GAC3E,UAAA,gBAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAO,EAAE,KAAK,YAAY,kBAAA;AAC5B;"}