@apia/components 2.0.9 → 2.0.11

package/dist/components/forms/buttons/SimpleButton.js

@@ -0,0 +1,94 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import { spacing, Button, getVariant, Box, Spinner } from '@apia/theme';
+import * as React from 'react';
+
+const simpleButton = {
+  display: "inline-flex",
+  gap: spacing(3),
+  position: "relative",
+  alignItems: "center",
+  justifyContent: "center",
+  svg: {
+    flexShrink: 0,
+    path: {
+      fill: "currentColor"
+    }
+  },
+  ".toggled": {
+    backgroundColor: "primary"
+  },
+  ".button__content": {
+    overflowWrap: "break-word"
+  }
+  /* PREPEND HERE */
+};
+const SimpleButton = React.forwardRef(
+  ({
+    buttonSx,
+    children = null,
+    className,
+    disabled = false,
+    icon,
+    iconColor,
+    iconPosition = "left",
+    iconSize,
+    id,
+    isLoading,
+    name,
+    onClick,
+    size,
+    spinnerSize = 16,
+    title,
+    type = "button",
+    variant = "primary",
+    ...buttonProps
+  }, ref) => {
+    const loadingSx = React.useMemo(
+      () => ({
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      }),
+      []
+    );
+    const spanSx = React.useMemo(
+      () => ({
+        color: isLoading ? "transparent" : void 0
+      }),
+      [isLoading]
+    );
+    const Icon = React.useMemo(() => icon, [icon]);
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        id,
+        name,
+        title,
+        "aria-label": title,
+        onClick,
+        type,
+        disabled: isLoading ?? disabled,
+        className,
+        ...getVariant(`${variant}${size !== "md" && size ? `-${size}` : ""}`),
+        ...buttonProps,
+        sx: { ...simpleButton, ...buttonSx },
+        children: [
+          Icon && iconPosition === "left" && /* @__PURE__ */ jsx(Icon, { title: "", size: iconSize, color: iconColor }),
+          /* @__PURE__ */ jsx(Box, { as: "span", className: "button__content", sx: spanSx, children: children ?? title }),
+          Icon && iconPosition === "right" && /* @__PURE__ */ jsx(Icon, { title: "", size: iconSize, color: iconColor }),
+          isLoading && /* @__PURE__ */ jsx(Box, { className: "spinner", sx: loadingSx, children: /* @__PURE__ */ jsx(Spinner, { size: spinnerSize, color: "inherit" }) })
+        ]
+      }
+    );
+  }
+);
+SimpleButton.displayName = "SimpleButton";
+
+export { SimpleButton };
+//# sourceMappingURL=SimpleButton.js.map

