@banyan_cloud/roots 2.0.4 → 2.0.6

package/dist/esm/src/components/accordion/Accordion.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".Accordion_module_root__ee8e457a {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  width: 100%;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  cursor: pointer;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__ee8e457a {\n  transition: all 0.3s ease-in-out;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1], .Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__ee8e457a, .Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] .Accordion_module_icon__ee8e457a {\n  transform: rotate(90deg);\n  width: 1rem;\n  height: 1rem;\n  fill: var(--text-color);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] {\n  margin-left: auto;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] .Accordion_module_title__ee8e457a {\n  flex: 1 1 auto;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  color: var(--text-color);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover {\n  background: var(--background-color4);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover .Accordion_module_icon__ee8e457a,\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover .Accordion_module_title__ee8e457a {\n  color: var(--secondary-color1);\n  fill: var(--secondary-color1);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_body__ee8e457a {\n  padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__ee8e457a {\n  transform: none;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a > button[data-elem=base-cell] {\n  width: -moz-fit-content;\n  width: fit-content;\n  align-self: flex-end;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a > button[data-elem=base-cell] .Accordion_module_expand__ee8e457a {\n  height: 1.5rem;\n  width: 1.5rem;\n}";
+var modules_8207625f = {"root":"Accordion_module_root__ee8e457a","header":"Accordion_module_header__ee8e457a","icon":"Accordion_module_icon__ee8e457a","title":"Accordion_module_title__ee8e457a","body":"Accordion_module_body__ee8e457a","open":"Accordion_module_open__ee8e457a","expand":"Accordion_module_expand__ee8e457a"};
+n(css,{});
+
+export { css, modules_8207625f as default };
+//# sourceMappingURL=Accordion.module.css.js.map

package/dist/esm/src/components/accordion/Accordion.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/src/components/alert/Alert.js

