@lanaco/lnc-react-ui 3.11.35 → 4.0.2

package/dist/MultiSelectDropdownLookup.js

@@ -0,0 +1,274 @@
+import { jsx as g } from "react/jsx-runtime";
+import { P as e } from "./index-Ds9PUTwb.js";
+import y, { useCallback as h } from "react";
+import { a as M } from "./CustomStyles-nfD3J1mi.js";
+import { d as S } from "./index-D5vEbKUT.js";
+import C from "./DropdownLookup.js";
+import { u as I } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+const T = y.forwardRef((l, t) => {
+  const {
+    // defaultOptions,
+    // cacheOptions,
+    // loadOptions,
+    styles: n,
+    debounceTime: s = 180,
+    // name,
+    // hideSelectedOptions,
+    // id,
+    // inputId,
+    // value,
+    // readOnly,
+    // tabIndex,
+    isSearchable: u = !0,
+    isClearable: a = !0,
+    // isLoading,
+    // isRtl,
+    // isDisabled,
+    // closeMenuOnSelect,
+    // closeMenuOnScroll,
+    // escapeClearsValue,
+    // filterOption,
+    // formatGroupLabel,
+    // formatOptionLabel,
+    // getOptionLabel,
+    // getOptionValue,
+    // isOptionDisabled,
+    // isOptionSelected,
+    // loadingMessage,
+    // minMenuHeight,
+    // maxMenuHeight,
+    // menuPlacement,
+    // menuPosition,
+    // menuShouldBlockScroll,
+    // menuShouldScrollIntoView,
+    // openMenuOnFocus,
+    // openMenuOnClick,
+    // autoFocus,
+    // placeholder,
+    // noOptionsMessage,
+    // menuIsOpen,
+    // components,
+    // defaultValue,
+    // defaultInputValue,
+    // defaultMenuIsOpen,
+    // delimiter,
+    // onChange,
+    onInputChange: o,
+    // onMenuOpen,
+    // onMenuClose,
+    // onBlur,
+    // onFocus,
+    // onKeyDown,
+    size: r = "small",
+    color: i = "primary",
+    className: c = "",
+    style: m = {},
+    // children,
+    ...p
+  } = l, f = I(), b = h(
+    S((d, O) => {
+      o == null || o(d, O);
+    }, s)
+  );
+  return /* @__PURE__ */ g(
+    C,
+    {
+      isMulti: !0,
+      ref: t,
+      styles: n || M,
+      size: r,
+      color: i,
+      theme: f,
+      isSearchable: u,
+      isClearable: a,
+      onInputChange: b,
+      className: c,
+      style: m,
+      ...p
+    }
+  );
+});
+T.propTypes = {
+  /**
+   * The default set of options to show before the user starts searching. When set to true, the results for loadOptions('') will be autoloaded.
+   */
+  defaultOptions: e.oneOfType([e.bool, e.array]),
+  /**
+   * If cacheOptions is truthy, then the loaded data will be cached. The cache will remain until cacheOptions changes value.
+   */
+  cacheOptions: e.any,
+  /**
+   * Function that returns a promise, which is the set of options to be used once the promise resolves.
+   */
+  loadOptions: e.func,
+  styles: e.object,
+  debounceTime: e.number,
+  name: e.string,
+  value: e.any,
+  /**
+   * Sets the tabIndex attribute on the input
+   */
+  tabIndex: e.number,
+  /**
+   * Whether to enable search functionality
+   */
+  isSearchable: e.bool,
+  isClearable: e.bool,
+  /**
+   * Is the select in a state of loading (async)
+   */
+  isLoading: e.bool,
+  /**
+   * Is the select direction right-to-left
+   */
+  isRtl: e.bool,
+  isDisabled: e.bool,
+  readOnly: e.bool,
+  /**
+   * Close the select menu when the user selects an option
+   */
+  closeMenuOnSelect: e.bool,
+  /**
+   * If true, close the select menu when the user scrolls the document/body.
+   * If a function, takes a standard javascript ScrollEvent you return a boolean:
+   * true => The menu closes
+   * false => The menu stays open
+   * This is useful when you have a scrollable modal and want to portal the menu out, but want to avoid graphical issues.
+   */
+  closeMenuOnScroll: e.oneOfType([e.bool, e.func]),
+  /**
+   * Clear all values when the user presses escape AND the menu is closed
+   */
+  escapeClearsValue: e.bool,
+  /**
+   * Custom method to filter whether an option should be displayed in the menu. Type: `null` or `() => boolean`
+   */
+  filterOption: e.func,
+  /**
+   * Formats group labels in the menu as React components
+   */
+  formatGroupLabel: e.func,
+  /**
+   * Formats option labels in the menu and control as React components
+   */
+  formatOptionLabel: e.func,
+  /**
+   * Resolves option data to a string to be displayed as the label by components
+   * Note: Failure to resolve to a string type can interfere with filtering and screen reader support.
+   */
+  getOptionLabel: e.func,
+  /**
+   * Resolves option data to a string to compare options and specify value attributes
+   */
+  getOptionValue: e.func,
+  /**
+   * Hide the selected option from the menu
+   */
+  hideSelectedOptions: e.bool,
+  /**
+   * The id to set on the SelectContainer component
+   */
+  id: e.string,
+  /**
+   * The id of the search input
+   */
+  inputId: e.string,
+  /**
+   * Override the built-in logic to detect whether an option is disabled. `(...) => boolean`
+   */
+  isOptionDisabled: e.func,
+  /**
+   * Override the built-in logic to detect whether an option is selected. `(...) => boolean`
+   */
+  isOptionSelected: e.func,
+  /**
+   * Async: Text to display when loading options `(...) => ...`
+   */
+  loadingMessage: e.func,
+  /**
+   * Minimum height of the menu before flipping
+   */
+  minMenuHeight: e.number,
+  /**
+   * Maximum height of the menu before flipping
+   */
+  maxMenuHeight: e.number,
+  /**
+   * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
+   */
+  menuPlacement: e.oneOf(["bottom", "auto", "top"]),
+  /**
+   *The CSS position value of the menu, when "fixed" extra layout management is required.
+   */
+  menuPosition: e.oneOf(["absolute", "fixed"]),
+  /**
+   * Whether to block scroll events when the menu is open
+   */
+  menuShouldBlockScroll: e.bool,
+  /**
+   * Whether the menu should be scrolled into view when it opens
+   */
+  menuShouldScrollIntoView: e.bool,
+  /**
+   * Allows control of whether the menu is opened when the Select is focused
+   */
+  openMenuOnFocus: e.bool,
+  /**
+   * Allows control of whether the menu is opened when the Select is clicked
+   */
+  openMenuOnClick: e.bool,
+  //----
+  autoFocus: e.bool,
+  placeholder: e.any,
+  noOptionsMessage: e.string,
+  menuIsOpen: e.bool,
+  /**
+   *  This complex object includes all the compositional components that are used in react-select. If you wish to overwrite a component, pass in an object with the appropriate namespace.
+   *  If you only wish to restyle a component, we recommend using the styles prop instead.
+   */
+  components: e.object,
+  /**
+   * initial value of the control
+   */
+  defaultValue: e.string,
+  /**
+   * initial value of the search input
+   */
+  defaultInputValue: e.string,
+  /**
+   * initial open value of the menu
+   */
+  defaultMenuIsOpen: e.bool,
+  /**
+   * Delimiter used to join multiple values into a single HTML Input value
+   */
+  delimiter: e.string,
+  //---------------------------------------------------------------
+  onChange: e.func,
+  /**
+   * control the value of the search input (changing this will update the available options)
+   */
+  onInputChange: e.func,
+  onMenuOpen: e.func,
+  onMenuClose: e.func,
+  onFocus: e.func,
+  onBlur: e.func,
+  onKeyDown: e.func,
+  //---------------------------------------------------------------
+  className: e.string,
+  style: e.object,
+  color: e.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  size: e.oneOf(["small", "medium", "large"])
+};
+export {
+  T as default
+};