package/dist/components/forms/buttons/SimpleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleButton.js","sources":["../../../../src/components/forms/buttons/SimpleButton.tsx"],"sourcesContent":["import { TIconType } from '@apia/icons';\r\nimport {\r\n  getVariant,\r\n  spacing,\r\n  Box,\r\n  Button,\r\n  ButtonProps,\r\n  Spinner,\r\n  ThemeUICSSObject,\r\n  ThemeUIStyleObject,\r\n} from '@apia/theme';\r\nimport * as React from 'react';\r\n\r\nexport interface ISimpleButton extends ButtonProps {\r\n  buttonSx?: ThemeUICSSObject;\r\n  icon?: TIconType;\r\n  iconColor?: string;\r\n  iconPosition?: 'left' | 'right';\r\n  iconSize?: number;\r\n  isLoading?: boolean;\r\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\r\n  size?: 'sm' | 'md' | 'lg';\r\n  variant?: string;\r\n  spinnerSize?: number;\r\n  type?: 'button' | 'submit' | 'reset';\r\n}\r\n\r\nconst simpleButton: ThemeUICSSObject = {\r\n  display: 'inline-flex',\r\n  gap: spacing(3),\r\n  position: 'relative',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n\r\n  svg: {\r\n    flexShrink: 0,\r\n    path: {\r\n      fill: 'currentColor',\r\n    },\r\n  },\r\n\r\n  '.toggled': {\r\n    backgroundColor: 'primary',\r\n  },\r\n\r\n  '.button__content': {\r\n    overflowWrap: 'break-word',\r\n  },\r\n\r\n  /* PREPEND HERE */\r\n};\r\n\r\nexport const SimpleButton = React.forwardRef(\r\n  (\r\n    {\r\n      buttonSx,\r\n      children = null,\r\n      className,\r\n      disabled = false,\r\n      icon,\r\n      iconColor,\r\n      iconPosition = 'left',\r\n      iconSize,\r\n      id,\r\n      isLoading,\r\n      name,\r\n      onClick,\r\n      size,\r\n      spinnerSize = 16,\r\n      title,\r\n      type = 'button',\r\n      variant = 'primary',\r\n      ...buttonProps\r\n    }: ISimpleButton,\r\n    ref: React.Ref<unknown>,\r\n  ) => {\r\n    const loadingSx = React.useMemo<ThemeUIStyleObject>(\r\n      () => ({\r\n        position: 'absolute',\r\n        top: 0,\r\n        left: 0,\r\n        right: 0,\r\n        bottom: 0,\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n      }),\r\n      [],\r\n    );\r\n    const spanSx = React.useMemo(\r\n      () => ({\r\n        color: isLoading ? 'transparent' : undefined,\r\n      }),\r\n      [isLoading],\r\n    );\r\n    const Icon = React.useMemo(() => icon, [icon]);\r\n\r\n    return (\r\n      <Button\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        id={id}\r\n        name={name}\r\n        title={title}\r\n        aria-label={title}\r\n        onClick={onClick}\r\n        type={type}\r\n        disabled={isLoading ?? disabled}\r\n        className={className}\r\n        {...getVariant(`${variant}${size !== 'md' && size ? `-${size}` : ''}`)}\r\n        {...buttonProps}\r\n        sx={{ ...simpleButton, ...buttonSx }}\r\n      >\r\n        {Icon && iconPosition === 'left' && (\r\n          <Icon title=\"\" size={iconSize} color={iconColor} />\r\n        )}\r\n        <Box as=\"span\" className=\"button__content\" sx={spanSx}>\r\n          {children ?? title}\r\n        </Box>\r\n        {Icon && iconPosition === 'right' && (\r\n          <Icon title=\"\" size={iconSize} color={iconColor} />\r\n        )}\r\n        {isLoading && (\r\n          <Box className=\"spinner\" sx={loadingSx}>\r\n            <Spinner size={spinnerSize} color=\"inherit\" />\r\n          </Box>\r\n        )}\r\n      </Button>\r\n    );\r\n  },\r\n);\r\n\r\nSimpleButton.displayName = 'SimpleButton';\r\n"],"names":[],"mappings":"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"}

package/dist/components/forms/util/style.d.ts

@@ -0,0 +1,7 @@
+import { ThemeUICSSObject } from '@apia/theme';
+
+declare const getFieldErrorStyles: (isValid: boolean) => ThemeUICSSObject;
+declare const getFieldTouchedStyles: (isTouched: boolean) => ThemeUICSSObject;
+
+export { getFieldErrorStyles, getFieldTouchedStyles };
+//# sourceMappingURL=style.d.ts.map

package/dist/components/forms/util/style.d.ts.map

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

package/dist/components/forms/util/style.js

@@ -0,0 +1,17 @@
+const getFieldErrorStyles = (isValid) => {
+  return {
+    borderLeftStyle: !isValid ? "solid" : null,
+    borderLeftWidth: !isValid ? "4px" : null,
+    borderLeftColor: !isValid ? "danger" : void 0
+  };
+};
+const getFieldTouchedStyles = (isTouched) => {
+  return {
+    borderStyle: isTouched ? "solid" : null,
+    borderWidth: isTouched ? "1px" : null,
+    borderColor: isTouched ? "orange" : void 0
+  };
+};
+
+export { getFieldErrorStyles, getFieldTouchedStyles };
+//# sourceMappingURL=style.js.map

package/dist/components/forms/util/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/forms/util/style.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\r\n\r\nexport const getFieldErrorStyles = (isValid: boolean): ThemeUICSSObject => {\r\n  return {\r\n    borderLeftStyle: !isValid ? 'solid' : null,\r\n    borderLeftWidth: !isValid ? '4px' : null,\r\n    borderLeftColor: !isValid ? 'danger' : undefined,\r\n  };\r\n};\r\n\r\nexport const getFieldTouchedStyles = (isTouched: boolean): ThemeUICSSObject => {\r\n  return {\r\n    borderStyle: isTouched ? 'solid' : null,\r\n    borderWidth: isTouched ? '1px' : null,\r\n    borderColor: isTouched ? 'orange' : undefined,\r\n  };\r\n};\r\n"],"names":[],"mappings":"AAEa,MAAA,mBAAA,GAAsB,CAAC,OAAuC,KAAA;AACzE,EAAO,OAAA;AAAA,IACL,eAAA,EAAiB,CAAC,OAAA,GAAU,OAAU,GAAA,IAAA;AAAA,IACtC,eAAA,EAAiB,CAAC,OAAA,GAAU,KAAQ,GAAA,IAAA;AAAA,IACpC,eAAA,EAAiB,CAAC,OAAA,GAAU,QAAW,GAAA,KAAA,CAAA;AAAA,GACzC,CAAA;AACF,EAAA;AAEa,MAAA,qBAAA,GAAwB,CAAC,SAAyC,KAAA;AAC7E,EAAO,OAAA;AAAA,IACL,WAAA,EAAa,YAAY,OAAU,GAAA,IAAA;AAAA,IACnC,WAAA,EAAa,YAAY,KAAQ,GAAA,IAAA;AAAA,IACjC,WAAA,EAAa,YAAY,QAAW,GAAA,KAAA,CAAA;AAAA,GACtC,CAAA;AACF;;;;"}

package/dist/components/importComponent.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ComponentType } from 'react';
+
+/**
+ * Permite importar un componente en forma dinámica con ruta relativa a
+ * /customComponents
+ */
+declare function importComponent<T = unknown>(path: string): React.LazyExoticComponent<ComponentType<T>>;
+
+export { importComponent };
+//# sourceMappingURL=importComponent.d.ts.map

package/dist/components/importComponent.d.ts.map

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

package/dist/components/importComponent.js

@@ -0,0 +1,25 @@
+import { jsx, Fragment } from '@apia/theme/jsx-runtime';
+import { lazy } from 'react';
+
+function importComponent(path) {
+  return lazy(() => {
+    return new Promise((resolve) => {
+      import(
+        /* webpackInclude: /\.tsx?$/ */
+        `/customComponents/${path}`
+      ).then((result) => {
+        resolve(result.default);
+      }).catch((error) => {
+        resolve({
+          default: () => {
+            console.error(error);
+            return /* @__PURE__ */ jsx(Fragment, { children: "Error" });
+          }
+        });
+      });
+    });
+  });
+}
+
+export { importComponent };
+//# sourceMappingURL=importComponent.js.map

package/dist/components/importComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"importComponent.js","sources":["../../src/components/importComponent.tsx"],"sourcesContent":["import { type ComponentType, lazy } from 'react';\r\n\r\n/**\r\n * Permite importar un componente en forma dinámica con ruta relativa a\r\n * /customComponents\r\n */\r\nexport function importComponent<T = unknown>(path: string) {\r\n  return lazy<ComponentType<T>>(() => {\r\n    return new Promise<{\r\n      default: ComponentType<T>;\r\n    }>((resolve) => {\r\n      import(/* webpackInclude: /\\.tsx?$/ */ `/customComponents/${path}`)\r\n        .then((result: { default: { default: ComponentType<T> } }) => {\r\n          resolve(result.default);\r\n        })\r\n        .catch((error: unknown) => {\r\n          resolve({\r\n            default: () => {\r\n              console.error(error);\r\n              return <>Error</>;\r\n            },\r\n          });\r\n        });\r\n    });\r\n  });\r\n}\r\n"],"names":[],"mappings":";;;AAMO,SAAS,gBAA6B,IAAc,EAAA;AACzD,EAAA,OAAO,KAAuB,MAAM;AAClC,IAAO,OAAA,IAAI,OAER,CAAA,CAAC,OAAY,KAAA;AACd,MAAA;AAAA;AAAA,QAAuC,qBAAqB,IAAI,CAAA,CAAA;AAAA,OAC7D,CAAA,IAAA,CAAK,CAAC,MAAuD,KAAA;AAC5D,QAAA,OAAA,CAAQ,OAAO,OAAO,CAAA,CAAA;AAAA,OACvB,CAAA,CACA,KAAM,CAAA,CAAC,KAAmB,KAAA;AACzB,QAAQ,OAAA,CAAA;AAAA,UACN,SAAS,MAAM;AACb,YAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AACnB,YAAA,uCAAS,QAAK,EAAA,OAAA,EAAA,CAAA,CAAA;AAAA,WAChB;AAAA,SACD,CAAA,CAAA;AAAA,OACF,CAAA,CAAA;AAAA,KACJ,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AACH;;;;"}

package/dist/components/loaders/LinearLoader.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+declare const LinearLoader: () => React.JSX.Element;
+
+export { LinearLoader as default };
+//# sourceMappingURL=LinearLoader.d.ts.map

package/dist/components/loaders/LinearLoader.d.ts.map

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

package/dist/components/loaders/LinearLoader.js

@@ -0,0 +1,33 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { BarLoader } from 'react-spinners';
+import { useThemeUI, Box } from '@apia/theme';
+
+const LinearLoader = () => {
+  const theme = useThemeUI();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        "*": { height: "6.5px !important" }
+      },
+      children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: {
+            zIndex: "tooltip",
+            position: "fixed",
+            top: 0,
+            left: 0,
+            right: 0
+          },
+          className: "linearLoader",
+          children: /* @__PURE__ */ jsx(BarLoader, { width: "100%", color: theme.theme.palette.primary.main })
+        }
+      )
+    }
+  );
+};
+var LinearLoader$1 = LinearLoader;
+
+export { LinearLoader$1 as default };
+//# sourceMappingURL=LinearLoader.js.map

