@apia/icons 1.0.1 → 2.0.0

package/dist/FileIcon.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+declare const FileIcon: ({ docName, iconSize, }: {
+    docName: string;
+    iconSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+}) => React.JSX.Element;
+
+export { FileIcon };
+//# sourceMappingURL=FileIcon.d.ts.map

package/dist/FileIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileIcon.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/FileIcon.js

@@ -0,0 +1,122 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { injectStyles, Box, getVariant } from '@apia/theme';
+
+function getFileExtension(fileName) {
+  return (fileName.match(/\.([^.]+)$/) ?? [])[1] ?? "";
+}
+injectStyles("layout.common.components.fileIcon", {
+  "&": {
+    fontFamily: "Arial, Tahoma, sans-serif",
+    fontWeight: 300,
+    display: "inline-block",
+    width: "24px",
+    height: "32px",
+    background: "#018fef",
+    position: "relative",
+    borderRadius: "2px",
+    textAlign: "left",
+    WebkitFontSmoothing: "antialiased",
+    margin: "2px !important"
+  },
+  "&::before": {
+    display: "block",
+    content: '""',
+    position: "absolute",
+    top: "0",
+    right: "0",
+    width: "0",
+    height: "0",
+    borderBottomLeftRadius: "2px",
+    borderWidth: "5px",
+    borderStyle: "solid",
+    borderTopColor: "palette.background.paper",
+    borderRightColor: "palette.background.paper",
+    borderBottomColor: "rgba(255,255,255,.35)",
+    borderLeftColor: "rgba(255,255,255,.35)"
+  },
+  "&::after": {
+    display: "block",
+    content: "attr(data-extension)",
+    position: "absolute",
+    bottom: "0",
+    left: "0",
+    fontSize: "10px",
+    color: "#fff",
+    textTransform: "lowercase",
+    width: "100%",
+    padding: "2px",
+    whiteSpace: "nowrap",
+    overflow: "hidden"
+  },
+  "&.xs": { width: "12px", height: "16px", borderRadius: "2px" },
+  "&.xs::before": {
+    borderBottomLeftRadius: "1px",
+    borderWidth: "3px"
+  },
+  "&.xs::after": {
+    content: '""',
+    borderBottom: "2px solid rgba(255,255,255,.45)",
+    width: "auto",
+    left: "2px",
+    right: "2px",
+    bottom: "3px"
+  },
+  "&.sm": { width: "18px", height: "24px", borderRadius: "2px" },
+  "&.sm::before": {
+    borderBottomLeftRadius: "2px",
+    borderWidth: "4px"
+  },
+  "&.sm::after": { fontSize: "7px", padding: "2px" },
+  "&.lg": { width: "48px", height: "64px", borderRadius: "3px" },
+  "&.lg::before": {
+    borderBottomLeftRadius: "2px",
+    borderWidth: "8px"
+  },
+  "&.lg::after": { fontSize: "11px", padding: "4px 6px" },
+  "&.lg.sm": { width: "30px", height: "40px", fontSize: "11px" },
+  "&.xl": { width: "96px", height: "128px", borderRadius: "4px" },
+  "&.xl::before": {
+    borderBottomLeftRadius: "4px",
+    borderWidth: "16px"
+  },
+  "&.xl::after": { fontSize: "24px", padding: "4px 10px" },
+  "&.sm.sm": { height: "18px" },
+  "&[data-extension=zip], &[data-extension=rar]": {
+    background: "#acacac"
+  },
+  "&[data-extension^=doc], &[data-extension^=docx], &[data-extension^=odt]": {
+    background: "#307cf1"
+  },
+  "&[data-extension^=xls], &[data-extension^=xlsx]": {
+    background: "#0f9d58"
+  },
+  "&[data-extension^=ppt]": { background: "#d24726" },
+  "&[data-extension=pdf]": { background: "#e13d34" },
+  "&[data-extension=txt]": { background: "#5eb533" },
+  "&[data-extension=mp3], &[data-extension=wma], &[data-extension=m4a], &[data-extension=flac]": {
+    background: "#8e44ad"
+  },
+  "&[data-extension=mp4], &[data-extension=wmv], &[data-extension=mov], &[data-extension=avi], &[data-extension=mkv]": {
+    background: "#7a3ce7"
+  },
+  "&[data-extension=bmp], &[data-extension=jpg], &[data-extension=jpeg], &[data-extension=gif], &[data-extension=png]": {
+    background: "#f4b400"
+  }
+});
+const FileIcon = ({
+  docName,
+  iconSize
+}) => {
+  const extension = getFileExtension(docName);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: `file__icon ${iconSize ?? ""}`,
+      "data-extension": extension,
+      ...getVariant("layout.common.components.fileIcon")
+    }
+  );
+};
+
+export { FileIcon };
+//# sourceMappingURL=FileIcon.js.map

