lkd-web-kit 0.0.17 → 0.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("clsx"),a=require("../Icon.cjs"),o=e=>e&&e.__esModule?e:{default:e},d=o(n),u={sm:48,md:60,lg:84},m=({label:e,action:s,icon:c,className:l,size:r="md",...i})=>t.jsxs("div",{className:d.default("justfiy-center flex flex-col items-center gap-1",l),...i,children:[t.jsx(a,{i:c,size:u[r],className:"text-gray-2"}),t.jsx("p",{className:"text-gray-6 text-sm font-semibold",children:e}),t.jsx("div",{children:s})]});exports.EmptyState=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("clsx"),o=require("../Icon.cjs"),a=e=>e&&e.__esModule?e:{default:e},d=a(i),u={sm:48,md:60,lg:84},m=({label:e,action:s,icon:c,className:l,size:n="md",...r})=>t.jsxs("div",{className:d.default("justfiy-center flex flex-col items-center gap-1",l),...r,children:[t.jsx(o.Icon,{i:c,size:u[n],className:"text-gray-2"}),t.jsx("p",{className:"text-gray-6 text-sm font-semibold",children:e}),t.jsx("div",{children:s})]});exports.EmptyState=m;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import clsx from 'clsx';\r\nimport { ComponentProps, ReactNode } from 'react';\r\nimport Icon, { IconFC } from '../Icon';\r\n\r\nexport interface EmptyProps extends ComponentProps<'div'> {\r\n label: ReactNode;\r\n action?: ReactNode;\r\n icon: IconFC;\r\n size?: keyof typeof pxBySize;\r\n}\r\n\r\nconst pxBySize = {\r\n sm: 48,\r\n md: 60,\r\n lg: 84,\r\n};\r\n\r\nexport const EmptyState = ({\r\n label,\r\n action,\r\n icon,\r\n className,\r\n size = 'md',\r\n ...props\r\n}: EmptyProps) => {\r\n return (\r\n <div\r\n className={clsx('justfiy-center flex flex-col items-center gap-1', className)}\r\n {...props}\r\n >\r\n <Icon\r\n i={icon}\r\n size={pxBySize[size]}\r\n className=\"text-gray-2\"\r\n />\r\n <p className=\"text-gray-6 text-sm font-semibold\">{label}</p>\r\n <div>{action}</div>\r\n </div>\r\n );\r\n};\r\n"],"names":["pxBySize","EmptyState","label","action","icon","className","size","props","jsxs","clsx","jsx","Icon"],"mappings":"0MAWMA,EAAW,CACf,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAEaC,EAAa,CAAC,CACzB,MAAAC,EACA,OAAAC,EACA,KAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,GAAGC,CACL,IAEIC,EAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,QAAK,kDAAmDJ,CAAS,EAC3E,GAAGE,EAEJ,SAAA,CAAAG,EAAA,IAACC,EAAA,CACC,EAAGP,EACH,KAAMJ,EAASM,CAAI,EACnB,UAAU,aAAA,CACZ,EACCI,EAAA,IAAA,IAAA,CAAE,UAAU,oCAAqC,SAAMR,EAAA,EACxDQ,EAAAA,IAAC,OAAK,SAAOP,CAAA,CAAA,CAAA,CAAA,CACf"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import clsx from 'clsx';\r\nimport { ComponentProps, ReactNode } from 'react';\r\nimport { IconFC, Icon } from '../Icon';\r\n\r\nexport interface EmptyProps extends ComponentProps<'div'> {\r\n label: ReactNode;\r\n action?: ReactNode;\r\n icon: IconFC;\r\n size?: keyof typeof pxBySize;\r\n}\r\n\r\nconst pxBySize = {\r\n sm: 48,\r\n md: 60,\r\n lg: 84,\r\n};\r\n\r\nexport const EmptyState = ({\r\n label,\r\n action,\r\n icon,\r\n className,\r\n size = 'md',\r\n ...props\r\n}: EmptyProps) => {\r\n return (\r\n <div\r\n className={clsx('justfiy-center flex flex-col items-center gap-1', className)}\r\n {...props}\r\n >\r\n <Icon\r\n i={icon}\r\n size={pxBySize[size]}\r\n className=\"text-gray-2\"\r\n />\r\n <p className=\"text-gray-6 text-sm font-semibold\">{label}</p>\r\n <div>{action}</div>\r\n </div>\r\n );\r\n};\r\n"],"names":["pxBySize","EmptyState","label","action","icon","className","size","props","jsxs","clsx","jsx","Icon"],"mappings":"0MAWMA,EAAW,CACf,GAAI,GACJ,GAAI,GACJ,GAAI,EACN,EAEaC,EAAa,CAAC,CACzB,MAAAC,EACA,OAAAC,EACA,KAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,KACP,GAAGC,CACL,IAEIC,EAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,QAAK,kDAAmDJ,CAAS,EAC3E,GAAGE,EAEJ,SAAA,CAAAG,EAAA,IAACC,EAAA,KAAA,CACC,EAAGP,EACH,KAAMJ,EAASM,CAAI,EACnB,UAAU,aAAA,CACZ,EACCI,EAAA,IAAA,IAAA,CAAE,UAAU,oCAAqC,SAAMR,EAAA,EACxDQ,EAAAA,IAAC,OAAK,SAAOP,CAAA,CAAA,CAAA,CAAA,CACf"}
@@ -1,6 +1,6 @@
1
1
  import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
2
  import l from "clsx";
3
- import a from "../Icon.mjs";
3
+ import { Icon as a } from "../Icon.mjs";
4
4
  const n = {
5
5
  sm: 48,
6
6
  md: 60,
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import clsx from 'clsx';\r\nimport { ComponentProps, ReactNode } from 'react';\r\nimport Icon, { IconFC } from '../Icon';\r\n\r\nexport interface EmptyProps extends ComponentProps<'div'> {\r\n label: ReactNode;\r\n action?: ReactNode;\r\n icon: IconFC;\r\n size?: keyof typeof pxBySize;\r\n}\r\n\r\nconst pxBySize = {\r\n sm: 48,\r\n md: 60,\r\n lg: 84,\r\n};\r\n\r\nexport const EmptyState = ({\r\n label,\r\n action,\r\n icon,\r\n className,\r\n size = 'md',\r\n ...props\r\n}: EmptyProps) => {\r\n return (\r\n <div\r\n className={clsx('justfiy-center flex flex-col items-center gap-1', className)}\r\n {...props}\r\n >\r\n <Icon\r\n i={icon}\r\n size={pxBySize[size]}\r\n className=\"text-gray-2\"\r\n />\r\n <p className=\"text-gray-6 text-sm font-semibold\">{label}</p>\r\n <div>{action}</div>\r\n </div>\r\n );\r\n};\r\n"],"names":["pxBySize","EmptyState","label","action","icon","className","size","props","jsxs","clsx","jsx","Icon"],"mappings":";;;AAWA,MAAMA,IAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAa,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,mDAAmDJ,CAAS;AAAA,IAC3E,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,GAAGP;AAAA,UACH,MAAMJ,EAASM,CAAI;AAAA,UACnB,WAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MACC,gBAAAI,EAAA,KAAA,EAAE,WAAU,qCAAqC,UAAMR,GAAA;AAAA,MACxD,gBAAAQ,EAAC,SAAK,UAAOP,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AACf;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import clsx from 'clsx';\r\nimport { ComponentProps, ReactNode } from 'react';\r\nimport { IconFC, Icon } from '../Icon';\r\n\r\nexport interface EmptyProps extends ComponentProps<'div'> {\r\n label: ReactNode;\r\n action?: ReactNode;\r\n icon: IconFC;\r\n size?: keyof typeof pxBySize;\r\n}\r\n\r\nconst pxBySize = {\r\n sm: 48,\r\n md: 60,\r\n lg: 84,\r\n};\r\n\r\nexport const EmptyState = ({\r\n label,\r\n action,\r\n icon,\r\n className,\r\n size = 'md',\r\n ...props\r\n}: EmptyProps) => {\r\n return (\r\n <div\r\n className={clsx('justfiy-center flex flex-col items-center gap-1', className)}\r\n {...props}\r\n >\r\n <Icon\r\n i={icon}\r\n size={pxBySize[size]}\r\n className=\"text-gray-2\"\r\n />\r\n <p className=\"text-gray-6 text-sm font-semibold\">{label}</p>\r\n <div>{action}</div>\r\n </div>\r\n );\r\n};\r\n"],"names":["pxBySize","EmptyState","label","action","icon","className","size","props","jsxs","clsx","jsx","Icon"],"mappings":";;;AAWA,MAAMA,IAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAa,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,mDAAmDJ,CAAS;AAAA,IAC3E,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,GAAGP;AAAA,UACH,MAAMJ,EAASM,CAAI;AAAA,UACnB,WAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MACC,gBAAAI,EAAA,KAAA,EAAE,WAAU,qCAAqC,UAAMR,GAAA;AAAA,MACxD,gBAAAQ,EAAC,SAAK,UAAOP,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AACf;"}
@@ -1,2 +1,2 @@
1
- "use client";"use strict";const l=require("react/jsx-runtime"),n=require("clsx"),o=t=>t&&t.__esModule?t:{default:t},r=o(n),c=({i:t,size:e="md",style:h,rotate:i,className:s,...d})=>l.jsx(t,{...typeof e=="number"?{height:e,width:e}:u[e],viewBox:"0 0 24 24",style:{...h,transform:`rotate(${i}deg)`},className:r.default("shrink-0",s),...d}),u={xs:{height:16,width:16},sm:{height:20,width:20},md:{height:24,width:24},lg:{height:28,width:28},xl:{height:32,width:32},"2xl":{height:40,width:40}};module.exports=c;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("clsx"),d=t=>t&&t.__esModule?t:{default:t},r=d(n),c=({i:t,size:e="md",style:i,rotate:h,className:s,...o})=>l.jsx(t,{...typeof e=="number"?{height:e,width:e}:u[e],viewBox:"0 0 24 24",style:{...i,transform:`rotate(${h}deg)`},className:r.default("shrink-0",s),...o}),u={xs:{height:16,width:16},sm:{height:20,width:20},md:{height:24,width:24},lg:{height:28,width:28},xl:{height:32,width:32},"2xl":{height:40,width:40}};exports.Icon=c;
2
2
  //# sourceMappingURL=Icon.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.cjs","sources":["../../src/components/Icon.tsx"],"sourcesContent":["\"use client\";\r\nimport clsx from \"clsx\";\r\nimport React, { ComponentPropsWithoutRef } from \"react\";\r\n\r\nexport type IconFC = React.FC<ComponentPropsWithoutRef<\"svg\">>;\r\nexport interface IconProps extends ComponentPropsWithoutRef<\"svg\"> {\r\n i: IconFC;\r\n /**\r\n * @property xs: 16px\r\n * @property sm: 20px\r\n * @property md: 24px\r\n * @property lg: 28px\r\n * @property xl: 32px\r\n * @property 2xl: 40px\r\n */\r\n size?: keyof typeof stylesBySize | number;\r\n}\r\n\r\nconst Icon = ({\r\n i: I,\r\n size = \"md\",\r\n style,\r\n rotate,\r\n className,\r\n ...rest\r\n}: IconProps) => {\r\n /* \r\n Para que no haya colisiones de ids al renderizar el icono en varios lados, le pasamos este id a la prop idprefix.\r\n Esta prop es agregada gracias al archivo svgr-dynamic-ids.js que se encuentra en la raíz del proyecto.\r\n */\r\n\r\n return (\r\n <I\r\n {...(typeof size === \"number\"\r\n ? {\r\n height: size,\r\n width: size\r\n }\r\n : stylesBySize[size])}\r\n viewBox=\"0 0 24 24\"\r\n style={{\r\n ...style,\r\n transform: `rotate(${rotate}deg)`\r\n }}\r\n className={clsx(\"shrink-0\", className)}\r\n {...rest}\r\n />\r\n );\r\n};\r\n\r\nconst stylesBySize = {\r\n xs: {\r\n height: 16,\r\n width: 16\r\n },\r\n sm: {\r\n height: 20,\r\n width: 20\r\n },\r\n md: {\r\n height: 24,\r\n width: 24\r\n },\r\n lg: {\r\n height: 28,\r\n width: 28\r\n },\r\n xl: {\r\n height: 32,\r\n width: 32\r\n },\r\n [\"2xl\"]: {\r\n height: 40,\r\n width: 40\r\n }\r\n};\r\n\r\nexport default Icon;\r\n"],"names":["Icon","I","size","style","rotate","className","rest","jsx","stylesBySize","clsx"],"mappings":"2HAkBMA,EAAO,CAAC,CACZ,EAAGC,EACH,KAAAC,EAAO,KACP,MAAAC,EACA,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAOIC,EAAA,IAACN,EAAA,CACE,GAAI,OAAOC,GAAS,SACjB,CACE,OAAQA,EACR,MAAOA,CAAA,EAETM,EAAaN,CAAI,EACrB,QAAQ,YACR,MAAO,CACL,GAAGC,EACH,UAAW,UAAUC,CAAM,MAC7B,EACA,UAAWK,EAAAA,QAAK,WAAYJ,CAAS,EACpC,GAAGC,CAAA,CACN,EAIEE,EAAe,CACnB,GAAI,CACF,OAAQ,GACR,MAAO,EACT,EACA,GAAI,CACF,OAAQ,GACR,MAAO,EACT,EACA,GAAI,CACF,OAAQ,GACR,MAAO,EACT,EACA,GAAI,CACF,OAAQ,GACR,MAAO,EACT,EACA,GAAI,CACF,OAAQ,GACR,MAAO,EACT,EACC,MAAQ,CACP,OAAQ,GACR,MAAO,EAAA,CAEX"}
1
+ {"version":3,"file":"Icon.cjs","sources":["../../src/components/Icon.tsx"],"sourcesContent":["'use client';\r\nimport clsx from 'clsx';\r\nimport React, { ComponentPropsWithoutRef } from 'react';\r\n\r\nexport type IconFC = React.FC<ComponentPropsWithoutRef<'svg'>>;\r\nexport interface IconProps extends ComponentPropsWithoutRef<'svg'> {\r\n i: IconFC;\r\n /**\r\n * @property xs: 16px\r\n * @property sm: 20px\r\n * @property md: 24px\r\n * @property lg: 28px\r\n * @property xl: 32px\r\n * @property 2xl: 40px\r\n */\r\n size?: keyof typeof stylesBySize | number;\r\n}\r\n\r\nexport const Icon = ({ i: I, size = 'md', style, rotate, className, ...rest }: IconProps) => {\r\n /* \r\n Para que no haya colisiones de ids al renderizar el icono en varios lados, le pasamos este id a la prop idprefix.\r\n Esta prop es agregada gracias al archivo svgr-dynamic-ids.js que se encuentra en la raíz del proyecto.\r\n */\r\n\r\n return (\r\n <I\r\n {...(typeof size === 'number'\r\n ? {\r\n height: size,\r\n width: size,\r\n }\r\n : stylesBySize[size])}\r\n viewBox=\"0 0 24 24\"\r\n style={{\r\n ...style,\r\n transform: `rotate(${rotate}deg)`,\r\n }}\r\n className={clsx('shrink-0', className)}\r\n {...rest}\r\n />\r\n );\r\n};\r\n\r\nconst stylesBySize = {\r\n xs: {\r\n height: 16,\r\n width: 16,\r\n },\r\n sm: {\r\n height: 20,\r\n width: 20,\r\n },\r\n md: {\r\n height: 24,\r\n width: 24,\r\n },\r\n lg: {\r\n height: 28,\r\n width: 28,\r\n },\r\n xl: {\r\n height: 32,\r\n width: 32,\r\n },\r\n ['2xl']: {\r\n height: 40,\r\n width: 40,\r\n },\r\n};\r\n"],"names":["Icon","I","size","style","rotate","className","rest","jsx","stylesBySize","clsx"],"mappings":"8LAkBaA,EAAO,CAAC,CAAE,EAAGC,EAAG,KAAAC,EAAO,KAAM,MAAAC,EAAO,OAAAC,EAAQ,UAAAC,EAAW,GAAGC,CAAA,IAOnEC,EAAA,IAACN,EAAA,CACE,GAAI,OAAOC,GAAS,SACjB,CACE,OAAQA,EACR,MAAOA,CAAA,EAETM,EAAaN,CAAI,EACrB,QAAQ,YACR,MAAO,CACL,GAAGC,EACH,UAAW,UAAUC,CAAM,MAC7B,EACA,UAAWK,EAAAA,QAAK,WAAYJ,CAAS,EACpC,GAAGC,CAAA,CACN,EAIEE,EAAe,CACnB,GAAI,CACF,OAAQ,GACR,MAAO,EACT,EACA,GAAI,CACF,OAAQ,GACR,MAAO,EACT,EACA,GAAI,CACF,OAAQ,GACR,MAAO,EACT,EACA,GAAI,CACF,OAAQ,GACR,MAAO,EACT,EACA,GAAI,CACF,OAAQ,GACR,MAAO,EACT,EACC,MAAQ,CACP,OAAQ,GACR,MAAO,EAAA,CAEX"}
@@ -1,14 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as s } from "react/jsx-runtime";
3
3
  import d from "clsx";