package/dist/components/loaders/LinearLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearLoader.js","sources":["../../../src/components/loaders/LinearLoader.tsx"],"sourcesContent":["import { BarLoader } from 'react-spinners';\r\nimport { Box, useThemeUI } from '@apia/theme';\r\n\r\nconst LinearLoader = () => {\r\n  const theme = useThemeUI();\r\n  return (\r\n    <Box\r\n      sx={{\r\n        '*': { height: '6.5px !important' },\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          zIndex: 'tooltip',\r\n          position: 'fixed',\r\n          top: 0,\r\n          left: 0,\r\n          right: 0,\r\n        }}\r\n        className=\"linearLoader\"\r\n      >\r\n        <BarLoader width=\"100%\" color={theme.theme.palette.primary.main} />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default LinearLoader;\r\n"],"names":[],"mappings":";;;;AAGA,MAAM,eAAe,MAAM;AACzB,EAAA,MAAM,QAAQ,UAAW,EAAA,CAAA;AACzB,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,GAAA,EAAK,EAAE,MAAA,EAAQ,kBAAmB,EAAA;AAAA,OACpC;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,MAAQ,EAAA,SAAA;AAAA,YACR,QAAU,EAAA,OAAA;AAAA,YACV,GAAK,EAAA,CAAA;AAAA,YACL,IAAM,EAAA,CAAA;AAAA,YACN,KAAO,EAAA,CAAA;AAAA,WACT;AAAA,UACA,SAAU,EAAA,cAAA;AAAA,UAEV,QAAA,kBAAA,GAAA,CAAC,aAAU,KAAM,EAAA,MAAA,EAAO,OAAO,KAAM,CAAA,KAAA,CAAM,OAAQ,CAAA,OAAA,CAAQ,IAAM,EAAA,CAAA;AAAA,SAAA;AAAA,OACnE;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEA,qBAAe,YAAA;;;;"}