package/dist/FileIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileIcon.js","sources":["../src/FileIcon.tsx"],"sourcesContent":["import { Box, getVariant, injectStyles } from '@apia/theme';\n\nfunction getFileExtension(fileName: string) {\n  return (fileName.match(/\\.([^.]+)$/) ?? [])[1] ?? '';\n}\n\ninjectStyles('layout.common.components.fileIcon', {\n  '&': {\n    fontFamily: 'Arial, Tahoma, sans-serif',\n    fontWeight: 300,\n    display: 'inline-block',\n    width: '24px',\n    height: '32px',\n    background: '#018fef',\n    position: 'relative',\n    borderRadius: '2px',\n    textAlign: 'left',\n    WebkitFontSmoothing: 'antialiased',\n    margin: '2px !important',\n  },\n  '&::before': {\n    display: 'block',\n    content: '\"\"',\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    width: '0',\n    height: '0',\n    borderBottomLeftRadius: '2px',\n    borderWidth: '5px',\n    borderStyle: 'solid',\n    borderTopColor: 'palette.background.paper',\n    borderRightColor: 'palette.background.paper',\n    borderBottomColor: 'rgba(255,255,255,.35)',\n    borderLeftColor: 'rgba(255,255,255,.35)',\n  },\n  '&::after': {\n    display: 'block',\n    content: 'attr(data-extension)',\n    position: 'absolute',\n    bottom: '0',\n    left: '0',\n    fontSize: '10px',\n    color: '#fff',\n    textTransform: 'lowercase',\n    width: '100%',\n    padding: '2px',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  '&.xs': { width: '12px', height: '16px', borderRadius: '2px' },\n  '&.xs::before': {\n    borderBottomLeftRadius: '1px',\n    borderWidth: '3px',\n  },\n  '&.xs::after': {\n    content: '\"\"',\n    borderBottom: '2px solid rgba(255,255,255,.45)',\n    width: 'auto',\n    left: '2px',\n    right: '2px',\n    bottom: '3px',\n  },\n  '&.sm': { width: '18px', height: '24px', borderRadius: '2px' },\n  '&.sm::before': {\n    borderBottomLeftRadius: '2px',\n    borderWidth: '4px',\n  },\n  '&.sm::after': { fontSize: '7px', padding: '2px' },\n  '&.lg': { width: '48px', height: '64px', borderRadius: '3px' },\n  '&.lg::before': {\n    borderBottomLeftRadius: '2px',\n    borderWidth: '8px',\n  },\n  '&.lg::after': { fontSize: '11px', padding: '4px 6px' },\n  '&.lg.sm': { width: '30px', height: '40px', fontSize: '11px' },\n  '&.xl': { width: '96px', height: '128px', borderRadius: '4px' },\n  '&.xl::before': {\n    borderBottomLeftRadius: '4px',\n    borderWidth: '16px',\n  },\n  '&.xl::after': { fontSize: '24px', padding: '4px 10px' },\n  '&.sm.sm': { height: '18px' },\n  '&[data-extension=zip], &[data-extension=rar]': {\n    background: '#acacac',\n  },\n  '&[data-extension^=doc], &[data-extension^=docx], &[data-extension^=odt]': {\n    background: '#307cf1',\n  },\n  '&[data-extension^=xls], &[data-extension^=xlsx]': {\n    background: '#0f9d58',\n  },\n  '&[data-extension^=ppt]': { background: '#d24726' },\n  '&[data-extension=pdf]': { background: '#e13d34' },\n  '&[data-extension=txt]': { background: '#5eb533' },\n  '&[data-extension=mp3], &[data-extension=wma], &[data-extension=m4a], &[data-extension=flac]':\n    {\n      background: '#8e44ad',\n    },\n  '&[data-extension=mp4], &[data-extension=wmv], &[data-extension=mov], &[data-extension=avi], &[data-extension=mkv]':\n    {\n      background: '#7a3ce7',\n    },\n  '&[data-extension=bmp], &[data-extension=jpg], &[data-extension=jpeg], &[data-extension=gif], &[data-extension=png]':\n    {\n      background: '#f4b400',\n    },\n});\n\nexport const FileIcon = ({\n  docName,\n  iconSize,\n}: {\n  docName: string;\n  iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n}) => {\n  const extension = getFileExtension(docName);\n\n  return (\n    <Box\n      className={`file__icon ${iconSize ?? ''}`}\n      data-extension={extension}\n      {...getVariant('layout.common.components.fileIcon')}\n    />\n  );\n};\n"],"names":[],"mappings":";;;AAEA,SAAS,iBAAiB,QAAkB,EAAA;AAC1C,EAAA,OAAA,CAAQ,SAAS,KAAM,CAAA,YAAY,KAAK,EAAC,EAAG,CAAC,CAAK,IAAA,EAAA,CAAA;AACpD,CAAA;AAEA,YAAA,CAAa,mCAAqC,EAAA;AAAA,EAChD,GAAK,EAAA;AAAA,IACH,UAAY,EAAA,2BAAA;AAAA,IACZ,UAAY,EAAA,GAAA;AAAA,IACZ,OAAS,EAAA,cAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,UAAY,EAAA,SAAA;AAAA,IACZ,QAAU,EAAA,UAAA;AAAA,IACV,YAAc,EAAA,KAAA;AAAA,IACd,SAAW,EAAA,MAAA;AAAA,IACX,mBAAqB,EAAA,aAAA;AAAA,IACrB,MAAQ,EAAA,gBAAA;AAAA,GACV;AAAA,EACA,WAAa,EAAA;AAAA,IACX,OAAS,EAAA,OAAA;AAAA,IACT,OAAS,EAAA,IAAA;AAAA,IACT,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,GAAA;AAAA,IACL,KAAO,EAAA,GAAA;AAAA,IACP,KAAO,EAAA,GAAA;AAAA,IACP,MAAQ,EAAA,GAAA;AAAA,IACR,sBAAwB,EAAA,KAAA;AAAA,IACxB,WAAa,EAAA,KAAA;AAAA,IACb,WAAa,EAAA,OAAA;AAAA,IACb,cAAgB,EAAA,0BAAA;AAAA,IAChB,gBAAkB,EAAA,0BAAA;AAAA,IAClB,iBAAmB,EAAA,uBAAA;AAAA,IACnB,eAAiB,EAAA,uBAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,OAAS,EAAA,OAAA;AAAA,IACT,OAAS,EAAA,sBAAA;AAAA,IACT,QAAU,EAAA,UAAA;AAAA,IACV,MAAQ,EAAA,GAAA;AAAA,IACR,IAAM,EAAA,GAAA;AAAA,IACN,QAAU,EAAA,MAAA;AAAA,IACV,KAAO,EAAA,MAAA;AAAA,IACP,aAAe,EAAA,WAAA;AAAA,IACf,KAAO,EAAA,MAAA;AAAA,IACP,OAAS,EAAA,KAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,GACZ;AAAA,EACA,QAAQ,EAAE,KAAA,EAAO,QAAQ,MAAQ,EAAA,MAAA,EAAQ,cAAc,KAAM,EAAA;AAAA,EAC7D,cAAgB,EAAA;AAAA,IACd,sBAAwB,EAAA,KAAA;AAAA,IACxB,WAAa,EAAA,KAAA;AAAA,GACf;AAAA,EACA,aAAe,EAAA;AAAA,IACb,OAAS,EAAA,IAAA;AAAA,IACT,YAAc,EAAA,iCAAA;AAAA,IACd,KAAO,EAAA,MAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IACN,KAAO,EAAA,KAAA;AAAA,IACP,MAAQ,EAAA,KAAA;AAAA,GACV;AAAA,EACA,QAAQ,EAAE,KAAA,EAAO,QAAQ,MAAQ,EAAA,MAAA,EAAQ,cAAc,KAAM,EAAA;AAAA,EAC7D,cAAgB,EAAA;AAAA,IACd,sBAAwB,EAAA,KAAA;AAAA,IACxB,WAAa,EAAA,KAAA;AAAA,GACf;AAAA,EACA,aAAe,EAAA,EAAE,QAAU,EAAA,KAAA,EAAO,SAAS,KAAM,EAAA;AAAA,EACjD,QAAQ,EAAE,KAAA,EAAO,QAAQ,MAAQ,EAAA,MAAA,EAAQ,cAAc,KAAM,EAAA;AAAA,EAC7D,cAAgB,EAAA;AAAA,IACd,sBAAwB,EAAA,KAAA;AAAA,IACxB,WAAa,EAAA,KAAA;AAAA,GACf;AAAA,EACA,aAAe,EAAA,EAAE,QAAU,EAAA,MAAA,EAAQ,SAAS,SAAU,EAAA;AAAA,EACtD,WAAW,EAAE,KAAA,EAAO,QAAQ,MAAQ,EAAA,MAAA,EAAQ,UAAU,MAAO,EAAA;AAAA,EAC7D,QAAQ,EAAE,KAAA,EAAO,QAAQ,MAAQ,EAAA,OAAA,EAAS,cAAc,KAAM,EAAA;AAAA,EAC9D,cAAgB,EAAA;AAAA,IACd,sBAAwB,EAAA,KAAA;AAAA,IACxB,WAAa,EAAA,MAAA;AAAA,GACf;AAAA,EACA,aAAe,EAAA,EAAE,QAAU,EAAA,MAAA,EAAQ,SAAS,UAAW,EAAA;AAAA,EACvD,SAAA,EAAW,EAAE,MAAA,EAAQ,MAAO,EAAA;AAAA,EAC5B,8CAAgD,EAAA;AAAA,IAC9C,UAAY,EAAA,SAAA;AAAA,GACd;AAAA,EACA,yEAA2E,EAAA;AAAA,IACzE,UAAY,EAAA,SAAA;AAAA,GACd;AAAA,EACA,iDAAmD,EAAA;AAAA,IACjD,UAAY,EAAA,SAAA;AAAA,GACd;AAAA,EACA,wBAAA,EAA0B,EAAE,UAAA,EAAY,SAAU,EAAA;AAAA,EAClD,uBAAA,EAAyB,EAAE,UAAA,EAAY,SAAU,EAAA;AAAA,EACjD,uBAAA,EAAyB,EAAE,UAAA,EAAY,SAAU,EAAA;AAAA,EACjD,6FACE,EAAA;AAAA,IACE,UAAY,EAAA,SAAA;AAAA,GACd;AAAA,EACF,mHACE,EAAA;AAAA,IACE,UAAY,EAAA,SAAA;AAAA,GACd;AAAA,EACF,oHACE,EAAA;AAAA,IACE,UAAY,EAAA,SAAA;AAAA,GACd;AACJ,CAAC,CAAA,CAAA;AAEM,MAAM,WAAW,CAAC;AAAA,EACvB,OAAA;AAAA,EACA,QAAA;AACF,CAGM,KAAA;AACJ,EAAM,MAAA,SAAA,GAAY,iBAAiB,OAAO,CAAA,CAAA;AAE1C,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAc,WAAA,EAAA,QAAA,IAAY,EAAE,CAAA,CAAA;AAAA,MACvC,gBAAgB,EAAA,SAAA;AAAA,MACf,GAAG,WAAW,mCAAmC,CAAA;AAAA,KAAA;AAAA,GACpD,CAAA;AAEJ;;;;"}

package/dist/Icon.d.ts

@@ -0,0 +1,16 @@
+import { IconBaseProps } from '@meronex/icons';
+import { RequireExactlyOne } from 'type-fest';
+import React__default from 'react';
+import { TIconName, TIconType } from './iconMap.js';
+
+type TIconArgs = RequireExactlyOne<{
+    icon: TIconName | TIconType;
+    name: TIconName;
+}>;
+declare const Icon: React__default.ForwardRefExoticComponent<(TIconArgs & IconBaseProps & {
+    title: string;
+    imageSrc?: string | undefined;
+}) & React__default.RefAttributes<any>>;
+
+export { Icon };
+//# sourceMappingURL=Icon.d.ts.map

package/dist/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Icon.js

@@ -0,0 +1,44 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import React, { forwardRef } from 'react';
+import { icons, isIconName } from './iconMap.js';
+import { Box } from '@apia/theme';
+
+const Icon = forwardRef(({ icon, name, size, ...props }, ref) => {
+  const IconComponent = (
+    // eslint-disable-next-line no-nested-ternary
+    icon === void 0 ? icons[name] : isIconName(icon) ? icons[icon] : icon
+  );
+  const sx = React.useMemo(() => {
+    return {
+      "&.icon__wrapper": {
+        display: "inline-flex",
+        p: 0,
+        m: 0,
+        svg: {
+          width: size,
+          height: size
+        }
+      }
+    };
+  }, [size]);
+  return /* @__PURE__ */ jsx(Box, { ref, as: "span", className: "icon__wrapper", sx, children: props.imageSrc ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      "aria-label": props["aria-label"] ?? props.title,
+      style: {
+        height: size,
+        width: size
+      },
+      src: props.imageSrc
+    }
+  ) : /* @__PURE__ */ jsx(
+    IconComponent,
+    {
+      ...props,
+      "aria-label": props["aria-label"] ?? props.title
+    }
+  ) });
+});
+
+export { Icon };
+//# sourceMappingURL=Icon.js.map