4
- const n = ({
5
- i: h,
6
- size: t = "md",
7
- style: e,
8
- rotate: i,
9
- className: o,
10
- ...r
11
- }) => /* @__PURE__ */ s(
4
+ const n = ({ i: h, size: t = "md", style: i, rotate: e, className: o, ...r }) => /* @__PURE__ */ s(
12
5
  h,
13
6
  {
14
7
  ...typeof t == "number" ? {
@@ -17,8 +10,8 @@ const n = ({
17
10
  } : m[t],
18
11
  viewBox: "0 0 24 24",
19
12
  style: {
20
- ...e,
21
- transform: `rotate(${i}deg)`
13
+ ...i,
14
+ transform: `rotate(${e}deg)`
22
15
  },
23
16
  className: d("shrink-0", o),
24
17
  ...r
@@ -50,6 +43,6 @@ const n = ({
50
43
  }
51
44
  };
52
45
  export {
53
- n as default
46
+ n as Icon
54
47
  };
55
48
  //# sourceMappingURL=Icon.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.mjs","sources":["../../src/components/Icon.tsx"],"sourcesContent":["\"use client\";\r\nimport clsx from \"clsx\";\r\nimport React, { ComponentPropsWithoutRef } from \"react\";\r\n\r\nexport type IconFC = React.FC<ComponentPropsWithoutRef<\"svg\">>;\r\nexport interface IconProps extends ComponentPropsWithoutRef<\"svg\"> {\r\n i: IconFC;\r\n /**\r\n * @property xs: 16px\r\n * @property sm: 20px\r\n * @property md: 24px\r\n * @property lg: 28px\r\n * @property xl: 32px\r\n * @property 2xl: 40px\r\n */\r\n size?: keyof typeof stylesBySize | number;\r\n}\r\n\r\nconst Icon = ({\r\n i: I,\r\n size = \"md\",\r\n style,\r\n rotate,\r\n className,\r\n ...rest\r\n}: IconProps) => {\r\n /* \r\n Para que no haya colisiones de ids al renderizar el icono en varios lados, le pasamos este id a la prop idprefix.\r\n Esta prop es agregada gracias al archivo svgr-dynamic-ids.js que se encuentra en la raíz del proyecto.\r\n */\r\n\r\n return (\r\n <I\r\n {...(typeof size === \"number\"\r\n ? {\r\n height: size,\r\n width: size\r\n }\r\n : stylesBySize[size])}\r\n viewBox=\"0 0 24 24\"\r\n style={{\r\n ...style,\r\n transform: `rotate(${rotate}deg)`\r\n }}\r\n className={clsx(\"shrink-0\", className)}\r\n {...rest}\r\n />\r\n );\r\n};\r\n\r\nconst stylesBySize = {\r\n xs: {\r\n height: 16,\r\n width: 16\r\n },\r\n sm: {\r\n height: 20,\r\n width: 20\r\n },\r\n md: {\r\n height: 24,\r\n width: 24\r\n },\r\n lg: {\r\n height: 28,\r\n width: 28\r\n },\r\n xl: {\r\n height: 32,\r\n width: 32\r\n },\r\n [\"2xl\"]: {\r\n height: 40,\r\n width: 40\r\n }\r\n};\r\n\r\nexport default Icon;\r\n"],"names":["Icon","I","size","style","rotate","className","rest","jsx","stylesBySize","clsx"],"mappings":";;;AAkBA,MAAMA,IAAO,CAAC;AAAA,EACZ,GAAGC;AAAA,EACH,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAOI,gBAAAC;AAAA,EAACN;AAAA,EAAA;AAAA,IACE,GAAI,OAAOC,KAAS,WACjB;AAAA,MACE,QAAQA;AAAA,MACR,OAAOA;AAAA,IAAA,IAETM,EAAaN,CAAI;AAAA,IACrB,SAAQ;AAAA,IACR,OAAO;AAAA,MACL,GAAGC;AAAA,MACH,WAAW,UAAUC,CAAM;AAAA,IAC7B;AAAA,IACA,WAAWK,EAAK,YAAYJ,CAAS;AAAA,IACpC,GAAGC;AAAA,EAAA;AACN,GAIEE,IAAe;AAAA,EACnB,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACC,OAAQ;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX;"}
1
+ {"version":3,"file":"Icon.mjs","sources":["../../src/components/Icon.tsx"],"sourcesContent":["'use client';\r\nimport clsx from 'clsx';\r\nimport React, { ComponentPropsWithoutRef } from 'react';\r\n\r\nexport type IconFC = React.FC<ComponentPropsWithoutRef<'svg'>>;\r\nexport interface IconProps extends ComponentPropsWithoutRef<'svg'> {\r\n i: IconFC;\r\n /**\r\n * @property xs: 16px\r\n * @property sm: 20px\r\n * @property md: 24px\r\n * @property lg: 28px\r\n * @property xl: 32px\r\n * @property 2xl: 40px\r\n */\r\n size?: keyof typeof stylesBySize | number;\r\n}\r\n\r\nexport const Icon = ({ i: I, size = 'md', style, rotate, className, ...rest }: IconProps) => {\r\n /* \r\n Para que no haya colisiones de ids al renderizar el icono en varios lados, le pasamos este id a la prop idprefix.\r\n Esta prop es agregada gracias al archivo svgr-dynamic-ids.js que se encuentra en la raíz del proyecto.\r\n */\r\n\r\n return (\r\n <I\r\n {...(typeof size === 'number'\r\n ? {\r\n height: size,\r\n width: size,\r\n }\r\n : stylesBySize[size])}\r\n viewBox=\"0 0 24 24\"\r\n style={{\r\n ...style,\r\n transform: `rotate(${rotate}deg)`,\r\n }}\r\n className={clsx('shrink-0', className)}\r\n {...rest}\r\n />\r\n );\r\n};\r\n\r\nconst stylesBySize = {\r\n xs: {\r\n height: 16,\r\n width: 16,\r\n },\r\n sm: {\r\n height: 20,\r\n width: 20,\r\n },\r\n md: {\r\n height: 24,\r\n width: 24,\r\n },\r\n lg: {\r\n height: 28,\r\n width: 28,\r\n },\r\n xl: {\r\n height: 32,\r\n width: 32,\r\n },\r\n ['2xl']: {\r\n height: 40,\r\n width: 40,\r\n },\r\n};\r\n"],"names":["Icon","I","size","style","rotate","className","rest","jsx","stylesBySize","clsx"],"mappings":";;;AAkBO,MAAMA,IAAO,CAAC,EAAE,GAAGC,GAAG,MAAAC,IAAO,MAAM,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,GAAW,GAAGC,EAAA,MAOnE,gBAAAC;AAAA,EAACN;AAAA,EAAA;AAAA,IACE,GAAI,OAAOC,KAAS,WACjB;AAAA,MACE,QAAQA;AAAA,MACR,OAAOA;AAAA,IAAA,IAETM,EAAaN,CAAI;AAAA,IACrB,SAAQ;AAAA,IACR,OAAO;AAAA,MACL,GAAGC;AAAA,MACH,WAAW,UAAUC,CAAM;AAAA,IAC7B;AAAA,IACA,WAAWK,EAAK,YAAYJ,CAAS;AAAA,IACpC,GAAGC;AAAA,EAAA;AACN,GAIEE,IAAe;AAAA,EACnB,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACC,OAAQ;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX;"}
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/EmptyState/index.cjs"),i=require("./components/InfinityLoader/index.cjs"),n=require("./components/SelectInfinity/index.cjs"),a=require("./components/NavItems.cjs");require("react/jsx-runtime");require("clsx");const s=require("./consts/http-status.cjs"),u=require("./consts/revalidate.cjs"),e=require("./contexts/NavigationHistoryContext/index.cjs"),r=require("./contexts/PageDataContext/index.cjs"),l=require("./form/Form.cjs"),d=require("./form/FormButtonSubmit.cjs"),c=require("./form/utils/zodValidator.cjs"),y=require("./form/utils/nullableInput.cjs"),q=require("./hocs/withForm.cjs"),m=require("./hocs/withModalManager.cjs");require("@mantine/core");const g=require("./hooks/useFetchNextPageOnScroll.cjs"),p=require("./hooks/useOnScrollProgress.cjs");require("next/navigation");const f=require("./mantine/breakpointsWithPx.cjs"),P=require("./mantine/toTailwindColors.cjs"),S=require("./utils/formatBytes.cjs"),h=require("./utils/ky/addBodyJsonHook.cjs"),B=require("./utils/ky/parseJson.cjs"),t=require("./utils/array/groupBy.cjs"),v=require("./utils/array/shuffleArray.cjs"),N=require("./utils/newHref.cjs"),x=require("./utils/isInfinityEmpty.cjs");exports.EmptyState=o.EmptyState;exports.InfinityLoader=i.InfinityLoader;exports.SelectInfinity=n.SelectInfinity;exports.NavItems=a.NavItems;exports.HttpStatus=s.HttpStatus;exports.Revalidate=u.Revalidate;exports.NavigationHistoryProvider=e.NavigationHistoryProvider;exports.QP_BACK_URL_NAME=e.QP_BACK_URL_NAME;exports.useNavigationHistory=e.useNavigationHistory;exports.PageDataProvider=r.PageDataProvider;exports.usePageData=r.usePageData;exports.Form=l.Form;exports.FormButtonSubmit=d.FormButtonSubmit;exports.zodValidator=c.zodValidator;exports.nullableInput=y.nullableInput;exports.withForm=q.withForm;exports.withModalManager=m.withModalManager;exports.useFetchNextPageOnScroll=g.useFetchNextPageOnScroll;exports.useOnScrollProgress=p.useOnScrollProgress;exports.breakpointsWithPx=f.breakpointsWithPx;exports.toTailwindColors=P.toTailwindColors;exports.formatBytes=S.formatBytes;exports.addBodyJsonHook=h.addBodyJsonHook;exports.parseJSON=B.parseJSON;exports.groupBy=t.groupBy;exports.indexBy=t.indexBy;exports.shuffleArray=v.shuffleArray;exports.newHref=N.newHref;exports.isInfinityEmpty=x.isInfinityEmpty;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/EmptyState/index.cjs"),i=require("./components/InfinityLoader/index.cjs"),n=require("./components/SelectInfinity/index.cjs"),a=require("./components/NavItems.cjs"),s=require("./components/Icon.cjs"),u=require("./consts/http-status.cjs"),l=require("./consts/revalidate.cjs"),e=require("./contexts/NavigationHistoryContext/index.cjs"),r=require("./contexts/PageDataContext/index.cjs"),c=require("./form/Form.cjs"),d=require("./form/FormButtonSubmit.cjs"),y=require("./form/utils/zodValidator.cjs"),q=require("./form/utils/nullableInput.cjs"),m=require("./hocs/withForm.cjs"),g=require("./hocs/withModalManager.cjs");require("@mantine/core");const p=require("./hooks/useFetchNextPageOnScroll.cjs"),f=require("./hooks/useOnScrollProgress.cjs");require("next/navigation");const P=require("./mantine/breakpointsWithPx.cjs"),S=require("./mantine/toTailwindColors.cjs"),h=require("./utils/formatBytes.cjs"),B=require("./utils/ky/addBodyJsonHook.cjs"),I=require("./utils/ky/parseJson.cjs"),t=require("./utils/array/groupBy.cjs"),v=require("./utils/array/shuffleArray.cjs"),N=require("./utils/newHref.cjs"),x=require("./utils/isInfinityEmpty.cjs");exports.EmptyState=o.EmptyState;exports.InfinityLoader=i.InfinityLoader;exports.SelectInfinity=n.SelectInfinity;exports.NavItems=a.NavItems;exports.Icon=s.Icon;exports.HttpStatus=u.HttpStatus;exports.Revalidate=l.Revalidate;exports.NavigationHistoryProvider=e.NavigationHistoryProvider;exports.QP_BACK_URL_NAME=e.QP_BACK_URL_NAME;exports.useNavigationHistory=e.useNavigationHistory;exports.PageDataProvider=r.PageDataProvider;exports.usePageData=r.usePageData;exports.Form=c.Form;exports.FormButtonSubmit=d.FormButtonSubmit;exports.zodValidator=y.zodValidator;exports.nullableInput=q.nullableInput;exports.withForm=m.withForm;exports.withModalManager=g.withModalManager;exports.useFetchNextPageOnScroll=p.useFetchNextPageOnScroll;exports.useOnScrollProgress=f.useOnScrollProgress;exports.breakpointsWithPx=P.breakpointsWithPx;exports.toTailwindColors=S.toTailwindColors;exports.formatBytes=h.formatBytes;exports.addBodyJsonHook=B.addBodyJsonHook;exports.parseJSON=I.parseJSON;exports.groupBy=t.groupBy;exports.indexBy=t.indexBy;exports.shuffleArray=v.shuffleArray;exports.newHref=N.newHref;exports.isInfinityEmpty=x.isInfinityEmpty;
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/index.d.ts CHANGED
@@ -164,9 +164,11 @@ export declare enum HttpStatus {
164
164
  NetworkAuthenticationRequired = 511
165
165
  }
166
166
 
167
- export declare type IconFC = default_2.FC<ComponentPropsWithoutRef<"svg">>;
167
+ export declare const Icon: ({ i: I, size, style, rotate, className, ...rest }: IconProps) => JSX.Element;
168
168
 
169
- export declare interface IconProps extends ComponentPropsWithoutRef<"svg"> {
169
+ export declare type IconFC = default_2.FC<ComponentPropsWithoutRef<'svg'>>;
170
+
171
+ export declare interface IconProps extends ComponentPropsWithoutRef<'svg'> {
170
172
  i: IconFC;
171
173
  /**
172
174
  * @property xs: 16px
package/dist/index.mjs CHANGED
@@ -1,14 +1,13 @@
1
- import { EmptyState as f } from "./components/EmptyState/index.mjs";
2
- import { InfinityLoader as i } from "./components/InfinityLoader/index.mjs";
3
- import { SelectInfinity as n } from "./components/SelectInfinity/index.mjs";
4
- import { NavItems as l } from "./components/NavItems.mjs";
5
- import "react/jsx-runtime";
6
- import "clsx";
1
+ import { EmptyState as m } from "./components/EmptyState/index.mjs";
2
+ import { InfinityLoader as f } from "./components/InfinityLoader/index.mjs";
3
+ import { SelectInfinity as x } from "./components/SelectInfinity/index.mjs";
4
+ import { NavItems as n } from "./components/NavItems.mjs";
5
+ import { Icon as l } from "./components/Icon.mjs";
7
6
  import { HttpStatus as y } from "./consts/http-status.mjs";
8
7
  import { Revalidate as g } from "./consts/revalidate.mjs";
9
8
  import { NavigationHistoryProvider as S, QP_BACK_URL_NAME as v, useNavigationHistory as B } from "./contexts/NavigationHistoryContext/index.mjs";
10
- import { PageDataProvider as h, usePageData as H } from "./contexts/PageDataContext/index.mjs";
11
- import { Form as c } from "./form/Form.mjs";
9
+ import { PageDataProvider as N, usePageData as c } from "./contexts/PageDataContext/index.mjs";
10
+ import { Form as H } from "./form/Form.mjs";
12
11
  import { FormButtonSubmit as F } from "./form/FormButtonSubmit.mjs";
13
12
  import { zodValidator as A } from "./form/utils/zodValidator.mjs";
14
13
  import { nullableInput as M } from "./form/utils/nullableInput.mjs";
@@ -28,17 +27,18 @@ import { shuffleArray as oo } from "./utils/array/shuffleArray.mjs";
28
27
  import { newHref as to } from "./utils/newHref.mjs";
29
28
  import { isInfinityEmpty as mo } from "./utils/isInfinityEmpty.mjs";
30
29
  export {
31
- f as EmptyState,
32
- c as Form,
30
+ m as EmptyState,
31
+ H as Form,
33
32
  F as FormButtonSubmit,
34
33
  y as HttpStatus,
35
- i as InfinityLoader,
36
- l as NavItems,
34
+ l as Icon,
35
+ f as InfinityLoader,
36
+ n as NavItems,
37
37
  S as NavigationHistoryProvider,
38
- h as PageDataProvider,
38
+ N as PageDataProvider,
39
39
  v as QP_BACK_URL_NAME,
40
40
  g as Revalidate,
41
- n as SelectInfinity,
41
+ x as SelectInfinity,
42
42
  j as addBodyJsonHook,
43
43
  K as breakpointsWithPx,
44
44
  V as formatBytes,
@@ -53,7 +53,7 @@ export {
53
53
  J as useFetchNextPageOnScroll,
54
54
  B as useNavigationHistory,
55
55
  R as useOnScrollProgress,
56
- H as usePageData,
56
+ c as usePageData,
57
57
  _ as withForm,
58
58
  C as withModalManager,
59
59
  A as zodValidator
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lkd-web-kit",
3
- "version": "0.0.17",
3
+ "version": "0.0.18",
4
4
  "description": "A template for creating React component libraries with Vite.",
5
5
  "author": "LKD",
6
6
  "license": "MIT",