package/dist/components/loaders/LoaderSpinner.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+declare const LoaderSpinner: ((props: {
+    className?: string | undefined;
+}) => React__default.JSX.Element) & {
+    displayName: string;
+};
+
+export { LoaderSpinner as default };
+//# sourceMappingURL=LoaderSpinner.d.ts.map

package/dist/components/loaders/LoaderSpinner.d.ts.map

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

package/dist/components/loaders/LoaderSpinner.js

@@ -0,0 +1,26 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { makeStyledComponent, Spinner, getVariant } from '@apia/theme';
+
+const styles = {
+  height: "iconmd",
+  width: "iconmd",
+  background: "palette.background.paper"
+};
+const LoaderSpinner = makeStyledComponent(
+  "LoaderSpinner",
+  "layout.common.components.loaderSpinner",
+  styles,
+  ({ className }) => {
+    return /* @__PURE__ */ jsx(
+      Spinner,
+      {
+        ...getVariant("layout.common.components.loaderSpinner"),
+        className
+      }
+    );
+  }
+);
+var LoaderSpinner$1 = LoaderSpinner;
+
+export { LoaderSpinner$1 as default, styles };
+//# sourceMappingURL=LoaderSpinner.js.map

package/dist/components/loaders/LoaderSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderSpinner.js","sources":["../../../src/components/loaders/LoaderSpinner.tsx"],"sourcesContent":["import { getVariant, makeStyledComponent } from '@apia/theme';\r\nimport React from 'react';\r\nimport { Spinner } from '@apia/theme';\r\nimport { ThemeUICSSObject } from '@apia/theme';\r\n\r\nexport const styles: ThemeUICSSObject = {\r\n  height: 'iconmd',\r\n  width: 'iconmd',\r\n  background: 'palette.background.paper',\r\n};\r\n\r\nconst LoaderSpinner = makeStyledComponent(\r\n  'LoaderSpinner',\r\n  'layout.common.components.loaderSpinner',\r\n  styles,\r\n  ({ className }: { className?: string }) => {\r\n    return (\r\n      <Spinner\r\n        {...getVariant('layout.common.components.loaderSpinner')}\r\n        className={className}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nexport default LoaderSpinner;\r\n"],"names":[],"mappings":";;;AAKO,MAAM,MAA2B,GAAA;AAAA,EACtC,MAAQ,EAAA,QAAA;AAAA,EACR,KAAO,EAAA,QAAA;AAAA,EACP,UAAY,EAAA,0BAAA;AACd,EAAA;AAEA,MAAM,aAAgB,GAAA,mBAAA;AAAA,EACpB,eAAA;AAAA,EACA,wCAAA;AAAA,EACA,MAAA;AAAA,EACA,CAAC,EAAE,SAAA,EAAwC,KAAA;AACzC,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACE,GAAG,WAAW,wCAAwC,CAAA;AAAA,QACvD,SAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACF,CAAA,CAAA;AAEA,sBAAe,aAAA;;;;"}

package/dist/components/loaders/ProgressBar.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+interface IProgressBar {
+    id: string;
+    progress?: number;
+    loading?: boolean;
+}
+declare const ProgressBar: FC<IProgressBar>;
+
+export { type IProgressBar, ProgressBar as default };
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/loaders/ProgressBar.d.ts.map

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

package/dist/components/loaders/ProgressBar.js

@@ -0,0 +1,39 @@
+import { jsxs, Fragment, jsx } from '@apia/theme/jsx-runtime';
+import { Label, Progress, getVariant } from '@apia/theme';
+
+const ProgressBar = ({
+  id,
+  progress = 0,
+  loading = false
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Label,
+      {
+        htmlFor: id,
+        sx: {
+          display: loading ? "block" : "none",
+          m: "0px"
+        },
+        children: `${progress}%`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Progress,
+      {
+        id,
+        max: 100,
+        value: progress,
+        ...getVariant("styles.progress"),
+        sx: {
+          display: loading ? "block" : "none"
+        },
+        children: `${progress}%`
+      }
+    )
+  ] });
+};
+var ProgressBar$1 = ProgressBar;
+
+export { ProgressBar$1 as default };
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/loaders/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/loaders/ProgressBar.tsx"],"sourcesContent":["import { getVariant } from '@apia/theme';\r\nimport { FC } from 'react';\r\nimport { Progress, Label } from '@apia/theme';\r\n\r\nexport interface IProgressBar {\r\n  id: string;\r\n  progress?: number;\r\n  loading?: boolean;\r\n}\r\n\r\nconst ProgressBar: FC<IProgressBar> = ({\r\n  id,\r\n  progress = 0,\r\n  loading = false,\r\n}) => {\r\n  return (\r\n    <>\r\n      <Label\r\n        htmlFor={id}\r\n        sx={{\r\n          display: loading ? 'block' : 'none',\r\n          m: '0px',\r\n        }}\r\n      >\r\n        {`${progress}%`}\r\n      </Label>\r\n      <Progress\r\n        id={id}\r\n        max={100}\r\n        value={progress}\r\n        {...getVariant('styles.progress')}\r\n        sx={{\r\n          display: loading ? 'block' : 'none',\r\n        }}\r\n      >\r\n        {`${progress}%`}\r\n      </Progress>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ProgressBar;\r\n"],"names":[],"mappings":";;;AAUA,MAAM,cAAgC,CAAC;AAAA,EACrC,EAAA;AAAA,EACA,QAAW,GAAA,CAAA;AAAA,EACX,OAAU,GAAA,KAAA;AACZ,CAAM,KAAA;AACJ,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,EAAA;AAAA,QACT,EAAI,EAAA;AAAA,UACF,OAAA,EAAS,UAAU,OAAU,GAAA,MAAA;AAAA,UAC7B,CAAG,EAAA,KAAA;AAAA,SACL;AAAA,QAEC,aAAG,QAAQ,CAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KACd;AAAA,oBACA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,GAAK,EAAA,GAAA;AAAA,QACL,KAAO,EAAA,QAAA;AAAA,QACN,GAAG,WAAW,iBAAiB,CAAA;AAAA,QAChC,EAAI,EAAA;AAAA,UACF,OAAA,EAAS,UAAU,OAAU,GAAA,MAAA;AAAA,SAC/B;AAAA,QAEC,aAAG,QAAQ,CAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KACd;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,oBAAe,WAAA;;;;"}

package/dist/components/modals/CalendarModal.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { TModal } from './Modal.js';
+
+interface ICalendarModal extends TModal {
+    handleClickDay: (date: Date) => void;
+    onCancel: () => void;
+    calValue?: Date;
+    locale: string;
+}
+declare const CalendarModal: React__default.ForwardRefExoticComponent<ICalendarModal & React__default.RefAttributes<HTMLDivElement>>;
+
+export { CalendarModal, type ICalendarModal };
+//# sourceMappingURL=CalendarModal.d.ts.map

package/dist/components/modals/CalendarModal.d.ts.map

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

package/dist/components/modals/CalendarModal.js

@@ -0,0 +1,43 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import React__default, { lazy, Suspense } from 'react';
+import { Modal } from './Modal.js';
+
+const CalendarModal = React__default.forwardRef(
+  ({ handleClickDay, onCancel, calValue, locale, size, ...props }, ref) => {
+    const Calendar = lazy(
+      () => import('react-calendar')
+    );
+    return /* @__PURE__ */ jsx(
+      Modal,
+      {
+        noHeader: true,
+        size: size ?? "cal",
+        shouldCloseOnEsc: true,
+        shouldCloseOnOverlayClick: true,
+        ref,
+        ...props,
+        initialFocusGetter: (modalRef) => {
+          return modalRef?.querySelector(
+            ".react-calendar__tile--active"
+          );
+        },
+        children: /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            onClickDay: handleClickDay,
+            locale,
+            value: calValue ?? /* @__PURE__ */ new Date(),
+            nextLabel: "\u203A",
+            next2Label: "\xBB",
+            prevLabel: "\u2039",
+            prev2Label: "\xAB"
+          }
+        ) })
+      }
+    );
+  }
+);
+CalendarModal.displayName = "CalendarModal";
+
+export { CalendarModal };
+//# sourceMappingURL=CalendarModal.js.map