@@ -0,0 +1,255 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../node_modules/prop-types/index.js';
+import { forwardRef, useState, useImperativeHandle, useEffect } from 'react';
+import { useFloating, useInteractions, useDismiss } from '../../../node_modules/@floating-ui/react-dom-interactions/dist/floating-ui.react-dom-interactions.esm.js';
+import { useAnimate } from 'framer-motion';
+import { classes } from '../../utils/utils.js';
+import modules_3a764ea3 from './Alert.module.css.js';
+import AlertIcon from '../icons/AlertIcon/AlertIcon.js';
+import '../icons/AngleDouble/AngleDouble.js';
+import '../icons/Arrow/Arrow.js';
+import '../icons/BreadcrumbSeperator/BreadcrumbSeperator.js';
+import '../icons/Calender/Calender.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../icons/CheckboxIcon/CheckboxIcon.js';
+import '../icons/Chevron/Chevron.js';
+import '../icons/ColumnFilter/ColumnFilter.js';
+import '../icons/Columns/Columns.js';
+import '../icons/Copy/Copy.js';
+import Cross from '../icons/Cross/Cross.js';
+import '../icons/Delete/Delete.js';
+import '../icons/Download/Download.js';
+import '../icons/Dropdown/DropdownIcon.js';
+import '../icons/Edit/Edit.js';
+import '../icons/Filter/Filter.js';
+import '../icons/FlowChart/FlowChart.js';
+import '../icons/fullScreen/FullScreen.js';
+import '../icons/HalfShade/HalfShade.js';
+import '../icons/Home/Home.js';
+import '../icons/MagnifyingGlass/MagnifyingGlass.js';
+import '../icons/Nut/Nut.js';
+import '../icons/Plus/Plus.js';
+import '../icons/RadioIcon/RadioIcon.js';
+import '../icons/Refresh/Refresh.js';
+import '../icons/Reset/Reset.js';
+import '../icons/Server/Server.js';
+import '../icons/Tick/Tick.js';
+import '../icons/View/View.js';
+import '../buttons/baseButton/BaseButton.js';
+import Button from '../buttons/button/Button.js';
+import '../buttons/chip/Chip.js';
+import Popper from '../popper/Popper.js';
+import { exports as propTypesExports } from '../../../_virtual/index.js';
+
+var ALERT_DISMISS_TIME = 2000;
+var ANIMATION = {
+  transform: {
+    top: [-100, 0],
+    bottom: [100, 0]
+  },
+  "static": {
+    center: ['-50%', '-50%'],
+    right: ['0%', '0%']
+  }
+};
+
+/**
+ * Renders an alert message with optional icon, title, description, and action button.
+ *
+ * @param {Object} props - The props object containing the following properties:
+ *   - showIcon (boolean): Determines whether to show the alert icon.
+ *   - border (string): Specifies the border style of the alert.
+ *   - shadow (boolean): Determines whether to apply a shadow effect to the alert.
+ *   - position (string): Specifies the position of the alert on the screen.
+ *   - animation (boolean): Determines whether to apply the animation effect.
+ * @param {Ref} ref - The ref object used to expose the 'alert' function to the parent component.
+ * @returns {JSX.Element} - The rendered alert component.
+ */
+var Alert = /*#__PURE__*/forwardRef(function (props, ref) {
+  var showIcon = props.showIcon,
+    border = props.border,
+    shadow = props.shadow,
+    defaultPosition = props.position,
+    animation = props.animation,
+    className = props.className;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState({
+      title: null,
+      description: null,
+      icon: null,
+      type: 'info',
+      action: null,
+      position: null,
+      onClose: function onClose() {
+        setOpen(function (prev) {
+          return !prev;
+        });
+      },
+      autoDismiss: true,
+      dismissTime: ALERT_DISMISS_TIME
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    alertProps = _useState4[0],
+    setAlertProps = _useState4[1];
+  var title = alertProps.title,
+    description = alertProps.description,
+    CustomIcon = alertProps.icon,
+    CustomAction = alertProps.action,
+    type = alertProps.type,
+    appliedPosition = alertProps.position,
+    onClose = alertProps.onClose,
+    autoDismiss = alertProps.autoDismiss,
+    dismissTime = alertProps.dismissTime;
+  var position = appliedPosition !== null && appliedPosition !== void 0 ? appliedPosition : defaultPosition;
+  var Icon = null;
+  if (CustomIcon != null) {
+    Icon = /*#__PURE__*/jsx(CustomIcon, {
+      className: modules_3a764ea3.icon
+    });
+  } else {
+    switch (type) {
+      case 'info':
+        Icon = /*#__PURE__*/jsx(AlertIcon.Info, {
+          className: modules_3a764ea3.icon
+        });
+        break;
+      case 'warning':
+        Icon = /*#__PURE__*/jsx(AlertIcon.Warning, {
+          className: modules_3a764ea3.icon
+        });
+        break;
+      case 'success':
+        Icon = /*#__PURE__*/jsx(AlertIcon.Success, {
+          className: modules_3a764ea3.icon
+        });
+        break;
+      case 'danger':
+        Icon = /*#__PURE__*/jsx(AlertIcon.Danger, {
+          className: modules_3a764ea3.icon
+        });
+        break;
+      default:
+        Icon = /*#__PURE__*/jsx(CustomIcon, {});
+        break;
+    }
+  }
+  var _useFloating = useFloating({
+      open: open,
+      onOpenChange: setOpen
+    }),
+    floating = _useFloating.floating,
+    context = _useFloating.context;
+  var _useAnimate = useAnimate(),
+    _useAnimate2 = _slicedToArray(_useAnimate, 2),
+    scope = _useAnimate2[0],
+    animate = _useAnimate2[1];
+  var alert = function alert(appliedAlertProps) {
+    setAlertProps(_objectSpread2(_objectSpread2({}, alertProps), appliedAlertProps));
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      /**
+       * methods to get exposed
+       */
+      alert: alert
+    };
+  });
+  useEffect(function () {
+    if (alertProps.title) {
+      setOpen(function (prev) {
+        return !prev;
+      });
+    }
+  }, [alertProps]);
+  useEffect(function () {
+    if (scope.current && animation) {
+      var _position$split = position.split('-'),
+        _position$split2 = _slicedToArray(_position$split, 2),
+        positionType = _position$split2[0],
+        staticPosition = _position$split2[1];
+      animate(scope.current, {
+        y: ANIMATION.transform[positionType],
+        x: ANIMATION["static"][staticPosition]
+      });
+    }
+  });
+
+  // eslint-disable-next-line consistent-return
+  useEffect(function () {
+    if (alertProps.title && autoDismiss) {
+      var timer = setTimeout(function () {
+        setOpen(false);
+      }, dismissTime);
+      return function () {
+        return clearTimeout(timer);
+      };
+    }
+  }, [alertProps]);
+  var _useInteractions = useInteractions([useDismiss(context)]),
+    getFloatingProps = _useInteractions.getFloatingProps;
+  return /*#__PURE__*/jsx(Popper, {
+    open: open,
+    className: modules_3a764ea3.popper,
+    id: "alert-popper",
+    children: /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
+      ref: floating,
+      className: classes(modules_3a764ea3.root, modules_3a764ea3[type], modules_3a764ea3["border-".concat(border)], shadow ? modules_3a764ea3.shadow : '', modules_3a764ea3["position-".concat(position)], className)
+    })), {}, {
+      ref: scope,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: modules_3a764ea3.left,
+        children: [/*#__PURE__*/jsx("div", {
+          className: modules_3a764ea3.icons,
+          children: showIcon && Icon
+        }), /*#__PURE__*/jsxs("div", {
+          className: modules_3a764ea3.content,
+          children: [/*#__PURE__*/jsx("span", {
+            className: modules_3a764ea3.title,
+            children: title
+          }), /*#__PURE__*/jsx("span", {
+            className: modules_3a764ea3.description,
+            children: description
+          })]
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: modules_3a764ea3.actions,
+        children: [CustomAction && /*#__PURE__*/jsx(CustomAction, {}), onClose && !autoDismiss && /*#__PURE__*/jsx(Button, {
+          size: "auto",
+          variant: "text",
+          onClick: function onClick() {
+            onClose();
+            setOpen(false);
+          },
+          className: modules_3a764ea3.close,
+          leftComponent: function leftComponent() {
+            return /*#__PURE__*/jsx(Cross, {
+              className: modules_3a764ea3.icon
+            });
+          }
+        })]
+      })]
+    }))
+  });
+});
+Alert.propTypes = {
+  showIcon: propTypesExports.bool,
+  border: propTypesExports.oneOf(['default', 'thick-left', 'none']),
+  shadow: propTypesExports.bool,
+  position: propTypesExports.oneOf(['bottom-right', 'bottom-center', 'top-right', 'top-center']),
+  animation: propTypesExports.bool,
+  className: propTypesExports.string
+};
+Alert.defaultProps = {
+  showIcon: true,
+  border: 'none',
+  shadow: true,
+  position: 'bottom-center',
+  animation: true,
+  className: ''
+};
+
+export { Alert as default };
+//# sourceMappingURL=Alert.js.map

