@apia/components 2.0.8 → 2.0.9

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

@@ -1,94 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-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

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

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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

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

package/dist/components/importComponent.js

@@ -1,25 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

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

package/dist/components/loaders/LinearLoader.js

@@ -1,33 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

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

package/dist/components/loaders/LoaderSpinner.js

@@ -1,26 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

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

package/dist/components/loaders/ProgressBar.js

@@ -1,39 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

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

package/dist/components/modals/CalendarModal.js

@@ -1,43 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,178 +0,0 @@
-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

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

package/dist/components/modals/Modal.js

@@ -1,19 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

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