package/dist/components/modals/CalendarModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarModal.js","sources":["../../../src/components/modals/CalendarModal.tsx"],"sourcesContent":["import React, { ComponentType, FC, Suspense, lazy } from 'react';\r\nimport { Modal, TModal } from './Modal';\r\n\r\nexport interface ICalendarModal extends TModal {\r\n  handleClickDay: (date: Date) => void;\r\n  onCancel: () => void;\r\n  calValue?: Date;\r\n  locale: string;\r\n}\r\n\r\nexport const CalendarModal = React.forwardRef<HTMLDivElement, ICalendarModal>(\r\n  ({ handleClickDay, onCancel, calValue, locale, size, ...props }, ref) => {\r\n    const Calendar = lazy(\r\n      () =>\r\n        import('react-calendar') as unknown as Promise<{\r\n          default: ComponentType<any>;\r\n        }>,\r\n    );\r\n    return (\r\n      <Modal\r\n        noHeader\r\n        size={size ?? 'cal'}\r\n        shouldCloseOnEsc\r\n        shouldCloseOnOverlayClick\r\n        ref={ref}\r\n        {...props}\r\n        initialFocusGetter={(modalRef) => {\r\n          return modalRef?.querySelector(\r\n            '.react-calendar__tile--active',\r\n          ) as HTMLElement;\r\n        }}\r\n      >\r\n        <Suspense fallback={null}>\r\n          <Calendar\r\n            onClickDay={handleClickDay}\r\n            locale={locale}\r\n            value={calValue ?? new Date()}\r\n            nextLabel=\"›\"\r\n            next2Label=\"»\"\r\n            prevLabel=\"‹\"\r\n            prev2Label=\"«\"\r\n          />\r\n        </Suspense>\r\n      </Modal>\r\n    );\r\n  },\r\n);\r\n\r\nCalendarModal.displayName = 'CalendarModal';\r\n"],"names":["React"],"mappings":";;;;AAUO,MAAM,gBAAgBA,cAAM,CAAA,UAAA;AAAA,EACjC,CAAC,EAAE,cAAA,EAAgB,QAAU,EAAA,QAAA,EAAU,QAAQ,IAAM,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AACvE,IAAA,MAAM,QAAW,GAAA,IAAA;AAAA,MACf,MACE,OAAO,gBAAgB,CAAA;AAAA,KAG3B,CAAA;AACA,IACE,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACR,MAAM,IAAQ,IAAA,KAAA;AAAA,QACd,gBAAgB,EAAA,IAAA;AAAA,QAChB,yBAAyB,EAAA,IAAA;AAAA,QACzB,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,kBAAA,EAAoB,CAAC,QAAa,KAAA;AAChC,UAAA,OAAO,QAAU,EAAA,aAAA;AAAA,YACf,+BAAA;AAAA,WACF,CAAA;AAAA,SACF;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,IAClB,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,UAAY,EAAA,cAAA;AAAA,YACZ,MAAA;AAAA,YACA,KAAA,EAAO,QAAY,oBAAA,IAAI,IAAK,EAAA;AAAA,YAC5B,SAAU,EAAA,QAAA;AAAA,YACV,UAAW,EAAA,MAAA;AAAA,YACX,SAAU,EAAA,QAAA;AAAA,YACV,UAAW,EAAA,MAAA;AAAA,WAAA;AAAA,SAEf,EAAA,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}

package/dist/components/modals/Modal.d.ts

@@ -0,0 +1,178 @@
+import React__default from 'react';
+import { IOnFocusConfiguration, TFocusRetriever } from '@apia/util';
+import { TModalSize } from '../types.js';
+import { IDialogHeader } from './layout/DialogHeader.js';
+
+type TModal = {
+    animationDuration?: number;
+    /**
+     * Aplica solamente para modales que tengan draggable=true.
+     */
+    defaultPosition?: {
+        left?: string;
+        right?: string;
+        top?: string;
+        bottom?: string;
+    };
+    /**
+     * Si esta variable está en true, el modal se comportará más como una ventana
+     * que como un modal
+     */
+    draggable?: boolean;
+    children?: React__default.ReactNode;
+    className?: string;
+    id?: string;
+    initialFocusConfiguration?: IOnFocusConfiguration;
+    /**
+     * Este retriever será pasado al método focus.on para realizar el foco en el
+     * elemento inicial del modal.
+     *
+     * @see focus
+     */
+    initialFocusGetter?: (modalInnerRef: HTMLElement) => ReturnType<TFocusRetriever>;
+    /**
+     * Si se pasa un ref, el modal hará foco sobre el elemento una vez que haya
+     * abierto.
+     */
+    initialFocusRef?: React__default.RefObject<unknown>;
+    /**
+     * Controla el estado del modal, indicando a la transición de apertura o
+     * cierre que debe comenzar, dependiendo de si cambia a true o false
+     * respectivamente.
+     */
+    isOpen?: boolean;
+    maxWidth?: number | string;
+    /**
+     * Permite pasar un componente React que se mostrará a la derecha del título,
+     * con el fin de incorporar botones en el header del modal.
+     */
+    NavBar?: React__default.ReactNode;
+    noFocus?: boolean;
+    noHeader?: boolean;
+    /**
+     * Permite definir un callback que será llamado solamente cuando el modal se
+     * cierre por medio del click en el overlay, al presionar escape o mediante
+     * el botón cerrar del header (La X).
+     */
+    onClose?: () => void;
+    /**
+     * Este método recibe el evento del mousedown utilizado para controllar el dragstart. Si el usuario devuelve false, el drag no será realizado.
+     */
+    onDragStart?: (ev: MouseEvent) => boolean;
+    /**
+     * Permite definir un callback que será llamado siempre que el modal se
+     * cierre, una vez que la animación haya terminado.
+     */
+    onExited?: () => unknown;
+    /**
+     * Al pasar un Portal, el modal se abrirá dentro de éste y no directamente en
+     * la posición actual dentro del árbol de componentes. Normalmente, este
+     * Portal es pasado automáticamente por el hook useModal (No el de la
+     * librería, sino el nuestro).
+     *
+     * @see useModal
+     */
+    Portal?: React__default.FC<{
+        children: React__default.ReactNode;
+    }>;
+    /**
+     * Si es true, el modal será cerrado al presionar escape.
+     */
+    shouldCloseOnEsc?: boolean;
+    /**
+     * Si es true, el modal será cerrado al hacer clic en el overlay.
+     */
+    shouldCloseOnOverlayClick?: boolean;
+    size?: TModalSize;
+    stretch?: boolean;
+    title?: string;
+    variant?: string;
+} & Pick<IDialogHeader, 'hideCloseButton'>;
+declare const Modal: React__default.ForwardRefExoticComponent<{
+    animationDuration?: number | undefined;
+    /**
+     * Aplica solamente para modales que tengan draggable=true.
+     */
+    defaultPosition?: {
+        left?: string | undefined;
+        right?: string | undefined;
+        top?: string | undefined;
+        bottom?: string | undefined;
+    } | undefined;
+    /**
+     * Si esta variable está en true, el modal se comportará más como una ventana
+     * que como un modal
+     */
+    draggable?: boolean | undefined;
+    children?: React__default.ReactNode;
+    className?: string | undefined;
+    id?: string | undefined;
+    initialFocusConfiguration?: IOnFocusConfiguration | undefined;
+    /**
+     * Este retriever será pasado al método focus.on para realizar el foco en el
+     * elemento inicial del modal.
+     *
+     * @see focus
+     */
+    initialFocusGetter?: ((modalInnerRef: HTMLElement) => ReturnType<TFocusRetriever>) | undefined;
+    /**
+     * Si se pasa un ref, el modal hará foco sobre el elemento una vez que haya
+     * abierto.
+     */
+    initialFocusRef?: React__default.RefObject<unknown> | undefined;
+    /**
+     * Controla el estado del modal, indicando a la transición de apertura o
+     * cierre que debe comenzar, dependiendo de si cambia a true o false
+     * respectivamente.
+     */
+    isOpen?: boolean | undefined;
+    maxWidth?: string | number | undefined;
+    /**
+     * Permite pasar un componente React que se mostrará a la derecha del título,
+     * con el fin de incorporar botones en el header del modal.
+     */
+    NavBar?: React__default.ReactNode;
+    noFocus?: boolean | undefined;
+    noHeader?: boolean | undefined;
+    /**
+     * Permite definir un callback que será llamado solamente cuando el modal se
+     * cierre por medio del click en el overlay, al presionar escape o mediante
+     * el botón cerrar del header (La X).
+     */
+    onClose?: (() => void) | undefined;
+    /**
+     * Este método recibe el evento del mousedown utilizado para controllar el dragstart. Si el usuario devuelve false, el drag no será realizado.
+     */
+    onDragStart?: ((ev: MouseEvent) => boolean) | undefined;
+    /**
+     * Permite definir un callback que será llamado siempre que el modal se
+     * cierre, una vez que la animación haya terminado.
+     */
+    onExited?: (() => unknown) | undefined;
+    /**
+     * Al pasar un Portal, el modal se abrirá dentro de éste y no directamente en
+     * la posición actual dentro del árbol de componentes. Normalmente, este
+     * Portal es pasado automáticamente por el hook useModal (No el de la
+     * librería, sino el nuestro).
+     *
+     * @see useModal
+     */
+    Portal?: React__default.FC<{
+        children: React__default.ReactNode;
+    }> | undefined;
+    /**
+     * Si es true, el modal será cerrado al presionar escape.
+     */
+    shouldCloseOnEsc?: boolean | undefined;
+    /**
+     * Si es true, el modal será cerrado al hacer clic en el overlay.
+     */
+    shouldCloseOnOverlayClick?: boolean | undefined;
+    size?: TModalSize | undefined;
+    stretch?: boolean | undefined;
+    title?: string | undefined;
+    variant?: string | undefined;
+} & Pick<IDialogHeader, "hideCloseButton"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Modal, type TModal };
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/modals/Modal.d.ts.map

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

package/dist/components/modals/Modal.js

@@ -0,0 +1,19 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { forwardRef } from 'react';
+import { WindowModal } from './WindowModal.js';
+import { StaticModal } from './StaticModal.js';
+import { useBreakpointIndex } from '@theme-ui/match-media';
+
+const Modal = forwardRef(
+  (props, ref) => {
+    const breakpoint = useBreakpointIndex();
+    if (props.draggable && breakpoint > 3) {
+      return /* @__PURE__ */ jsx(WindowModal, { ...props, ref });
+    }
+    return /* @__PURE__ */ jsx(StaticModal, { ...props, ref });
+  }
+);
+Modal.displayName = "Modal";
+
+export { Modal };
+//# sourceMappingURL=Modal.js.map

package/dist/components/modals/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/modals/Modal.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { IOnFocusConfiguration, TFocusRetriever } from '@apia/util';\r\nimport { TModalSize } from '../types';\r\nimport { IDialogHeader } from './layout/DialogHeader';\r\nimport { WindowModal } from './WindowModal';\r\nimport { StaticModal } from './StaticModal';\r\nimport { useBreakpointIndex } from '@theme-ui/match-media';\r\n\r\nexport type TModal = {\r\n  animationDuration?: number;\r\n  /**\r\n   * Aplica solamente para modales que tengan draggable=true.\r\n   */\r\n  defaultPosition?: {\r\n    left?: string;\r\n    right?: string;\r\n    top?: string;\r\n    bottom?: string;\r\n  };\r\n  /**\r\n   * Si esta variable está en true, el modal se comportará más como una ventana\r\n   * que como un modal\r\n   */\r\n  draggable?: boolean;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  id?: string;\r\n  initialFocusConfiguration?: IOnFocusConfiguration;\r\n  /**\r\n   * Este retriever será pasado al método focus.on para realizar el foco en el\r\n   * elemento inicial del modal.\r\n   *\r\n   * @see focus\r\n   */\r\n  initialFocusGetter?: (\r\n    modalInnerRef: HTMLElement,\r\n  ) => ReturnType<TFocusRetriever>;\r\n  /**\r\n   * Si se pasa un ref, el modal hará foco sobre el elemento una vez que haya\r\n   * abierto.\r\n   */\r\n  initialFocusRef?: React.RefObject<unknown>;\r\n  /**\r\n   * Controla el estado del modal, indicando a la transición de apertura o\r\n   * cierre que debe comenzar, dependiendo de si cambia a true o false\r\n   * respectivamente.\r\n   */\r\n  isOpen?: boolean;\r\n  maxWidth?: number | string;\r\n  /**\r\n   * Permite pasar un componente React que se mostrará a la derecha del título,\r\n   * con el fin de incorporar botones en el header del modal.\r\n   */\r\n  NavBar?: React.ReactNode;\r\n  noFocus?: boolean;\r\n  noHeader?: boolean;\r\n  /**\r\n   * Permite definir un callback que será llamado solamente cuando el modal se\r\n   * cierre por medio del click en el overlay, al presionar escape o mediante\r\n   * el botón cerrar del header (La X).\r\n   */\r\n  onClose?: () => void;\r\n  /**\r\n   * Este método recibe el evento del mousedown utilizado para controllar el dragstart. Si el usuario devuelve false, el drag no será realizado.\r\n   */\r\n  onDragStart?: (ev: MouseEvent) => boolean;\r\n  /**\r\n   * Permite definir un callback que será llamado siempre que el modal se\r\n   * cierre, una vez que la animación haya terminado.\r\n   */\r\n  onExited?: () => unknown;\r\n  /**\r\n   * Al pasar un Portal, el modal se abrirá dentro de éste y no directamente en\r\n   * la posición actual dentro del árbol de componentes. Normalmente, este\r\n   * Portal es pasado automáticamente por el hook useModal (No el de la\r\n   * librería, sino el nuestro).\r\n   *\r\n   * @see useModal\r\n   */\r\n  Portal?: React.FC<{\r\n    children: React.ReactNode;\r\n  }>;\r\n  /**\r\n   * Si es true, el modal será cerrado al presionar escape.\r\n   */\r\n  shouldCloseOnEsc?: boolean;\r\n  /**\r\n   * Si es true, el modal será cerrado al hacer clic en el overlay.\r\n   */\r\n  shouldCloseOnOverlayClick?: boolean;\r\n  size?: TModalSize;\r\n  stretch?: boolean;\r\n  title?: string;\r\n  variant?: string;\r\n} & Pick<IDialogHeader, 'hideCloseButton'>;\r\n\r\nexport const Modal = forwardRef(\r\n  (props: TModal, ref: React.Ref<HTMLDivElement>) => {\r\n    const breakpoint = useBreakpointIndex();\r\n\r\n    if (props.draggable && breakpoint > 3) {\r\n      return <WindowModal {...props} ref={ref} />;\r\n    }\r\n    return <StaticModal {...props} ref={ref} />;\r\n  },\r\n);\r\n\r\nModal.displayName = 'Modal';\r\n"],"names":[],"mappings":";;;;;;AAgGO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,OAAe,GAAmC,KAAA;AACjD,IAAA,MAAM,aAAa,kBAAmB,EAAA,CAAA;AAEtC,IAAI,IAAA,KAAA,CAAM,SAAa,IAAA,UAAA,GAAa,CAAG,EAAA;AACrC,MAAA,uBAAQ,GAAA,CAAA,WAAA,EAAA,EAAa,GAAG,KAAA,EAAO,GAAU,EAAA,CAAA,CAAA;AAAA,KAC3C;AACA,IAAA,uBAAQ,GAAA,CAAA,WAAA,EAAA,EAAa,GAAG,KAAA,EAAO,GAAU,EAAA,CAAA,CAAA;AAAA,GAC3C;AACF,EAAA;AAEA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/dist/components/modals/ModalContext.d.ts

@@ -0,0 +1,9 @@
+type TModalContext = {
+    changeTitle: (newTitle: string) => void;
+    close: () => unknown;
+    descriptionId: string;
+};
+declare function useModalContext(): TModalContext;
+
+export { type TModalContext, useModalContext };
+//# sourceMappingURL=ModalContext.d.ts.map

package/dist/components/modals/ModalContext.d.ts.map

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