package/dist/NestedDropdownItem.cjs

@@ -0,0 +1,6 @@
+"use strict";const o=require("react/jsx-runtime"),r=require("react"),t=require("./index-DXnSjbfJ.cjs"),I=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),S=require("./utils-hdRGTsQ7.cjs"),b=require("./motion-Oud-wpUz.cjs"),M=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),q=require("./index-BP5r5zGN.cjs"),j=I.newStyled(b.motion.div)`
+  margin-left: 0.3rem;
+  padding-left: 0.3rem;
+  border-left: ${s=>`2px solid ${S.getColorRgbaValue(s.theme,"MenuItem",s.color,"focus","background")}`};
+  border-radius: 2px;
+`,p=r.forwardRef((s,O)=>{const{__TYPE__:h="NESTED_ITEM",item:c,onItemSelected:u=()=>{},defaultOpen:y=!1,animation:d={animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},initial:{opacity:0,height:0},transition:{type:"tween",duration:.15,opacity:{duration:.15,ease:"easeOut"},height:{duration:.15}}},className:T="",style:_={},color:n="primary",size:i="small",children:E,...g}=s,N=M.useTheme(),[a,f]=r.useState(y),P=()=>{f(!a)},x=r.cloneElement(c,{isNested:!0,showNested:a,toggleNested:P,color:n,size:i}),w=r.Children.map(E,(e,D)=>{var m,l;return r.isValidElement(e)&&(e.props.__TYPE__=="MENU_ITEM"||((m=e==null?void 0:e.type)==null?void 0:m.displayName)==="MENU_ITEM"||e.props.__TYPE__=="NESTED_ITEM"||((l=e==null?void 0:e.type)==null?void 0:l.displayName)==="NESTED_ITEM")?r.cloneElement(e,{color:e.props.color?e.props.color:n,size:i,onItemSelected:u}):e});return o.jsxs(o.Fragment,{children:[o.jsx(o.Fragment,{children:x}),o.jsx(q.AnimatePresence,{children:a&&o.jsx(j,{...d,theme:N,color:n,size:i,className:"nested-item-lnc "+T,style:_,...g,children:w})})]})});p.propTypes={item:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),defaultOpen:t.PropTypes.bool,animation:t.PropTypes.object,className:t.PropTypes.string,style:t.PropTypes.object,color:t.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:t.PropTypes.oneOf(["small","medium","large"]),__TYPE__:t.PropTypes.string};p.displayName="NESTED_ITEM";module.exports=p;

package/dist/NestedDropdownItem.js