package/dist/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../src/Icon.tsx"],"sourcesContent":["import { IconBaseProps } from '@meronex/icons';\nimport { RequireExactlyOne } from 'type-fest';\nimport React, { forwardRef } from 'react';\nimport { icons, isIconName, TIconName, TIconType } from './iconMap';\nimport { Box } from '@apia/theme';\n\ntype TIconArgs = RequireExactlyOne<{\n  icon: TIconName | TIconType;\n  name: TIconName;\n}>;\n\nexport const Icon = forwardRef<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  any,\n  TIconArgs & IconBaseProps & { title: string; imageSrc?: string }\n>(({ icon, name, size, ...props }, ref) => {\n  const IconComponent =\n    // eslint-disable-next-line no-nested-ternary\n    icon === undefined ? icons[name] : isIconName(icon) ? icons[icon] : icon;\n\n  const sx = React.useMemo(() => {\n    return {\n      '&.icon__wrapper': {\n        display: 'inline-flex',\n        p: 0,\n        m: 0,\n\n        svg: {\n          width: size,\n          height: size,\n        },\n      },\n    };\n  }, [size]);\n\n  return (\n    <Box ref={ref} as=\"span\" className=\"icon__wrapper\" sx={sx}>\n      {props.imageSrc ? (\n        <img\n          aria-label={props['aria-label'] ?? props.title}\n          style={{\n            height: size,\n            width: size,\n          }}\n          src={props.imageSrc}\n        />\n      ) : (\n        <IconComponent\n          {...props}\n          aria-label={props['aria-label'] ?? props.title}\n        />\n      )}\n    </Box>\n  );\n});\n"],"names":[],"mappings":";;;;;AAWa,MAAA,IAAA,GAAO,UAIlB,CAAA,CAAC,EAAE,IAAA,EAAM,MAAM,IAAM,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AACzC,EAAM,MAAA,aAAA;AAAA;AAAA,IAEJ,IAAA,KAAS,KAAY,CAAA,GAAA,KAAA,CAAM,IAAI,CAAA,GAAI,WAAW,IAAI,CAAA,GAAI,KAAM,CAAA,IAAI,CAAI,GAAA,IAAA;AAAA,GAAA,CAAA;AAEtE,EAAM,MAAA,EAAA,GAAK,KAAM,CAAA,OAAA,CAAQ,MAAM;AAC7B,IAAO,OAAA;AAAA,MACL,iBAAmB,EAAA;AAAA,QACjB,OAAS,EAAA,aAAA;AAAA,QACT,CAAG,EAAA,CAAA;AAAA,QACH,CAAG,EAAA,CAAA;AAAA,QAEH,GAAK,EAAA;AAAA,UACH,KAAO,EAAA,IAAA;AAAA,UACP,MAAQ,EAAA,IAAA;AAAA,SACV;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EACE,uBAAA,GAAA,CAAC,OAAI,GAAU,EAAA,EAAA,EAAG,QAAO,SAAU,EAAA,eAAA,EAAgB,EAChD,EAAA,QAAA,EAAA,KAAA,CAAM,QACL,mBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAY,EAAA,KAAA,CAAM,YAAY,CAAA,IAAK,KAAM,CAAA,KAAA;AAAA,MACzC,KAAO,EAAA;AAAA,QACL,MAAQ,EAAA,IAAA;AAAA,QACR,KAAO,EAAA,IAAA;AAAA,OACT;AAAA,MACA,KAAK,KAAM,CAAA,QAAA;AAAA,KAAA;AAAA,GAGb,mBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,YAAY,EAAA,KAAA,CAAM,YAAY,CAAA,IAAK,KAAM,CAAA,KAAA;AAAA,KAAA;AAAA,GAG/C,EAAA,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/iconMap.d.ts

@@ -0,0 +1,386 @@
+import * as _meronex_icons_lib from '@meronex/icons/lib';
+import { IconType } from '@meronex/icons';
+
+type TIconType = IconType;
+type TIconName = keyof typeof IconsMap;
+/**
+ * La idea original al menos, es que los nombres de los íconos sean lo más
+ * genérico posible. Como ejemplo, tenemos el ícono Plus, cuyo nombre no indica
+ * nada acerca del rol que ocupa en la aplicación, sino que solamente describe
+ * qué ícono podemos esperar encontrar.
+ *
+ * Para indicar qué uso podría tener en la aplicación, se pueden agregar tags
+ * en el array tags correspondiente.
+ */
+declare const IconsMap: {
+    Alert: {
+        icon: IconType;
+        tags: string[];
+    };
+    AreaSelect: {
+        icon: IconType;
+        tags: never[];
+    };
+    ArrowLeft: {
+        icon: IconType;
+        tags: never[];
+    };
+    ArrowRight: {
+        icon: IconType;
+        tags: never[];
+    };
+    ArrowUp: {
+        icon: IconType;
+        tags: never[];
+    };
+    ArrowDown: {
+        icon: IconType;
+        tags: never[];
+    };
+    ArrowRightThin: {
+        icon: _meronex_icons_lib.IconType;
+        tags: never[];
+    };
+    ArrowLeftThin: {
+        icon: _meronex_icons_lib.IconType;
+        tags: never[];
+    };
+    ArrowUpThin: {
+        icon: IconType;
+        tags: never[];
+    };
+    ArrowDownThin: {
+        icon: IconType;
+        tags: never[];
+    };
+    Broom: {
+        icon: IconType;
+        tags: string[];
+    };
+    Bulb: {
+        icon: IconType;
+        tags: string[];
+    };
+    Calendar: {
+        icon: IconType;
+        tags: string[];
+    };
+    Check: {
+        icon: IconType;
+        tags: string[];
+    };
+    CircleFilled: {
+        icon: IconType;
+        tags: never[];
+    };
+    Clock: {
+        icon: IconType;
+        tags: never[];
+    };
+    CloudArrow: {
+        icon: IconType;
+        tags: string[];
+    };
+    Close: {
+        icon: IconType;
+        tags: string[];
+    };
+    CloseThin: {
+        icon: IconType;
+        tags: string[];
+    };
+    Comment: {
+        icon: IconType;
+        tags: never[];
+    };
+    Copy: {
+        icon: IconType;
+        tags: never[];
+    };
+    CrossFilter: {
+        icon: IconType;
+        tags: never[];
+    };
+    Cube: {
+        icon: IconType;
+        tags: never[];
+    };
+    Desktop: {
+        icon: IconType;
+        tags: string[];
+    };
+    Difference: {
+        icon: IconType;
+        tags: never[];
+    };
+    Download: {
+        icon: IconType;
+        tags: never[];
+    };
+    DotSmall: {
+        icon: IconType;
+        tags: never[];
+    };
+    DotBig: {
+        icon: IconType;
+        tags: never[];
+    };
+    DragAndDrop: {
+        icon: IconType;
+        tags: string[];
+    };
+    Edit: {
+        icon: IconType;
+        tags: string[];
+    };
+    Ellipsis: {
+        icon: IconType;
+        tags: string[];
+    };
+    External: {
+        icon: IconType;
+        tags: string[];
+    };
+    File: {
+        icon: IconType;
+        tags: string[];
+    };
+    Filter: {
+        icon: IconType;
+        tags: never[];
+    };
+    First: {
+        icon: IconType;
+        tags: never[];
+    };
+    FlowTree: {
+        icon: IconType;
+        tags: never[];
+    };
+    FolderClosed: {
+        icon: IconType;
+        tags: string[];
+    };
+    FolderOpen: {
+        icon: IconType;
+        tags: string[];
+    };
+    FolderPlus: {
+        icon: IconType;
+        tags: string[];
+    };
+    Groups: {
+        icon: IconType;
+        tags: never[];
+    };
+    Hamburguer: {
+        icon: IconType;
+        tags: string[];
+    };
+    Help: {
+        icon: IconType;
+        tags: string[];
+    };
+    Home: {
+        icon: IconType;
+        tags: string[];
+    };
+    Info: {
+        icon: IconType;
+        tags: never[];
+    };
+    Last: {
+        icon: IconType;
+        tags: never[];
+    };
+    LetterAutocomplete: {
+        icon: IconType;
+        tags: never[];
+    };
+    Locked: {
+        icon: IconType;
+        tags: string[];
+    };
+    Magic: {
+        icon: IconType;
+        tags: string[];
+    };
+    Maximize: {
+        icon: IconType;
+        tags: string[];
+    };
+    Merge: {
+        icon: IconType;
+        tags: never[];
+    };
+    Minimize: {
+        icon: IconType;
+        tags: string[];
+    };
+    Minus: {
+        icon: IconType;
+        tags: string[];
+    };
+    MinusReverse: {
+        icon: IconType;
+        tags: string[];
+    };
+    MinusFilled: {
+        icon: IconType;
+        tags: string[];
+    };
+    Molecule: {
+        icon: IconType;
+        tags: string[];
+    };
+    Next: {
+        icon: IconType;
+        tags: never[];
+    };
+    Note: {
+        icon: IconType;
+        tags: never[];
+    };
+    PanHand: {
+        icon: IconType;
+        tags: string[];
+    };
+    Plus: {
+        icon: IconType;
+        tags: string[];
+    };
+    PlusReverse: {
+        icon: IconType;
+        tags: string[];
+    };
+    PlusFilled: {
+        icon: IconType;
+        tags: string[];
+    };
+    PlusThin: {
+        icon: IconType;
+        tags: never[];
+    };
+    Pointer: {
+        icon: IconType;
+        tags: string[];
+    };
+    Previous: {
+        icon: IconType;
+        tags: never[];
+    };
+    Print: {
+        icon: IconType;
+        tags: never[];
+    };
+    Redo: {
+        icon: IconType;
+        tags: never[];
+    };
+    Refresh: {
+        icon: IconType;
+        tags: string[];
+    };
+    Save: {
+        icon: IconType;
+        tags: never[];
+    };
+    Search: {
+        icon: IconType;
+        tags: never[];
+    };
+    Settings: {
+        icon: IconType;
+        tags: string[];
+    };
+    SquareFilled: {
+        icon: IconType;
+        tags: never[];
+    };
+    SquareOutline: {
+        icon: IconType;
+        tags: never[];
+    };
+    Sort: {
+        icon: IconType;
+        tags: never[];
+    };
+    Star: {
+        icon: IconType;
+        tags: string[];
+    };
+    Sum: {
+        icon: IconType;
+        tags: string[];
+    };
+    TaskList: {
+        icon: IconType;
+        tags: string[];
+    };
+    Translate: {
+        icon: IconType;
+        tags: string[];
+    };
+    Trash: {
+        icon: IconType;
+        tags: string[];
+    };
+    Undo: {
+        icon: IconType;
+        tags: string[];
+    };
+    Upload: {
+        icon: IconType;
+        tags: never[];
+    };
+    User: {
+        icon: IconType;
+        tags: never[];
+    };
+    User2: {
+        icon: IconType;
+        tags: never[];
+    };
+    Volume: {
+        icon: IconType;
+        tags: never[];
+    };
+    WindowMaximize: {
+        icon: IconType;
+        tags: never[];
+    };
+    WindowMinimize: {
+        icon: IconType;
+        tags: never[];
+    };
+    Work: {
+        icon: IconType;
+        tags: never[];
+    };
+    ZoomIn: {
+        icon: IconType;
+        tags: string[];
+    };
+    ZoomOut: {
+        icon: IconType;
+        tags: string[];
+    };
+};
+declare const icons: Record<"Alert" | "AreaSelect" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "ArrowRightThin" | "ArrowLeftThin" | "ArrowUpThin" | "ArrowDownThin" | "Broom" | "Bulb" | "Calendar" | "Check" | "CircleFilled" | "Clock" | "CloudArrow" | "Close" | "CloseThin" | "Comment" | "Copy" | "CrossFilter" | "Cube" | "Desktop" | "Difference" | "Download" | "DotSmall" | "DotBig" | "DragAndDrop" | "Edit" | "Ellipsis" | "External" | "File" | "Filter" | "First" | "FlowTree" | "FolderClosed" | "FolderOpen" | "FolderPlus" | "Groups" | "Hamburguer" | "Help" | "Home" | "Info" | "Last" | "LetterAutocomplete" | "Locked" | "Magic" | "Maximize" | "Merge" | "Minimize" | "Minus" | "MinusReverse" | "MinusFilled" | "Molecule" | "Next" | "Note" | "PanHand" | "Plus" | "PlusReverse" | "PlusFilled" | "PlusThin" | "Pointer" | "Previous" | "Print" | "Redo" | "Refresh" | "Save" | "Search" | "Settings" | "SquareFilled" | "SquareOutline" | "Sort" | "Star" | "Sum" | "TaskList" | "Translate" | "Trash" | "Undo" | "Upload" | "User" | "User2" | "Volume" | "WindowMaximize" | "WindowMinimize" | "Work" | "ZoomIn" | "ZoomOut", IconType>;
+/**
+ * Se puede utilizar este type guard para aceptar argumentos en los componentes
+ * que permitan pasar tanto un nombre de ícono como un ícono en sí.
+ *
+ * @example
+ *-
+ * ({icon}: {icon: TIconName | TIconType}) => {
+ *   const ActualIcon = React.useMemo(
+ *     ()=> isIconName(icon) ? (() => <Icon name={icon} />) : icon
+ *   , [])
+ *   return <ActualIcon />
+ * }
+ */
+declare function isIconName(arg: TIconName | TIconType): arg is TIconName;
+
+export { IconsMap, type TIconName, type TIconType, icons, isIconName };
+//# sourceMappingURL=iconMap.d.ts.map

package/dist/iconMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconMap.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}