package/dist/esm/src/components/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/alert/Alert.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\nimport { useDismiss, useFloating, useInteractions } from '@floating-ui/react-dom-interactions';\nimport { useAnimate } from 'framer-motion';\nimport { classes } from '../../utils/utils';\nimport styles from './Alert.module.css';\nimport { CrossIcon, AlertIcon } from '../icons';\nimport { Button } from '../buttons';\nimport Popper from '../popper/Popper';\n\nconst ALERT_DISMISS_TIME = 2000;\n\nconst ANIMATION = {\n\ttransform: {\n\t\ttop: [-100, 0],\n\t\tbottom: [100, 0],\n\t},\n\tstatic: {\n\t\tcenter: ['-50%', '-50%'],\n\t\tright: ['0%', '0%'],\n\t},\n};\n\n/**\n * Renders an alert message with optional icon, title, description, and action button.\n *\n * @param {Object} props - The props object containing the following properties:\n *   - showIcon (boolean): Determines whether to show the alert icon.\n *   - border (string): Specifies the border style of the alert.\n *   - shadow (boolean): Determines whether to apply a shadow effect to the alert.\n *   - position (string): Specifies the position of the alert on the screen.\n *   - animation (boolean): Determines whether to apply the animation effect.\n * @param {Ref} ref - The ref object used to expose the 'alert' function to the parent component.\n * @returns {JSX.Element} - The rendered alert component.\n */\nconst Alert = forwardRef((props, ref) => {\n\tconst { showIcon, border, shadow, position: defaultPosition, animation, className } = props;\n\n\tconst [open, setOpen] = useState(false);\n\tconst [alertProps, setAlertProps] = useState({\n\t\ttitle: null,\n\t\tdescription: null,\n\t\ticon: null,\n\t\ttype: 'info',\n\t\taction: null,\n\t\tposition: null,\n\t\tonClose: () => {\n\t\t\tsetOpen((prev) => {\n\t\t\t\treturn !prev;\n\t\t\t});\n\t\t},\n\t\tautoDismiss: true,\n\t\tdismissTime: ALERT_DISMISS_TIME,\n\t});\n\tconst {\n\t\ttitle,\n\t\tdescription,\n\t\ticon: CustomIcon,\n\t\taction: CustomAction,\n\t\ttype,\n\t\tposition: appliedPosition,\n\t\tonClose,\n\t\tautoDismiss,\n\t\tdismissTime,\n\t} = alertProps;\n\n\tconst position = appliedPosition ?? defaultPosition;\n\n\tlet Icon = null;\n\tif (CustomIcon != null) {\n\t\tIcon = <CustomIcon className={styles.icon} />;\n\t} else {\n\t\tswitch (type) {\n\t\t\tcase 'info':\n\t\t\t\tIcon = <AlertIcon.Info className={styles.icon} />;\n\t\t\t\tbreak;\n\t\t\tcase 'warning':\n\t\t\t\tIcon = <AlertIcon.Warning className={styles.icon} />;\n\t\t\t\tbreak;\n\t\t\tcase 'success':\n\t\t\t\tIcon = <AlertIcon.Success className={styles.icon} />;\n\t\t\t\tbreak;\n\t\t\tcase 'danger':\n\t\t\t\tIcon = <AlertIcon.Danger className={styles.icon} />;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tIcon = <CustomIcon />;\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tconst { floating, context } = useFloating({\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t});\n\tconst [scope, animate] = useAnimate();\n\n\tconst alert = (appliedAlertProps) => {\n\t\tsetAlertProps({\n\t\t\t...alertProps,\n\t\t\t...appliedAlertProps,\n\t\t});\n\t};\n\n\tuseImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\t/**\n\t\t\t * methods to get exposed\n\t\t\t */\n\t\t\talert,\n\t\t};\n\t});\n\n\tuseEffect(() => {\n\t\tif (alertProps.title) {\n\t\t\tsetOpen((prev) => {\n\t\t\t\treturn !prev;\n\t\t\t});\n\t\t}\n\t}, [alertProps]);\n\n\tuseEffect(() => {\n\t\tif (scope.current && animation) {\n\t\t\tconst [positionType, staticPosition] = position.split('-');\n\t\t\tanimate(scope.current, {\n\t\t\t\ty: ANIMATION.transform[positionType],\n\t\t\t\tx: ANIMATION.static[staticPosition],\n\t\t\t});\n\t\t}\n\t});\n\n\t// eslint-disable-next-line consistent-return\n\tuseEffect(() => {\n\t\tif (alertProps.title && autoDismiss) {\n\t\t\tconst timer = setTimeout(() => {\n\t\t\t\tsetOpen(false);\n\t\t\t}, dismissTime);\n\t\t\treturn () => {\n\t\t\t\treturn clearTimeout(timer);\n\t\t\t};\n\t\t}\n\t}, [alertProps]);\n\n\tconst { getFloatingProps } = useInteractions([useDismiss(context)]);\n\n\treturn (\n\t\t<Popper open={open} className={styles.popper} id='alert-popper'>\n\t\t\t<div\n\t\t\t\t{...getFloatingProps({\n\t\t\t\t\tref: floating,\n\t\t\t\t\tclassName: classes(\n\t\t\t\t\t\tstyles.root,\n\t\t\t\t\t\tstyles[type],\n\t\t\t\t\t\tstyles[`border-${border}`],\n\t\t\t\t\t\tshadow ? styles.shadow : '',\n\t\t\t\t\t\tstyles[`position-${position}`],\n\t\t\t\t\t\tclassName\n\t\t\t\t\t),\n\t\t\t\t})}\n\t\t\t\tref={scope}>\n\t\t\t\t<div className={styles.left}>\n\t\t\t\t\t<div className={styles.icons}>{showIcon && Icon}</div>\n\t\t\t\t\t<div className={styles.content}>\n\t\t\t\t\t\t<span className={styles.title}>{title}</span>\n\t\t\t\t\t\t<span className={styles.description}>{description}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={styles.actions}>\n\t\t\t\t\t{CustomAction && <CustomAction />}\n\t\t\t\t\t{onClose && !autoDismiss && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={styles.close}\n\t\t\t\t\t\t\tleftComponent={() => {\n\t\t\t\t\t\t\t\treturn <CrossIcon className={styles.icon} />;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Popper>\n\t);\n});\n\nAlert.propTypes = {\n\tshowIcon: PropTypes.bool,\n\tborder: PropTypes.oneOf(['default', 'thick-left', 'none']),\n\tshadow: PropTypes.bool,\n\tposition: PropTypes.oneOf(['bottom-right', 'bottom-center', 'top-right', 'top-center']),\n\tanimation: PropTypes.bool,\n\tclassName: PropTypes.string,\n};\n\nAlert.defaultProps = {\n\tshowIcon: true,\n\tborder: 'none',\n\tshadow: true,\n\tposition: 'bottom-center',\n\tanimation: true,\n\tclassName: '',\n};\n\nexport default Alert;\n"],"names":["ALERT_DISMISS_TIME","ANIMATION","transform","top","bottom","center","right","Alert","forwardRef","props","ref","showIcon","border","shadow","defaultPosition","position","animation","className","_useState","useState","_useState2","_slicedToArray","open","setOpen","_useState3","title","description","icon","type","action","onClose","prev","autoDismiss","dismissTime","_useState4","alertProps","setAlertProps","CustomIcon","CustomAction","appliedPosition","Icon","_jsx","styles","AlertIcon","Info","Warning","Success","Danger","_useFloating","useFloating","onOpenChange","floating","context","_useAnimate","useAnimate","_useAnimate2","scope","animate","alert","appliedAlertProps","_objectSpread","useImperativeHandle","useEffect","current","_position$split","split","_position$split2","positionType","staticPosition","y","x","timer","setTimeout","clearTimeout","_useInteractions","useInteractions","useDismiss","getFloatingProps","Popper","popper","id","children","_jsxs","classes","root","concat","left","icons","content","actions","Button","size","variant","onClick","close","leftComponent","CrossIcon","propTypes","PropTypes","bool","oneOf","string","defaultProps"],"mappings":"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"}

package/dist/esm/src/components/alert/Alert.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".Alert_module_root__67bc0572 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  position: fixed;\n  padding: 0.938rem;\n  width: 37.5rem;\n  opacity: 1;\n}\n.Alert_module_root__67bc0572.Alert_module_positionBottomCenter__67bc0572 {\n  left: 50%;\n  bottom: 1rem;\n  transform: translate(-50%, 0);\n}\n.Alert_module_root__67bc0572.Alert_module_positionTopRight__67bc0572 {\n  right: 1rem;\n  top: 1rem;\n}\n.Alert_module_root__67bc0572.Alert_module_positionBottomRight__67bc0572 {\n  right: 1rem;\n  bottom: 1rem;\n}\n.Alert_module_root__67bc0572.Alert_module_positionTopCenter__67bc0572 {\n  left: 50%;\n  top: 1rem;\n  transform: translate(-50%, 0%);\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_icons__67bc0572 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 0.25rem 0.938rem 0rem 0rem;\n  height: auto;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_icons__67bc0572 .Alert_module_icon__67bc0572 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_content__67bc0572 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding: 0.188rem 0.938rem 0rem 0rem;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_content__67bc0572 .Alert_module_title__67bc0572 {\n  font-size: 1rem;\n  font-weight: 600;\n  padding-right: 2px;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_content__67bc0572 .Alert_module_description__67bc0572 {\n  word-wrap: break-word;\n  height: auto;\n  font-size: 1rem;\n  font-weight: 400;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 5px;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 .Alert_module_button__67bc0572 {\n  padding: 0.313rem 1rem;\n  font-weight: 400;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 .Alert_module_close__67bc0572 {\n  height: auto;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 .Alert_module_close__67bc0572 .Alert_module_icon__67bc0572 {\n  width: 1.25rem;\n  height: 1.25rem;\n  fill: var(--text-color);\n}\n.Alert_module_root__67bc0572.Alert_module_borderDefault__67bc0572 {\n  border-width: 0.063rem;\n}\n.Alert_module_root__67bc0572.Alert_module_borderThickLeft__67bc0572 {\n  border-width: 0.063rem 0.063rem 0.063rem 0.25rem;\n}\n.Alert_module_root__67bc0572.Alert_module_borderNone__67bc0572 {\n  border-width: 0rem 0rem 0rem 0.25rem;\n}\n.Alert_module_root__67bc0572.Alert_module_info__67bc0572 {\n  border-style: solid;\n  border-color: var(--primary-color4);\n  background-color: var(--background-color5);\n}\n.Alert_module_root__67bc0572.Alert_module_info__67bc0572 .Alert_module_icon__67bc0572 {\n  fill: var(--primary-color4);\n}\n.Alert_module_root__67bc0572.Alert_module_success__67bc0572 {\n  border-style: solid;\n  border-color: var(--primary-color2);\n  background-color: var(--background-color2);\n}\n.Alert_module_root__67bc0572.Alert_module_success__67bc0572 .Alert_module_icon__67bc0572 {\n  fill: var(--primary-color2);\n}\n.Alert_module_root__67bc0572.Alert_module_danger__67bc0572 {\n  border-style: solid;\n  border-color: var(--primary-color1);\n  background-color: var(--background-color1);\n}\n.Alert_module_root__67bc0572.Alert_module_danger__67bc0572 .Alert_module_icon__67bc0572 {\n  fill: var(--primary-color1);\n}\n.Alert_module_root__67bc0572.Alert_module_warning__67bc0572 {\n  border-style: solid;\n  border-color: var(--primary-color3);\n  background-color: var(--background-color3);\n}\n.Alert_module_root__67bc0572.Alert_module_warning__67bc0572 .Alert_module_icon__67bc0572 {\n  fill: var(--primary-color3);\n}\n.Alert_module_root__67bc0572.Alert_module_shadow__67bc0572 {\n  box-shadow: 0.125rem 0.5rem 1rem rgba(60, 60, 60, 0.12);\n}";
+var modules_3a764ea3 = {"root":"Alert_module_root__67bc0572","position-bottom-center":"Alert_module_positionBottomCenter__67bc0572","position-top-right":"Alert_module_positionTopRight__67bc0572","position-bottom-right":"Alert_module_positionBottomRight__67bc0572","position-top-center":"Alert_module_positionTopCenter__67bc0572","left":"Alert_module_left__67bc0572","icons":"Alert_module_icons__67bc0572","icon":"Alert_module_icon__67bc0572","content":"Alert_module_content__67bc0572","title":"Alert_module_title__67bc0572","description":"Alert_module_description__67bc0572","actions":"Alert_module_actions__67bc0572","button":"Alert_module_button__67bc0572","close":"Alert_module_close__67bc0572","border-default":"Alert_module_borderDefault__67bc0572","border-thick-left":"Alert_module_borderThickLeft__67bc0572","border-none":"Alert_module_borderNone__67bc0572","info":"Alert_module_info__67bc0572","success":"Alert_module_success__67bc0572","danger":"Alert_module_danger__67bc0572","warning":"Alert_module_warning__67bc0572","shadow":"Alert_module_shadow__67bc0572"};
+n(css,{});
+
+export { css, modules_3a764ea3 as default };
+//# sourceMappingURL=Alert.module.css.js.map

package/dist/esm/src/components/alert/Alert.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/src/components/alertV2/Alert.js

@@ -0,0 +1,261 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useFloating, useInteractions, useDismiss } from '../../../node_modules/@floating-ui/react-dom-interactions/dist/floating-ui.react-dom-interactions.esm.js';
+import { useAnimate } from 'framer-motion';
+import '../../../node_modules/prop-types/index.js';
+import { forwardRef, useState, useImperativeHandle, useEffect } from 'react';
+import { classes } from '../../utils/utils.js';
+import '../buttons/baseButton/BaseButton.js';
+import Button from '../buttons/button/Button.js';
+import '../buttons/chip/Chip.js';
+import AlertIcon from '../icons/AlertIcon/AlertIcon.js';
+import '../icons/AngleDouble/AngleDouble.js';
+import '../icons/Arrow/Arrow.js';
+import '../icons/BreadcrumbSeperator/BreadcrumbSeperator.js';
+import '../icons/Calender/Calender.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../icons/CheckboxIcon/CheckboxIcon.js';
+import '../icons/Chevron/Chevron.js';
+import '../icons/ColumnFilter/ColumnFilter.js';
+import '../icons/Columns/Columns.js';
+import '../icons/Copy/Copy.js';
+import Cross from '../icons/Cross/Cross.js';
+import '../icons/Delete/Delete.js';
+import '../icons/Download/Download.js';
+import '../icons/Dropdown/DropdownIcon.js';
+import '../icons/Edit/Edit.js';
+import '../icons/Filter/Filter.js';
+import '../icons/FlowChart/FlowChart.js';
+import '../icons/fullScreen/FullScreen.js';
+import '../icons/HalfShade/HalfShade.js';
+import '../icons/Home/Home.js';
+import '../icons/MagnifyingGlass/MagnifyingGlass.js';
+import '../icons/Nut/Nut.js';
+import '../icons/Plus/Plus.js';
+import '../icons/RadioIcon/RadioIcon.js';
+import '../icons/Refresh/Refresh.js';
+import '../icons/Reset/Reset.js';
+import '../icons/Server/Server.js';
+import '../icons/Tick/Tick.js';
+import '../icons/View/View.js';
+import Popper from '../popper/Popper.js';
+import modules_3a764ea3 from './Alert.module.css.js';
+import { exports as propTypesExports } from '../../../_virtual/index.js';
+
+var ALERT_DISMISS_TIME = 2000;
+var ANIMATION = {
+  transform: {
+    top: [-100, 0],
+    bottom: [100, 0]
+  },
+  "static": {
+    center: ['-50%', '-50%'],
+    right: ['0%', '0%']
+  }
+};
+
+/**
+ * Renders an alert message with optional icon, title, description, and action button.
+ *
+ * @param {Object} props - The props object containing the following properties:
+ *   - showIcon (boolean): Determines whether to show the alert icon.
+ *   - border (string): Specifies the border style of the alert.
+ *   - shadow (boolean): Determines whether to apply a shadow effect to the alert.
+ *   - position (string): Specifies the position of the alert on the screen.
+ *   - animation (boolean): Determines whether to apply the animation effect.
+ * @param {Ref} ref - The ref object used to expose the 'alert' function to the parent component.
+ * @returns {JSX.Element} - The rendered alert component.
+ */
+
+var Alert = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$showIcon = props.showIcon,
+    showIcon = _props$showIcon === void 0 ? true : _props$showIcon,
+    _props$shadow = props.shadow,
+    shadow = _props$shadow === void 0 ? true : _props$shadow,
+    _props$position = props.position,
+    defaultPosition = _props$position === void 0 ? 'bottom-center' : _props$position,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? true : _props$animation,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState({
+      title: null,
+      description: null,
+      icon: null,
+      type: 'info',
+      action: null,
+      position: null,
+      onClose: function onClose() {
+        setOpen(function (prev) {
+          return !prev;
+        });
+      },
+      autoDismiss: true,
+      dismissTime: ALERT_DISMISS_TIME
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    alertProps = _useState4[0],
+    setAlertProps = _useState4[1];
+  var title = alertProps.title,
+    description = alertProps.description,
+    CustomIcon = alertProps.icon,
+    CustomAction = alertProps.action,
+    type = alertProps.type,
+    appliedPosition = alertProps.position,
+    onClose = alertProps.onClose,
+    autoDismiss = alertProps.autoDismiss,
+    dismissTime = alertProps.dismissTime;
+  var position = appliedPosition !== null && appliedPosition !== void 0 ? appliedPosition : defaultPosition;
+  var Icon = null;
+  if (CustomIcon != null) {
+    Icon = /*#__PURE__*/jsx(CustomIcon, {
+      className: modules_3a764ea3.icon
+    });
+  } else {
+    switch (type) {
+      case 'info':
+        Icon = /*#__PURE__*/jsx(AlertIcon.Info, {
+          className: modules_3a764ea3.icon,
+          v2: true
+        });
+        break;
+      case 'error':
+        Icon = /*#__PURE__*/jsx(AlertIcon.Error, {
+          className: modules_3a764ea3.icon
+        });
+        break;
+      case 'warning':
+        Icon = /*#__PURE__*/jsx(AlertIcon.Warning, {
+          className: modules_3a764ea3.icon,
+          v2: true
+        });
+        break;
+      case 'success':
+        Icon = /*#__PURE__*/jsx(AlertIcon.Success, {
+          className: modules_3a764ea3.icon,
+          v2: true
+        });
+        break;
+      case 'danger':
+        Icon = /*#__PURE__*/jsx(AlertIcon.Danger, {
+          className: modules_3a764ea3.icon,
+          v2: true
+        });
+        break;
+      default:
+        Icon = /*#__PURE__*/jsx(CustomIcon, {});
+        break;
+    }
+  }
+  var _useFloating = useFloating({
+      open: open,
+      onOpenChange: setOpen
+    }),
+    floating = _useFloating.floating,
+    context = _useFloating.context;
+  var _useAnimate = useAnimate(),
+    _useAnimate2 = _slicedToArray(_useAnimate, 2),
+    scope = _useAnimate2[0],
+    animate = _useAnimate2[1];
+  var alert = function alert(appliedAlertProps) {
+    setAlertProps(_objectSpread2(_objectSpread2({}, alertProps), appliedAlertProps));
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      /**
+       * methods to get exposed
+       */
+      alert: alert
+    };
+  });
+  useEffect(function () {
+    if (alertProps.title) {
+      setOpen(function (prev) {
+        return !prev;
+      });
+    }
+  }, [alertProps]);
+  useEffect(function () {
+    if (scope.current && animation) {
+      var _position$split = position.split('-'),
+        _position$split2 = _slicedToArray(_position$split, 2),
+        positionType = _position$split2[0],
+        staticPosition = _position$split2[1];
+      animate(scope.current, {
+        y: ANIMATION.transform[positionType],
+        x: ANIMATION["static"][staticPosition]
+      });
+    }
+  });
+
+  // eslint-disable-next-line consistent-return
+  useEffect(function () {
+    if (alertProps.title && autoDismiss) {
+      var timer = setTimeout(function () {
+        setOpen(false);
+      }, dismissTime);
+      return function () {
+        return clearTimeout(timer);
+      };
+    }
+  }, [alertProps]);
+  var _useInteractions = useInteractions([useDismiss(context)]),
+    getFloatingProps = _useInteractions.getFloatingProps;
+  return /*#__PURE__*/jsx(Popper, {
+    open: open,
+    className: modules_3a764ea3.popper,
+    id: "alert-popper",
+    children: /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
+      ref: floating,
+      className: classes(modules_3a764ea3.root, modules_3a764ea3[type], shadow ? modules_3a764ea3.shadow : '', modules_3a764ea3["position-".concat(position)], className)
+    })), {}, {
+      ref: scope,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: modules_3a764ea3.left,
+        children: [/*#__PURE__*/jsx("div", {
+          className: classes(modules_3a764ea3['icon-container'], modules_3a764ea3[type]),
+          children: showIcon && Icon
+        }), /*#__PURE__*/jsxs("div", {
+          className: modules_3a764ea3.content,
+          children: [/*#__PURE__*/jsx("span", {
+            className: modules_3a764ea3.title,
+            children: title
+          }), /*#__PURE__*/jsx("span", {
+            className: modules_3a764ea3.description,
+            children: description
+          })]
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: modules_3a764ea3.actions,
+        children: [CustomAction && /*#__PURE__*/jsx(CustomAction, {}), onClose && !autoDismiss && /*#__PURE__*/jsx(Button, {
+          size: "auto",
+          variant: "text",
+          onClick: function onClick() {
+            onClose();
+            setOpen(false);
+          },
+          className: modules_3a764ea3.close,
+          leftComponent: function leftComponent() {
+            return /*#__PURE__*/jsx(Cross, {
+              className: modules_3a764ea3.icon
+            });
+          }
+        })]
+      })]
+    }))
+  });
+});
+Alert.propTypes = {
+  showIcon: propTypesExports.bool,
+  border: propTypesExports.oneOf(['default', 'thick-left', 'none']),
+  shadow: propTypesExports.bool,
+  position: propTypesExports.oneOf(['bottom-right', 'bottom-center', 'top-right', 'top-center']),
+  animation: propTypesExports.bool,
+  className: propTypesExports.string
+};
+
+export { Alert as default };
+//# sourceMappingURL=Alert.js.map