@@ -0,0 +1,102 @@
+import { jsxs as w, Fragment as l, jsx as m } from "react/jsx-runtime";
+import o, { useState as x } from "react";
+import { P as t } from "./index-Ds9PUTwb.js";
+import { n as P } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { b as O } from "./utils-DEke8iwo.js";
+import { m as h } from "./motion-CtkUpWEn.js";
+import { u as D } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { A as j } from "./index-BLQWNy78.js";
+const Y = P(h.div)`
+  margin-left: 0.3rem;
+  padding-left: 0.3rem;
+  border-left: ${(r) => `2px solid ${O(
+  r.theme,
+  "MenuItem",
+  r.color,
+  "focus",
+  "background"
+)}`};
+  border-radius: 2px;
+`, d = o.forwardRef((r, C) => {
+  const {
+    __TYPE__: R = "NESTED_ITEM",
+    item: f,
+    //------------------
+    onItemSelected: c = () => {
+    },
+    //--------------------
+    defaultOpen: u = !1,
+    animation: _ = {
+      animate: { opacity: 1, height: "auto" },
+      exit: { opacity: 0, height: 0 },
+      initial: { opacity: 0, height: 0 },
+      transition: {
+        type: "tween",
+        duration: 0.15,
+        opacity: { duration: 0.15, ease: "easeOut" },
+        height: { duration: 0.15 }
+      }
+    },
+    className: E = "",
+    style: y = {},
+    color: n = "primary",
+    size: s = "small",
+    children: g,
+    ...T
+  } = r, N = D(), [a, I] = x(u), M = () => {
+    I(!a);
+  }, S = o.cloneElement(f, {
+    isNested: !0,
+    showNested: a,
+    toggleNested: M,
+    color: n,
+    size: s
+  }), b = o.Children.map(g, (e, z) => {
+    var i, p;
+    return o.isValidElement(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((i = e == null ? void 0 : e.type) == null ? void 0 : i.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((p = e == null ? void 0 : e.type) == null ? void 0 : p.displayName) === "NESTED_ITEM") ? o.cloneElement(e, {
+      color: e.props.color ? e.props.color : n,
+      size: s,
+      onItemSelected: c
+    }) : e;
+  });
+  return /* @__PURE__ */ w(l, { children: [
+    /* @__PURE__ */ m(l, { children: S }),
+    /* @__PURE__ */ m(j, { children: a && /* @__PURE__ */ m(
+      Y,
+      {
+        ..._,
+        theme: N,
+        color: n,
+        size: s,
+        className: "nested-item-lnc " + E,
+        style: y,
+        ...T,
+        children: b
+      }
+    ) })
+  ] });
+});
+d.propTypes = {
+  item: t.oneOfType([t.string, t.element]),
+  //--------------------------
+  defaultOpen: t.bool,
+  animation: t.object,
+  className: t.string,
+  style: t.object,
+  color: t.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  size: t.oneOf(["small", "medium", "large"]),
+  __TYPE__: t.string
+};
+d.displayName = "NESTED_ITEM";
+export {
+  d as default
+};

package/dist/NestedMenuItem.cjs

@@ -0,0 +1,6 @@
+"use strict";const o=require("react/jsx-runtime"),r=require("react"),t=require("./index-DXnSjbfJ.cjs"),M=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),w=require("./utils-hdRGTsQ7.cjs"),q=require("./motion-Oud-wpUz.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),O=require("./index-BP5r5zGN.cjs"),$=M.newStyled(q.motion.div)`
+  ${n=>n.tuckIn==!0&&`margin-left: ${n.tuckInSize};`}
+  ${n=>n.tuckIn==!0&&`padding-left: ${n.tuckInSize};`}
+    ${n=>n.tuckIn==!0&&`border-left: 2px solid ${w.getColorRgbaValue(n.theme,"MenuItem",n.color,"focus","background","backgroundOpacity")};`}
+    border-radius: 2px;
+`,c=r.forwardRef((n,m)=>{const{item:l,onItemSelected:y=()=>{},defaultOpen:d=!1,tuckIn:T=!0,tuckInSize:_="0.3rem",animation:E={animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},initial:{opacity:0,height:0},transition:{type:"tween",duration:.15,opacity:{duration:.15,ease:"easeOut"},height:{duration:.15}}},className:g="",style:I={},color:i="primary",size:a="small",__TYPE__:h="NESTED_ITEM",children:N,...P}=n,f=j.useTheme(),[s,S]=r.useState(d),x=()=>{S(!s)},b=r.cloneElement(l,{isNested:!0,showNested:s,toggleNested:x,color:i,size:a}),k=r.Children.map(N,(e,z)=>{var p,u;if(r.isValidElement(e)&&(e.props.__TYPE__=="MENU_ITEM"||((p=e==null?void 0:e.type)==null?void 0:p.displayName)==="MENU_ITEM"||e.props.__TYPE__=="NESTED_ITEM"||((u=e==null?void 0:e.type)==null?void 0:u.displayName)==="NESTED_ITEM"))return r.cloneElement(e,{color:e.props.color?e.props.color:i,size:a,onItemSelected:y})});return o.jsxs(o.Fragment,{children:[o.jsx(o.Fragment,{children:b}),o.jsx(O.AnimatePresence,{children:s&&o.jsx($,{theme:f,tuckIn:T,tuckInSize:_,color:i,size:a,className:"nested-item-lnc "+g,style:I,ref:m,show:s,...E,...P,children:k})})]})});c.propTypes={item:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),defaultOpen:t.PropTypes.bool,tuckIn:t.PropTypes.bool,tuckInSize:t.PropTypes.string,animation:t.PropTypes.object,className:t.PropTypes.string,style:t.PropTypes.object,color:t.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:t.PropTypes.oneOf(["small","medium","large"]),__TYPE__:t.PropTypes.string};c.displayName="NESTED_ITEM";module.exports=c;

package/dist/NestedMenuItem.js

@@ -0,0 +1,115 @@
+import { jsxs as O, Fragment as u, jsx as i } from "react/jsx-runtime";
+import n, { useState as P } from "react";
+import { P as t } from "./index-Ds9PUTwb.js";
+import { n as h } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { b as z } from "./utils-DEke8iwo.js";
+import { m as $ } from "./motion-CtkUpWEn.js";
+import { u as j } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { A as D } from "./index-BLQWNy78.js";
+const Y = h($.div)`
+  ${(o) => o.tuckIn == !0 && `margin-left: ${o.tuckInSize};`}
+  ${(o) => o.tuckIn == !0 && `padding-left: ${o.tuckInSize};`}
+    ${(o) => o.tuckIn == !0 && `border-left: 2px solid ${z(
+  o.theme,
+  "MenuItem",
+  o.color,
+  "focus",
+  "background",
+  "backgroundOpacity"
+)};`}
+    border-radius: 2px;
+`, c = n.forwardRef((o, p) => {
+  const {
+    item: d,
+    //------------------
+    onItemSelected: f = () => {
+    },
+    //--------------------
+    defaultOpen: _ = !1,
+    tuckIn: E = !0,
+    tuckInSize: y = "0.3rem",
+    animation: g = {
+      animate: { opacity: 1, height: "auto" },
+      exit: { opacity: 0, height: 0 },
+      initial: { opacity: 0, height: 0 },
+      transition: {
+        type: "tween",
+        duration: 0.15,
+        opacity: { duration: 0.15, ease: "easeOut" },
+        height: { duration: 0.15 }
+      }
+    },
+    className: I = "",
+    style: T = {},
+    color: a = "primary",
+    size: s = "small",
+    __TYPE__: C = "NESTED_ITEM",
+    children: N,
+    ...S
+  } = o, k = j(), [r, b] = P(_), M = () => {
+    b(!r);
+  }, w = n.cloneElement(d, {
+    isNested: !0,
+    showNested: r,
+    toggleNested: M,
+    color: a,
+    size: s
+  }), x = n.Children.map(N, (e, R) => {
+    var m, l;
+    if (n.isValidElement(e) && (e.props.__TYPE__ == "MENU_ITEM" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "MENU_ITEM" || e.props.__TYPE__ == "NESTED_ITEM" || ((l = e == null ? void 0 : e.type) == null ? void 0 : l.displayName) === "NESTED_ITEM"))
+      return n.cloneElement(e, {
+        color: e.props.color ? e.props.color : a,
+        size: s,
+        onItemSelected: f
+      });
+  });
+  return /* @__PURE__ */ O(u, { children: [
+    /* @__PURE__ */ i(u, { children: w }),
+    /* @__PURE__ */ i(D, { children: r && /* @__PURE__ */ i(
+      Y,
+      {
+        theme: k,
+        tuckIn: E,
+        tuckInSize: y,
+        color: a,
+        size: s,
+        className: "nested-item-lnc " + I,
+        style: T,
+        ref: p,
+        show: r,
+        ...g,
+        ...S,
+        children: x
+      }
+    ) })
+  ] });
+});
+c.propTypes = {
+  item: t.oneOfType([t.string, t.element]),
+  //--------------------------
+  defaultOpen: t.bool,
+  /**
+   * Determines wether nested items will be tucked in to the right (using margin-right and padding-left).
+   */
+  tuckIn: t.bool,
+  tuckInSize: t.string,
+  animation: t.object,
+  className: t.string,
+  style: t.object,
+  color: t.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  size: t.oneOf(["small", "medium", "large"]),
+  __TYPE__: t.string
+};
+c.displayName = "NESTED_ITEM";
+export {
+  c as default
+};

package/dist/Notification.cjs

@@ -0,0 +1,83 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),i=require("react"),P=require("./index-DXnSjbfJ.cjs"),Te=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),we=require("./index-C29T0m2a.cjs"),S=require("./utils-hdRGTsQ7.cjs"),Be=require("./ThemeProvider.cjs"),_e=require("./Icon.cjs"),Se=require("./Avatar.cjs"),De=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs");function he(e){var t,n,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=he(e[t]))&&(a&&(a+=" "),a+=n);else for(t in e)e[t]&&(a&&(a+=" "),a+=t);return a}function H(){for(var e,t,n=0,a="";n<arguments.length;)(e=arguments[n++])&&(t=he(e))&&(a&&(a+=" "),a+=t);return a}function D(){return D=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},D.apply(this,arguments)}function be(e,t){if(e==null)return{};var n={},a=Object.keys(e),r,u;for(u=0;u<a.length;u++)r=a[u],!(t.indexOf(r)>=0)&&(n[r]=e[r]);return n}function J(e){return typeof e=="number"&&!isNaN(e)}function K(e){return typeof e=="boolean"}function V(e){return typeof e=="string"}function B(e){return typeof e=="function"}function ee(e){return V(e)||B(e)?e:null}function le(e){return e===0||e}function ke(e,t){return e===!1||J(e)&&e>0?e:t}var Ce=!!(typeof window<"u"&&window.document&&window.document.createElement);function re(e){return i.isValidElement(e)||V(e)||B(e)||J(e)}var Ee={TOP_LEFT:"top-left",TOP_RIGHT:"top-right",TOP_CENTER:"top-center",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right",BOTTOM_CENTER:"bottom-center"},M={INFO:"info",SUCCESS:"success",WARNING:"warning",ERROR:"error",DEFAULT:"default"};function je(e,t,n){n===void 0&&(n=300);var a=e.scrollHeight,r=e.style;requestAnimationFrame(function(){r.minHeight="initial",r.height=a+"px",r.transition="all "+n+"ms",requestAnimationFrame(function(){r.height="0",r.padding="0",r.margin="0",setTimeout(t,n)})})}function Ae(e){var t=e.enter,n=e.exit,a=e.appendPosition,r=a===void 0?!1:a,u=e.collapse,m=u===void 0?!0:u,d=e.collapseDuration,s=d===void 0?300:d;return function(l){var T=l.children,h=l.position,p=l.preventExitTransition,I=l.done,E=l.nodeRef,O=l.isIn,w=r?t+"--"+h:t,R=r?n+"--"+h:n,F=i.useRef(),c=i.useRef(0);i.useLayoutEffect(function(){f()},[]),i.useEffect(function(){O||(p?x():C())},[O]);function f(){var o=E.current;F.current=o.className,o.className+=" "+w,o.addEventListener("animationend",b)}function b(o){if(o.target===E.current){var y=E.current;y.removeEventListener("animationend",b),c.current===0&&(y.className=F.current)}}function C(){c.current=1;var o=E.current;o.className+=" "+R,o.addEventListener("animationend",x)}function x(){var o=E.current;o.removeEventListener("animationend",x),m?je(o,I,s):I()}return i.createElement(i.Fragment,null,T)}}var k={list:new Map,emitQueue:new Map,on:function(t,n){return this.list.has(t)||this.list.set(t,[]),this.list.get(t).push(n),this},off:function(t,n){if(n){var a=this.list.get(t).filter(function(r){return r!==n});return this.list.set(t,a),this}return this.list.delete(t),this},cancelEmit:function(t){var n=this.emitQueue.get(t);return n&&(n.forEach(clearTimeout),this.emitQueue.delete(t)),this},emit:function(t){for(var n=this,a=arguments.length,r=new Array(a>1?a-1:0),u=1;u<a;u++)r[u-1]=arguments[u];this.list.has(t)&&this.list.get(t).forEach(function(m){var d=setTimeout(function(){m.apply(void 0,r)},0);n.emitQueue.has(t)||n.emitQueue.set(t,[]),n.emitQueue.get(t).push(d)})}};function W(e,t){t===void 0&&(t=!1);var n=i.useRef(e);return i.useEffect(function(){t&&(n.current=e)}),n.current}function Me(e,t){switch(t.type){case 0:return[].concat(e,[t.toastId]).filter(function(n){return n!==t.staleId});case 1:return le(t.toastId)?e.filter(function(n){return n!==t.toastId}):[]}}var Fe=["delay","staleId"];function $e(e){var t=i.useReducer(function(c){return c+1},0),n=t[1],a=i.useReducer(Me,[]),r=a[0],u=a[1],m=i.useRef(null),d=W(0),s=W([]),v=W({}),l=W({toastKey:1,displayedToast:0,props:e,containerId:null,isToastActive:T,getToast:function(f){return v[f]||null}});i.useEffect(function(){return l.containerId=e.containerId,k.cancelEmit(3).on(0,O).on(1,function(c){return m.current&&p(c)}).on(5,h).emit(2,l),function(){return k.emit(3,l)}},[]),i.useEffect(function(){l.isToastActive=T,l.displayedToast=r.length,k.emit(4,r.length,e.containerId)},[r]),i.useEffect(function(){l.props=e});function T(c){return r.indexOf(c)!==-1}function h(c){var f=c.containerId,b=l.props.limit;b&&(!f||l.containerId===f)&&(d-=s.length,s=[])}function p(c){u({type:1,toastId:c})}function I(){var c=s.shift(),f=c.toastContent,b=c.toastProps,C=c.staleId;w(f,b,C)}function E(c){var f=c.containerId,b=c.toastId,C=c.updateId;return!!(!m.current||l.props.enableMultiContainer&&f!==l.props.containerId||v[b]&&C==null)}function O(c,f){var b,C=f.delay,x=f.staleId,o=be(f,Fe);if(!(!re(c)||E(o))){var y=o.toastId,_=o.updateId,U=o.data,g=l.props,A=function(){return p(y)},G=o.updateId==null;G&&d++;var L={toastId:y,updateId:_,isLoading:o.isLoading,theme:o.theme||g.theme,icon:(b=o.icon)!=null?b:g.icon,isIn:!1,key:o.key||l.toastKey++,type:o.type,closeToast:A,closeButton:o.closeButton,rtl:g.rtl,position:o.position||g.position,transition:o.transition||g.transition,className:ee(o.className||g.toastClassName),bodyClassName:ee(o.bodyClassName||g.bodyClassName),style:o.style||g.toastStyle,bodyStyle:o.bodyStyle||g.bodyStyle,onClick:o.onClick||g.onClick,pauseOnHover:K(o.pauseOnHover)?o.pauseOnHover:g.pauseOnHover,pauseOnFocusLoss:K(o.pauseOnFocusLoss)?o.pauseOnFocusLoss:g.pauseOnFocusLoss,draggable:K(o.draggable)?o.draggable:g.draggable,draggablePercent:J(o.draggablePercent)?o.draggablePercent:g.draggablePercent,draggableDirection:o.draggableDirection||g.draggableDirection,closeOnClick:K(o.closeOnClick)?o.closeOnClick:g.closeOnClick,progressClassName:ee(o.progressClassName||g.progressClassName),progressStyle:o.progressStyle||g.progressStyle,autoClose:o.isLoading?!1:ke(o.autoClose,g.autoClose),hideProgressBar:K(o.hideProgressBar)?o.hideProgressBar:g.hideProgressBar,progress:o.progress,role:V(o.role)?o.role:g.role,deleteToast:function(){R(y)}};B(o.onOpen)&&(L.onOpen=o.onOpen),B(o.onClose)&&(L.onClose=o.onClose),L.draggableDirection==="y"&&L.draggablePercent===80&&(L.draggablePercent*=1.5);var $=g.closeButton;o.closeButton===!1||re(o.closeButton)?$=o.closeButton:o.closeButton===!0&&($=re(g.closeButton)?g.closeButton:!0),L.closeButton=$;var z=c;i.isValidElement(c)&&!V(c.type)?z=i.cloneElement(c,{closeToast:A,toastProps:L,data:U}):B(c)&&(z=c({closeToast:A,toastProps:L,data:U})),g.limit&&g.limit>0&&d>g.limit&&G?s.push({toastContent:z,toastProps:L,staleId:x}):J(C)&&C>0?setTimeout(function(){w(z,L,x)},C):w(z,L,x)}}function w(c,f,b){var C=f.toastId;b&&delete v[b],v[C]={content:c,props:f},u({type:0,toastId:C,staleId:b})}function R(c){delete v[c];var f=s.length;if(d=le(c)?d-1:d-l.displayedToast,d<0&&(d=0),f>0){var b=le(c)?1:l.props.limit;if(f===1||b===1)l.displayedToast++,I();else{var C=b>f?f:b;l.displayedToast=C;for(var x=0;x<C;x++)I()}}else n()}function F(c){for(var f={},b=e.newestOnTop?Object.keys(v).reverse():Object.keys(v),C=0;C<b.length;C++){var x=v[b[C]],o=x.props.position;f[o]||(f[o]=[]),f[o].push(x)}return Object.keys(f).map(function(y){return c(y,f[y])})}return{getToastToRender:F,collection:v,containerRef:m,isToastActive:T}}function ve(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientX:e.clientX}function ye(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientY:e.clientY}function ze(e){var t=i.useState(!0),n=t[0],a=t[1],r=i.useState(!1),u=r[0],m=r[1],d=i.useRef(null),s=W({start:0,x:0,y:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,boundingRect:null}),v=W(e,!0),l=e.autoClose,T=e.pauseOnHover,h=e.closeToast,p=e.onClick,I=e.closeOnClick;i.useEffect(function(){return B(e.onOpen)&&e.onOpen(i.isValidElement(e.children)&&e.children.props),function(){B(v.onClose)&&v.onClose(i.isValidElement(v.children)&&v.children.props)}},[]),i.useEffect(function(){return e.draggable&&f(),function(){e.draggable&&b()}},[e.draggable]),i.useEffect(function(){return e.pauseOnFocusLoss&&F(),function(){e.pauseOnFocusLoss&&c()}},[e.pauseOnFocusLoss]);function E(y){if(e.draggable){var _=d.current;s.canCloseOnClick=!0,s.canDrag=!0,s.boundingRect=_.getBoundingClientRect(),_.style.transition="",s.x=ve(y.nativeEvent),s.y=ye(y.nativeEvent),e.draggableDirection==="x"?(s.start=s.x,s.removalDistance=_.offsetWidth*(e.draggablePercent/100)):(s.start=s.y,s.removalDistance=_.offsetHeight*(e.draggablePercent/100))}}function O(){if(s.boundingRect){var y=s.boundingRect,_=y.top,U=y.bottom,g=y.left,A=y.right;e.pauseOnHover&&s.x>=g&&s.x<=A&&s.y>=_&&s.y<=U?R():w()}}function w(){a(!0)}function R(){a(!1)}function F(){document.hasFocus()||R(),window.addEventListener("focus",w),window.addEventListener("blur",R)}function c(){window.removeEventListener("focus",w),window.removeEventListener("blur",R)}function f(){document.addEventListener("mousemove",C),document.addEventListener("mouseup",x),document.addEventListener("touchmove",C),document.addEventListener("touchend",x)}function b(){document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",x),document.removeEventListener("touchmove",C),document.removeEventListener("touchend",x)}function C(y){if(s.canDrag){y.preventDefault();var _=d.current;n&&R(),s.x=ve(y),s.y=ye(y),e.draggableDirection==="x"?s.delta=s.x-s.start:s.delta=s.y-s.start,s.start!==s.x&&(s.canCloseOnClick=!1),_.style.transform="translate"+e.draggableDirection+"("+s.delta+"px)",_.style.opacity=""+(1-Math.abs(s.delta/s.removalDistance))}}function x(){var y=d.current;if(s.canDrag){if(s.canDrag=!1,Math.abs(s.delta)>s.removalDistance){m(!0),e.closeToast();return}y.style.transition="transform 0.2s, opacity 0.2s",y.style.transform="translate"+e.draggableDirection+"(0)",y.style.opacity="1"}}var o={onMouseDown:E,onTouchStart:E,onMouseUp:O,onTouchEnd:O};return l&&T&&(o.onMouseEnter=R,o.onMouseLeave=w),I&&(o.onClick=function(y){p&&p(y),s.canCloseOnClick&&h()}),{playToast:w,pauseToast:R,isRunning:n,preventExitTransition:u,toastRef:d,eventHandlers:o}}function Ne(e){var t=e.closeToast,n=e.theme,a=e.ariaLabel,r=a===void 0?"close":a;return i.createElement("button",{className:"Toastify__close-button Toastify__close-button--"+n,type:"button",onClick:function(m){m.stopPropagation(),t(m)},"aria-label":r},i.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},i.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}function Pe(e){var t,n,a=e.delay,r=e.isRunning,u=e.closeToast,m=e.type,d=e.hide,s=e.className,v=e.style,l=e.controlledProgress,T=e.progress,h=e.rtl,p=e.isIn,I=e.theme,E=D({},v,{animationDuration:a+"ms",animationPlayState:r?"running":"paused",opacity:d?0:1});l&&(E.transform="scaleX("+T+")");var O=H("Toastify__progress-bar",l?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated","Toastify__progress-bar-theme--"+I,"Toastify__progress-bar--"+m,(t={},t["Toastify__progress-bar--rtl"]=h,t)),w=B(s)?s({rtl:h,type:m,defaultClassName:O}):H(O,s),R=(n={},n[l&&T>=1?"onTransitionEnd":"onAnimationEnd"]=l&&T<1?null:function(){p&&u()},n);return i.createElement("div",Object.assign({role:"progressbar","aria-hidden":d?"true":"false","aria-label":"notification timer",className:w,style:E},R))}Pe.defaultProps={type:M.DEFAULT,hide:!1};var He=["theme","type"],te=function(t){var n=t.theme,a=t.type,r=be(t,He);return i.createElement("svg",Object.assign({viewBox:"0 0 24 24",width:"100%",height:"100%",fill:n==="colored"?"currentColor":"var(--toastify-icon-color-"+a+")"},r))};function Ve(e){return i.createElement(te,Object.assign({},e),i.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))}function qe(e){return i.createElement(te,Object.assign({},e),i.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))}function Ue(e){return i.createElement(te,Object.assign({},e),i.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))}function We(e){return i.createElement(te,Object.assign({},e),i.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))}function Qe(){return i.createElement("div",{className:"Toastify__spinner"})}var pe={info:qe,warning:Ve,success:Ue,error:We,spinner:Qe},Ge=function(t){var n,a,r=ze(t),u=r.isRunning,m=r.preventExitTransition,d=r.toastRef,s=r.eventHandlers,v=t.closeButton,l=t.children,T=t.autoClose,h=t.onClick,p=t.type,I=t.hideProgressBar,E=t.closeToast,O=t.transition,w=t.position,R=t.className,F=t.style,c=t.bodyClassName,f=t.bodyStyle,b=t.progressClassName,C=t.progressStyle,x=t.updateId,o=t.role,y=t.progress,_=t.rtl,U=t.toastId,g=t.deleteToast,A=t.isIn,G=t.isLoading,L=t.icon,$=t.theme,z=H("Toastify__toast","Toastify__toast-theme--"+$,"Toastify__toast--"+p,(n={},n["Toastify__toast--rtl"]=_,n)),ae=B(R)?R({rtl:_,position:w,type:p,defaultClassName:z}):H(z,R),se=!!y,me=pe[p],ie={theme:$,type:p},q=me&&me(ie);L===!1?q=void 0:B(L)?q=L(ie):i.isValidElement(L)?q=i.cloneElement(L,ie):V(L)?q=L:G&&(q=pe.spinner());function Le(Y){if(Y){var ge={closeToast:E,type:p,theme:$};if(B(Y))return Y(ge);if(i.isValidElement(Y))return i.cloneElement(Y,ge)}}return i.createElement(O,{isIn:A,done:g,position:w,preventExitTransition:m,nodeRef:d},i.createElement("div",Object.assign({id:U,onClick:h,className:ae},s,{style:F,ref:d}),i.createElement("div",Object.assign({},A&&{role:o},{className:B(c)?c({type:p}):H("Toastify__toast-body",c),style:f}),q&&i.createElement("div",{className:H("Toastify__toast-icon",(a={},a["Toastify--animate-icon Toastify__zoom-enter"]=!G,a))},q),i.createElement("div",null,l)),Le(v),(T||se)&&i.createElement(Pe,Object.assign({},x&&!se?{key:"pb-"+x}:{},{rtl:_,theme:$,delay:T,isRunning:u,isIn:A,closeToast:E,hide:I,type:p,style:C,className:b,controlledProgress:se,progress:y}))))},Ye=Ae({enter:"Toastify--animate Toastify__bounce-enter",exit:"Toastify--animate Toastify__bounce-exit",appendPosition:!0}),fe=function(t){var n=$e(t),a=n.getToastToRender,r=n.containerRef,u=n.isToastActive,m=t.className,d=t.style,s=t.rtl,v=t.containerId;function l(T){var h,p=H("Toastify__toast-container","Toastify__toast-container--"+T,(h={},h["Toastify__toast-container--rtl"]=s,h));return B(m)?m({position:T,rtl:s,defaultClassName:p}):H(p,ee(m))}return i.createElement("div",{ref:r,className:"Toastify",id:v},a(function(T,h){var p=h.length===0?D({},d,{pointerEvents:"none"}):D({},d);return i.createElement("div",{className:l(T),style:p,key:"container-"+T},h.map(function(I){var E=I.content,O=I.props;return i.createElement(Ge,Object.assign({},O,{isIn:u(O.toastId),key:"toast-"+O.key,closeButton:O.closeButton===!0?Ne:O.closeButton}),E)}))}))};fe.defaultProps={position:Ee.TOP_RIGHT,transition:Ye,rtl:!1,autoClose:5e3,hideProgressBar:!1,closeButton:Ne,pauseOnHover:!0,pauseOnFocusLoss:!0,closeOnClick:!0,newestOnTop:!1,draggable:!0,draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};var Q=new Map,ce,X,Oe,ue=[],de=!1;function Ke(){return Q.size>0}function Xe(e,t){var n=t.containerId,a=Q.get(n||ce);return a?a.getToast(e):null}function Ie(){return Math.random().toString(36).substr(2,9)}function Je(e){return e&&(V(e.toastId)||J(e.toastId))?e.toastId:Ie()}function Z(e,t){return Ke()?k.emit(0,e,t):(ue.push({content:e,options:t}),de&&Ce&&(de=!1,X=document.createElement("div"),document.body.appendChild(X),we.reactDomExports.render(i.createElement(fe,Object.assign({},Oe)),X))),t.toastId}function ne(e,t){return D({},t,{type:t&&t.type||e,toastId:Je(t)})}var oe=function(t){return function(n,a){return Z(n,ne(t,a))}},N=function(t,n){return Z(t,ne(M.DEFAULT,n))};N.loading=function(e,t){return Z(e,ne(M.DEFAULT,D({isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1},t)))};function Ze(e,t,n){var a=t.pending,r=t.error,u=t.success,m;a&&(m=V(a)?N.loading(a,n):N.loading(a.render,D({},n,a)));var d={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},s=function(T,h,p){var I=D({type:T},d,n,{data:p}),E=V(h)?{render:h}:h;return m?N.update(m,D({},I,E)):N(E.render,D({},I,E)),p},v=B(e)?e():e;return v.then(function(l){return u&&s("success",u,l)}).catch(function(l){return r&&s("error",r,l)}),v}N.promise=Ze;N.success=oe(M.SUCCESS);N.info=oe(M.INFO);N.error=oe(M.ERROR);N.warning=oe(M.WARNING);N.warn=N.warning;N.dark=function(e,t){return Z(e,ne(M.DEFAULT,D({theme:"dark"},t)))};N.dismiss=function(e){return k.emit(1,e)};N.clearWaitingQueue=function(e){return e===void 0&&(e={}),k.emit(5,e)};N.isActive=function(e){var t=!1;return Q.forEach(function(n){n.isToastActive&&n.isToastActive(e)&&(t=!0)}),t};N.update=function(e,t){t===void 0&&(t={}),setTimeout(function(){var n=Xe(e,t);if(n){var a=n.props,r=n.content,u=D({},a,t,{toastId:t.toastId||e,updateId:Ie()});u.toastId!==e&&(u.staleId=e);var m=u.render||r;delete u.render,Z(m,u)}},0)};N.done=function(e){N.update(e,{progress:1})};N.onChange=function(e){return B(e)&&k.on(4,e),function(){B(e)&&k.off(4,e)}};N.configure=function(e){e===void 0&&(e={}),de=!0,Oe=e};N.POSITION=Ee;N.TYPE=M;k.on(2,function(e){ce=e.containerId||e,Q.set(ce,e),ue.forEach(function(t){k.emit(0,t.content,t.options)}),ue=[]}).on(3,function(e){Q.delete(e.containerId||e),Q.size===0&&k.off(0).off(1).off(5),Ce&&X&&document.body.removeChild(X)});const et=Te.newStyled.div`
+  ${e=>S.getComponentTypographyCss(e.theme,"Notification","small","enabled")};
+
+  word-wrap: break-word;
+  box-sizing: border-box;
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+
+  & .notification-actions {
+    align-items: center;
+    ${e=>e.sideButtons&&"margin: -14px"};
+    flex-direction: ${e=>e.sideButtons?"column":"row"};
+    ${e=>e.sideButtons&&"margin-left: auto"};
+    ${e=>e.inlineActions==!1&&e.sideButtons==!1&&"padding-top: 4px"};
+    gap: ${e=>e.sideButtons?"0":"1rem"};
+    display: flex;
+
+    color: ${e=>S.getColorRgbaValue(e.theme,"Notification",e.color,"enabled","action")};
+
+    & > button {
+      ${e=>e.sideButtons&&"flex: 1; width: 100%;"}
+    }
+  }
+  & .notification-main {
+    word-wrap: break-word;
+    box-sizing: border-box;
+    display: flex;
+    gap: 1rem;
+  }
+  & .notification-content {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    color: ${e=>S.getColorRgbaValue(e.theme,"Notification",e.color,"enabled","text")};
+  }
+  & .notification-icon {
+    align-items: flex-start;
+    & i {
+      font-size: 1.25rem;
+    }
+  }
+  & .notification-title {
+    font-weight: ${e=>S.getComponentPropValue(e.theme,"Notification",e.color,"enabled","fontWeightTitle")};
+    color: ${e=>S.getColorRgbaValue(e.theme,"Notification",e.color,"enabled","title")};
+  }
+`,xe=i.forwardRef((e,t)=>{const{title:n,icon:a,className:r,style:u={},size:m="small",avatar:d=!1,actions:s,inlineActions:v=!1,sideButtons:l=!1,iconProps:T,avatarProps:h,children:p,...I}=e,O={theme:De.useTheme(),className:r,style:u,size:m,inlineActions:v,sideButtons:l};return j.jsxs(et,{ref:t,...O,...I,children:[j.jsxs("div",{className:"notification-main",children:[d?j.jsx(Se,{sizeInUnits:"2.75rem",...h}):a&&j.jsx(_e,{className:"notification-icon",icon:a,...T}),j.jsxs("div",{className:"notification-content",children:[j.jsx("div",{className:"notification-title",children:n}),p,!v&&!l&&j.jsx("div",{className:"notification-actions",children:s})]})]}),(v||l)&&j.jsx("div",{className:"notification-actions",children:s})]})});xe.propTypes={avatar:P.PropTypes.bool,title:P.PropTypes.string,icon:P.PropTypes.string,actions:P.PropTypes.element,inlineActions:P.PropTypes.bool,sideButtons:P.PropTypes.bool,className:P.PropTypes.string,style:P.PropTypes.object,iconProps:P.PropTypes.any,avatarProps:P.PropTypes.any};const tt=Te.newStyled.div`
+  & .lnc-notification {
+    & > div {
+      background-color: ${e=>S.getColorRgbaValue(e.theme,"Notification",e.color,"enabled","background","backgroundOpacity")};
+
+      box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
+        0px 4px 6px -2px rgba(0, 0, 0, 0.05);
+      border: ${e=>`1px solid ${S.getColorRgbaValue(e.theme,"Notification","default","enabled","border")}`};
+      border-radius: ${e=>S.getBorderRadiusValueWithUnits(e.theme,"regular")};
+    }
+    & .Toastify__close-button {
+      & svg {
+        fill: ${e=>S.getColorRgbaValue(e.theme,"Notification","default","enabled","icon")};
+      }
+    }
+    & .Toastify__toast--success {
+      & svg {
+        fill: ${e=>S.getColorRgbaValue(e.theme,"Notification","success","enabled","icon")};
+      }
+    }
+    & .Toastify__toast--information {
+      & svg {
+        fill: ${e=>S.getColorRgbaValue(e.theme,"Notification","information","enabled","icon")};
+      }
+    }
+    & .Toastify__toast--danger {
+      & svg {
+        fill: ${e=>S.getColorRgbaValue(e.theme,"Notification","warning","enabled","icon")};
+      }
+    }
+    & .Toastify__toast--error {
+      & svg {
+        fill: ${e=>S.getColorRgbaValue(e.theme,"Notification","danger","enabled","icon")};
+      }
+    }
+  }
+`,Re=i.forwardRef((e,t)=>{const{position:n="top-right",autoClose:a=5e5,hideProgressBar:r=!0,newestOnTop:u=!0,closeOnClick:m=!0,rtl:d=!1,pauseOnFocusLoss:s=!1,draggable:v=!1,pauseOnHover:l=!1,closeButton:T=!0,className:h="",style:p={},toastContainerProps:I,children:E,...O}=e,{theme:w}=Be.useTheme(),R={theme:w,className:"lnc-ui-notification "+h,style:p};return j.jsx(tt,{ref:t,...R,...O,children:j.jsx(fe,{position:n,autoClose:a,hideProgressBar:r,newestOnTop:u,closeOnClick:m,rtl:d,pauseOnFocusLoss:s,draggable:v,pauseOnHover:l,closeButton:T,className:"lnc-notification",...I})})});Re.propTypes={position:P.PropTypes.oneOf(["top-right","top-center","top-left","bottom-right","bottom-center","bottom-left"]),autoClose:P.PropTypes.number,hideProgressBar:P.PropTypes.bool,newestOnTop:P.PropTypes.bool,closeOnClick:P.PropTypes.bool,rtl:P.PropTypes.bool,pauseOnFocusLoss:P.PropTypes.bool,draggable:P.PropTypes.bool,pauseOnHover:P.PropTypes.bool,closeButton:P.PropTypes.bool,className:P.PropTypes.string,style:P.PropTypes.object,toastContainerProps:P.PropTypes.any};exports.NotificationContainer=Re;exports.NotificationMessage=xe;exports.notification=N;