package/dist/esm/src/components/alertV2/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/alertV2/Alert.jsx"],"sourcesContent":["import { useDismiss, useFloating, useInteractions } from '@floating-ui/react-dom-interactions';\nimport { useAnimate } from 'framer-motion';\nimport PropTypes from 'prop-types';\nimport { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\nimport { classes } from '../../utils/utils';\nimport { Button } from '../buttons';\nimport { AlertIcon, CrossIcon } from '../icons';\nimport Popper from '../popper/Popper';\nimport styles from './Alert.module.css';\n\nconst ALERT_DISMISS_TIME = 2000;\n\nconst ANIMATION = {\n\ttransform: {\n\t\ttop: [-100, 0],\n\t\tbottom: [100, 0],\n\t},\n\tstatic: {\n\t\tcenter: ['-50%', '-50%'],\n\t\tright: ['0%', '0%'],\n\t},\n};\n\n/**\n * Renders an alert message with optional icon, title, description, and action button.\n *\n * @param {Object} props - The props object containing the following properties:\n *   - showIcon (boolean): Determines whether to show the alert icon.\n *   - border (string): Specifies the border style of the alert.\n *   - shadow (boolean): Determines whether to apply a shadow effect to the alert.\n *   - position (string): Specifies the position of the alert on the screen.\n *   - animation (boolean): Determines whether to apply the animation effect.\n * @param {Ref} ref - The ref object used to expose the 'alert' function to the parent component.\n * @returns {JSX.Element} - The rendered alert component.\n */\n\nconst Alert = forwardRef((props, ref) => {\n\tconst {\n\t\tshowIcon = true,\n\t\tshadow = true,\n\t\tposition: defaultPosition = 'bottom-center',\n\t\tanimation = true,\n\t\tclassName = '',\n\t} = props;\n\n\tconst [open, setOpen] = useState(false);\n\tconst [alertProps, setAlertProps] = useState({\n\t\ttitle: null,\n\t\tdescription: null,\n\t\ticon: null,\n\t\ttype: 'info',\n\t\taction: null,\n\t\tposition: null,\n\t\tonClose: () => {\n\t\t\tsetOpen((prev) => {\n\t\t\t\treturn !prev;\n\t\t\t});\n\t\t},\n\t\tautoDismiss: true,\n\t\tdismissTime: ALERT_DISMISS_TIME,\n\t});\n\tconst {\n\t\ttitle,\n\t\tdescription,\n\t\ticon: CustomIcon,\n\t\taction: CustomAction,\n\t\ttype,\n\t\tposition: appliedPosition,\n\t\tonClose,\n\t\tautoDismiss,\n\t\tdismissTime,\n\t} = alertProps;\n\n\tconst position = appliedPosition ?? defaultPosition;\n\n\tlet Icon = null;\n\tif (CustomIcon != null) {\n\t\tIcon = <CustomIcon className={styles.icon} />;\n\t} else {\n\t\tswitch (type) {\n\t\t\tcase 'info':\n\t\t\t\tIcon = <AlertIcon.Info className={styles.icon} v2 />;\n\t\t\t\tbreak;\n\t\t\tcase 'error':\n\t\t\t\tIcon = <AlertIcon.Error className={styles.icon} />;\n\t\t\t\tbreak;\n\t\t\tcase 'warning':\n\t\t\t\tIcon = <AlertIcon.Warning className={styles.icon} v2 />;\n\t\t\t\tbreak;\n\t\t\tcase 'success':\n\t\t\t\tIcon = <AlertIcon.Success className={styles.icon} v2 />;\n\t\t\t\tbreak;\n\t\t\tcase 'danger':\n\t\t\t\tIcon = <AlertIcon.Danger className={styles.icon} v2 />;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tIcon = <CustomIcon />;\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tconst { floating, context } = useFloating({\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t});\n\tconst [scope, animate] = useAnimate();\n\n\tconst alert = (appliedAlertProps) => {\n\t\tsetAlertProps({\n\t\t\t...alertProps,\n\t\t\t...appliedAlertProps,\n\t\t});\n\t};\n\n\tuseImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\t/**\n\t\t\t * methods to get exposed\n\t\t\t */\n\t\t\talert,\n\t\t};\n\t});\n\n\tuseEffect(() => {\n\t\tif (alertProps.title) {\n\t\t\tsetOpen((prev) => {\n\t\t\t\treturn !prev;\n\t\t\t});\n\t\t}\n\t}, [alertProps]);\n\n\tuseEffect(() => {\n\t\tif (scope.current && animation) {\n\t\t\tconst [positionType, staticPosition] = position.split('-');\n\t\t\tanimate(scope.current, {\n\t\t\t\ty: ANIMATION.transform[positionType],\n\t\t\t\tx: ANIMATION.static[staticPosition],\n\t\t\t});\n\t\t}\n\t});\n\n\t// eslint-disable-next-line consistent-return\n\tuseEffect(() => {\n\t\tif (alertProps.title && autoDismiss) {\n\t\t\tconst timer = setTimeout(() => {\n\t\t\t\tsetOpen(false);\n\t\t\t}, dismissTime);\n\t\t\treturn () => {\n\t\t\t\treturn clearTimeout(timer);\n\t\t\t};\n\t\t}\n\t}, [alertProps]);\n\n\tconst { getFloatingProps } = useInteractions([useDismiss(context)]);\n\n\treturn (\n\t\t<Popper open={open} className={styles.popper} id='alert-popper'>\n\t\t\t<div\n\t\t\t\t{...getFloatingProps({\n\t\t\t\t\tref: floating,\n\t\t\t\t\tclassName: classes(\n\t\t\t\t\t\tstyles.root,\n\t\t\t\t\t\tstyles[type],\n\t\t\t\t\t\tshadow ? styles.shadow : '',\n\t\t\t\t\t\tstyles[`position-${position}`],\n\t\t\t\t\t\tclassName\n\t\t\t\t\t),\n\t\t\t\t})}\n\t\t\t\tref={scope}>\n\t\t\t\t<div className={styles.left}>\n\t\t\t\t\t<div className={classes(styles['icon-container'], styles[type])}>\n\t\t\t\t\t\t{showIcon && Icon}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={styles.content}>\n\t\t\t\t\t\t<span className={styles.title}>{title}</span>\n\t\t\t\t\t\t<span className={styles.description}>{description}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={styles.actions}>\n\t\t\t\t\t{CustomAction && <CustomAction />}\n\t\t\t\t\t{onClose && !autoDismiss && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={styles.close}\n\t\t\t\t\t\t\tleftComponent={() => {\n\t\t\t\t\t\t\t\treturn <CrossIcon className={styles.icon} />;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Popper>\n\t);\n});\n\nAlert.propTypes = {\n\tshowIcon: PropTypes.bool,\n\tborder: PropTypes.oneOf(['default', 'thick-left', 'none']),\n\tshadow: PropTypes.bool,\n\tposition: PropTypes.oneOf(['bottom-right', 'bottom-center', 'top-right', 'top-center']),\n\tanimation: PropTypes.bool,\n\tclassName: PropTypes.string,\n};\n\nexport default Alert;\n"],"names":["ALERT_DISMISS_TIME","ANIMATION","transform","top","bottom","center","right","Alert","forwardRef","props","ref","_props$showIcon","showIcon","_props$shadow","shadow","_props$position","position","defaultPosition","_props$animation","animation","_props$className","className","_useState","useState","_useState2","_slicedToArray","open","setOpen","_useState3","title","description","icon","type","action","onClose","prev","autoDismiss","dismissTime","_useState4","alertProps","setAlertProps","CustomIcon","CustomAction","appliedPosition","Icon","_jsx","styles","AlertIcon","Info","v2","Error","Warning","Success","Danger","_useFloating","useFloating","onOpenChange","floating","context","_useAnimate","useAnimate","_useAnimate2","scope","animate","alert","appliedAlertProps","_objectSpread","useImperativeHandle","useEffect","current","_position$split","split","_position$split2","positionType","staticPosition","y","x","timer","setTimeout","clearTimeout","_useInteractions","useInteractions","useDismiss","getFloatingProps","Popper","popper","id","children","_jsxs","classes","root","concat","left","content","actions","Button","size","variant","onClick","close","leftComponent","CrossIcon","propTypes","PropTypes","bool","border","oneOf","string"],"mappings":"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"}

package/dist/esm/src/components/alertV2/Alert.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".Alert_module_root__c6a97f74 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  position: fixed;\n  padding: 1rem;\n  width: 37.5rem;\n  opacity: 1;\n  background-color: var(--light-color3);\n  border-radius: 0.25rem;\n}\n.Alert_module_root__c6a97f74.Alert_module_info__c6a97f74 {\n  background-color: var(--background-color4);\n}\n.Alert_module_root__c6a97f74.Alert_module_error__c6a97f74, .Alert_module_root__c6a97f74.Alert_module_danger__c6a97f74 {\n  background-color: var(--background-color1);\n}\n.Alert_module_root__c6a97f74.Alert_module_success__c6a97f74 {\n  background-color: var(--background-color2);\n}\n.Alert_module_root__c6a97f74.Alert_module_warning__c6a97f74 {\n  background-color: var(--background-color3);\n}\n.Alert_module_root__c6a97f74.Alert_module_positionBottomCenter__c6a97f74 {\n  left: 50%;\n  bottom: 1rem;\n  transform: translate(-50%, 0);\n}\n.Alert_module_root__c6a97f74.Alert_module_positionTopRight__c6a97f74 {\n  right: 1rem;\n  top: 1rem;\n}\n.Alert_module_root__c6a97f74.Alert_module_positionBottomRight__c6a97f74 {\n  right: 1rem;\n  bottom: 1rem;\n}\n.Alert_module_root__c6a97f74.Alert_module_positionTopCenter__c6a97f74 {\n  left: 50%;\n  top: 1rem;\n  transform: translate(-50%, 0%);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74 {\n  padding: 0.5rem;\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 0.625rem;\n  background: var(--light-color3);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_info__c6a97f74 {\n  box-shadow: 0px 0px 0.6rem 0px var(--secondary-color2);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_error__c6a97f74, .Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_danger__c6a97f74 {\n  box-shadow: 0px 0px 0.6rem 0px var(--primary-color1);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_success__c6a97f74 {\n  box-shadow: 0px 0px 0.6rem 0px var(--primary-color2);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_warning__c6a97f74 {\n  box-shadow: 0px 0px 0.6rem 0px var(--primary-color3);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74 .Alert_module_icon__c6a97f74 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_content__c6a97f74 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  margin-left: 1.25rem;\n  gap: 0.25rem;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_content__c6a97f74 .Alert_module_title__c6a97f74 {\n  color: var(--text-color);\n  font-size: 1rem;\n  font-weight: 600;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_content__c6a97f74 .Alert_module_description__c6a97f74 {\n  word-wrap: break-word;\n  color: var(--text-color);\n  font-size: 1rem;\n  line-height: 1.3125rem;\n  font-weight: 400;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 0.3125rem;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 .Alert_module_button__c6a97f74 {\n  padding: 0.313rem 1rem;\n  font-weight: 400;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 .Alert_module_close__c6a97f74 {\n  height: auto;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 .Alert_module_close__c6a97f74 .Alert_module_icon__c6a97f74 {\n  width: 1.25rem;\n  height: 1.25rem;\n  fill: var(--text-color);\n}\n.Alert_module_root__c6a97f74.Alert_module_shadow__c6a97f74 {\n  box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.25);\n}";
+var modules_3a764ea3 = {"root":"Alert_module_root__c6a97f74","info":"Alert_module_info__c6a97f74","error":"Alert_module_error__c6a97f74","danger":"Alert_module_danger__c6a97f74","success":"Alert_module_success__c6a97f74","warning":"Alert_module_warning__c6a97f74","position-bottom-center":"Alert_module_positionBottomCenter__c6a97f74","position-top-right":"Alert_module_positionTopRight__c6a97f74","position-bottom-right":"Alert_module_positionBottomRight__c6a97f74","position-top-center":"Alert_module_positionTopCenter__c6a97f74","left":"Alert_module_left__c6a97f74","icon-container":"Alert_module_iconContainer__c6a97f74","icon":"Alert_module_icon__c6a97f74","content":"Alert_module_content__c6a97f74","title":"Alert_module_title__c6a97f74","description":"Alert_module_description__c6a97f74","actions":"Alert_module_actions__c6a97f74","button":"Alert_module_button__c6a97f74","close":"Alert_module_close__c6a97f74","shadow":"Alert_module_shadow__c6a97f74"};
+n(css,{});
+
+export { css, modules_3a764ea3 as default };
+//# sourceMappingURL=Alert.module.css.js.map

package/dist/esm/src/components/alertV2/Alert.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}