@startlibs/components 1.1.5 → 1.2.0-rc.1

package/lib/Dialog.mjs

@@ -5,8 +5,8 @@ import _assign from 'lodash/fp/assign';
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { darken } from 'polished';
-import { media, getColor, callIfFunction, customTheme } from '@startlibs/utils';
-import { useEnsureRef, StartlibsConsumer } from '@startlibs/core';
+import { media, getColor, customTheme, callIfFunction } from '@startlibs/utils';
+import { StartlibsConsumer, useEnsureRef } from '@startlibs/core';
 import { Button } from './Button.mjs';
 import { Icon } from './Icon.mjs';
 import { LoadingDiv } from './LoadingDiv.mjs';
@@ -14,7 +14,10 @@ import { fixDoubledLastMarginBottom } from './SplitColumnsContainer.mjs';
 import { DialogContainer } from './containers/DialogContainer.mjs';
 import { willUseIsSticky } from './willUseIsSticky.mjs';
 
-const _excluded = ["className", "skipWrap", "wrapChildren", "stickyFooter", "fixTitleMargin", "skipCloseIcon", "isLoading", "footer", "Content", "children", "title", "illustration", "icon", "auxiliarActions", "container", "onClose"];
+const _excluded = ["fixTitleMargin"],
+  _excluded2 = ["sticky", "isSticky"],
+  _excluded3 = ["className", "style", "skipWrap", "wrapChildren", "stickyFooter", "fixTitleMargin", "skipCloseIcon", "isLoading", "footer", "Content", "children", "title", "illustration", "icon", "auxiliarActions", "container", "onClose"],
+  _excluded4 = ["tagAs"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 const DialogIcon = /*#__PURE__*/styled(Icon).withConfig({
   displayName: "Dialog__DialogIcon",
@@ -38,14 +41,31 @@ const DialogContent = /*#__PURE__*/styled(props => /*#__PURE__*/React.createElem
   displayName: "Dialog__DialogContent",
   componentId: "sc-gai4ey-3"
 })(["outline:none;width:100%;position:relative;min-height:5rem;", " ", " p{font-size:14px;}"], props => props.icon && css(["padding-right:8rem;min-height:6rem;"]), props => props.illustration && css(["padding-right:15rem;", ""], media.mobile(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        padding-right: 1.5rem;\n      "])))));
-const DialogTitle = /*#__PURE__*/styled.h2.withConfig({
+
+// Host tag (styled.h2) com prop lida só no template: o styled-components filtra sozinho antes do
+// DOM, mas o yak não filtra atributo inválido em host tag puro — tira-se fixTitleMargin à mão.
+const TitleBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("h2", _extends({
+    ref: ref
+  }, props));
+});
+const DialogTitle = /*#__PURE__*/styled(TitleBase).withConfig({
   displayName: "Dialog__DialogTitle",
   componentId: "sc-gai4ey-4"
 })(["margin-bottom:1rem;padding-bottom:1rem;", " ", ""], props => props.fixTitleMargin && "\n      padding-bottom: 0;\n    ", media.mobile(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      font-size: 19px;\n    "]))));
-const DialogFooter = /*#__PURE__*/styled.div.withConfig({
+
+// Mesma razão do TitleBase acima: sticky/isSticky só existem pro template, tiram-se antes do DOM.
+const FooterBase = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
+  let props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, props));
+});
+const DialogFooter = /*#__PURE__*/styled(FooterBase).withConfig({
   displayName: "Dialog__DialogFooter",
   componentId: "sc-gai4ey-5"
-})(["display:block;padding-top:1rem;margin-top:1rem;align-items:stretch;text-align:right;", " ", " ", ":not(.styled-button-colored){background:", ";color:", ";&:hover{background:", ";}&:active{background:", ";}}"], props => props.sticky && css(["position:sticky;background:white;width:inherit;z-index:50;", " ", " ", ""], media.desktop(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        bottom: -3rem;\n        margin-left: -2rem;\n        margin-right: -2rem;\n        margin-bottom: -1.5rem;\n        margin-top: 0.5rem;\n        padding: 1.5rem 2rem;\n        border-radius: 0 0 1rem 1rem;\n      "]))), media.mobile(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        bottom: -0.5rem;\n        padding: 0.75rem 1.75rem;\n        margin-bottom: -1rem;\n        margin-left: -1.75rem;\n        margin-right: -1.75rem;\n      "]))), props => props.isSticky && "\n        box-shadow: 0 0px 2px 0 rgba(0,0,0,0.1), 0 0px 5px 1px rgba(0,0,0,0.15);\n        border-radius: 0;\n      "), media.max(370)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      ", " {\n        min-width: unset;\n        padding-left: 1.25rem;\n        padding-right: 1.25rem;\n      }\n    "])), Button), Button, props => darken(0.03, getColor('bluishGray')(props)), getColor('gray90'), props => darken(0.06, getColor('bluishGray')(props)), props => darken(0.09, getColor('bluishGray')(props)));
+})(["display:block;padding-top:1rem;margin-top:1rem;align-items:stretch;text-align:right;", " ", " ", ":not(.styled-button-colored){background:", ";color:", ";&:hover{background:", ";}&:active{background:", ";}}"], props => props.sticky && css(["position:sticky;background:white;width:inherit;z-index:50;", " ", " ", ""], props => props.isSticky && "\n        box-shadow: 0 0px 2px 0 rgba(0,0,0,0.1), 0 0px 5px 1px rgba(0,0,0,0.15);\n        border-radius: 0;\n      ", media.desktop(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        bottom: -3rem;\n        margin-left: -2rem;\n        margin-right: -2rem;\n        margin-bottom: -1.5rem;\n        margin-top: 0.5rem;\n        padding: 1.5rem 2rem;\n        border-radius: 0 0 1rem 1rem;\n      "]))), media.mobile(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        bottom: -0.5rem;\n        padding: 0.75rem 1.75rem;\n        margin-bottom: -1rem;\n        margin-left: -1.75rem;\n        margin-right: -1.75rem;\n      "])))), media.max(370)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      ", " {\n        min-width: unset;\n        padding-left: 1.25rem;\n        padding-right: 1.25rem;\n      }\n    "])), Button), Button, props => darken(0.03, getColor('bluishGray')(props)), getColor('gray90'), props => darken(0.06, getColor('bluishGray')(props)), props => darken(0.09, getColor('bluishGray')(props)));
 const FooterAuxiliaryContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "Dialog__FooterAuxiliaryContainer",
   componentId: "sc-gai4ey-6"
@@ -63,9 +83,10 @@ const DialogAlwaysVisibleDiv = /*#__PURE__*/styled.div.withConfig({
 })(["padding:2rem 2rem 0;margin:-2rem;", ""], media.mobile(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    padding: 1.75rem 1.75rem 0;\n    margin: -1.75rem;\n  "]))));
 // END
 
-const Dialog = /*#__PURE__*/styled(/*#__PURE__*/React.forwardRef((_ref, outerRef) => {
+const DialogInner = /*#__PURE__*/React.forwardRef((_ref3, outerRef) => {
   let {
       className,
+      style,
       skipWrap,
       wrapChildren,
       stickyFooter,
@@ -81,8 +102,8 @@ const Dialog = /*#__PURE__*/styled(/*#__PURE__*/React.forwardRef((_ref, outerRef
       auxiliarActions,
       container = true,
       onClose
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded3);
   const ref = useEnsureRef(outerRef);
   const [WithIsSticky] = willUseIsSticky();
   const handleClose = React.useCallback(async () => {
@@ -109,6 +130,7 @@ const Dialog = /*#__PURE__*/styled(/*#__PURE__*/React.forwardRef((_ref, outerRef
   }, auxiliarActions && /*#__PURE__*/React.createElement(FooterAuxiliaryContainer, null, callIfFunction(auxiliarActions)), callIfFunction(footer)), sentinel())));
   const dialog = confirmCloseDialog => /*#__PURE__*/React.createElement("div", {
     className: className + " JS-has-wc JS-dialog",
+    style: style,
     ref: ref
   }, skipWrap ? /*#__PURE__*/React.createElement(React.Fragment, null, alwaysVisible(confirmCloseDialog), content) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogAlwaysVisibleDiv, null, alwaysVisible(confirmCloseDialog)), /*#__PURE__*/React.createElement(DialogContentWrapper, {
     isLoading: isLoading
@@ -118,23 +140,37 @@ const Dialog = /*#__PURE__*/styled(/*#__PURE__*/React.forwardRef((_ref, outerRef
     ref: ref,
     title: title,
     closeDialog: handleClose
-  }), _ref2 => {
+  }), _ref4 => {
     let {
       confirmCloseDialog
-    } = _ref2;
+    } = _ref4;
     return dialog(confirmCloseDialog);
   }) : dialog(handleClose);
-})).withConfig({
+});
+
+// R6: "as" não existe no yak. tagAs troca o componente/tag renderizado (ex.: DialogErrorContent
+// usa tagAs="div" pra reaproveitar o CSS do Dialog sem a lógica interna; DialogWithSidebar usa
+// tagAs={DialogWithSidebarPresentation}); sem tagAs, renderiza o Dialog de verdade (DialogInner).
+const DialogTagAs = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
+  let {
+      tagAs: Tag = DialogInner
+    } = _ref5,
+    props = _objectWithoutProperties(_ref5, _excluded4);
+  return /*#__PURE__*/React.createElement(Tag, _extends({
+    ref: ref
+  }, props));
+});
+const Dialog = /*#__PURE__*/styled(DialogTagAs).withConfig({
   displayName: "Dialog",
   componentId: "sc-gai4ey-9"
-})(["@supports (position:sticky){will-change:transform,opacity;&.JS-wc-off{will-change:auto;}}border-radius:24px;padding:2rem;background-color:white;width:100%;max-width:45rem;", " margin:auto;position:relative;align-self:baseline;display:block;> h3:first-child{margin-top:0.5rem;}p{line-height:140%;}", " ", " ", ""], props => props.$maxWidth && css(["max-width:", ";"], props.$maxWidth), media.mobile(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding: 1.75rem;\n    max-width: 100%;\n    ", ";\n  "])), props => props.fullscreenOnMobile && "\n      border-radius: 0;\n      min-height: 100%;\n    "), props => props.closeDialog && css(["", "{padding-right:2rem;}"], DialogTitle), customTheme('Dialog'));
+})(["@supports (position:sticky){will-change:transform,opacity;&.JS-wc-off{will-change:auto;}}border-radius:24px;padding:2rem;background-color:white;width:100%;max-width:45rem;", " margin:auto;position:relative;align-self:baseline;display:block;overflow:clip;> h3:first-child{margin-top:0.5rem;}p{line-height:140%;}", " ", " ", ""], props => props.$maxWidth && css(["max-width:", ";"], props => props.$maxWidth), media.mobile(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding: 1.75rem;\n    max-width: 100%;\n    ", ";\n  "])), props => props.fullscreenOnMobile && "\n      border-radius: 0;\n      min-height: 100%;\n    "), props => props.closeDialog && css(["", "{padding-right:2rem;}"], DialogTitle), customTheme('Dialog'));
 const ConfirmDialog = props => /*#__PURE__*/React.createElement(Dialog, _extends({}, props, {
   placement: "Confirm-Dialog"
 }), props.children);
-const DefaultConfirmDialog = props => /*#__PURE__*/React.createElement(StartlibsConsumer, null, _ref3 => {
+const DefaultConfirmDialog = props => /*#__PURE__*/React.createElement(StartlibsConsumer, null, _ref6 => {
   let {
     confirmDialogLabels
-  } = _ref3;
+  } = _ref6;
   const handleCancel = async () => {
     if (props.onCancel) props.onCancel();
     if (props.onClose) await props.onClose().catch(console.error);
@@ -169,26 +205,26 @@ const DialogErrorBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "Dialog__DialogErrorBadge",
   componentId: "sc-gai4ey-11"
 })(["width:72px;height:72px;margin:0 auto 1.5rem;border-radius:50%;background:rgba(0,0,0,0.06);display:flex;align-items:center;justify-content:center;", "{font-size:40px;color:rgba(0,0,0,0.4);}"], Icon);
-const DialogErrorContent = _ref4 => {
+const DialogErrorContent = _ref7 => {
   let {
     closeDialog,
     onClose,
     title
-  } = _ref4;
+  } = _ref7;
   const handleClose = React.useCallback(async () => {
     if (onClose) await onClose().catch(console.error);
     if (closeDialog) closeDialog();
   }, [onClose, closeDialog]);
-  return /*#__PURE__*/React.createElement(StartlibsConsumer, null, _ref5 => {
+  return /*#__PURE__*/React.createElement(StartlibsConsumer, null, _ref8 => {
     let {
       ErrorDialog: {
         title,
         content,
         close
       }
-    } = _ref5;
+    } = _ref8;
     return /*#__PURE__*/React.createElement(Dialog, {
-      as: "div",
+      tagAs: "div",
       $maxWidth: "30rem"
     }, closeDialog && /*#__PURE__*/React.createElement(CloseIcon, {
       onClick: handleClose
@@ -203,21 +239,21 @@ const DialogErrorContent = _ref4 => {
     }, close))));
   });
 };
-const DialogError = _ref6 => {
+const DialogError = _ref9 => {
   let {
     closeDialog,
     onClose
-  } = _ref6;
+  } = _ref9;
   const handleClose = React.useCallback(async () => {
     if (onClose) await onClose().catch(console.error);
     if (closeDialog) closeDialog();
   }, [onClose, closeDialog]);
-  return /*#__PURE__*/React.createElement(StartlibsConsumer, null, _ref7 => {
+  return /*#__PURE__*/React.createElement(StartlibsConsumer, null, _ref10 => {
     let {
       ErrorDialog: {
         title
       }
-    } = _ref7;
+    } = _ref10;
     return /*#__PURE__*/React.createElement(Dialog, {
       closeDialog: handleClose,
       title: title

package/lib/Dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.mjs","sources":["../src/Dialog.jsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash/fp'\nimport styled, {css} from 'styled-components'\nimport {darken} from 'polished'\n\nimport {callIfFunction, customTheme, getColor, media} from '@startlibs/utils'\nimport {StartlibsConsumer, useEnsureRef} from '@startlibs/core'\n\nimport {Button} from './Button'\nimport {Icon} from './Icon'\nimport {LoadingDiv} from './LoadingDiv'\nimport {fixDoubledLastMarginBottom} from './SplitColumnsContainer'\nimport {DialogContainer} from './containers/DialogContainer'\nimport {willUseIsSticky} from './willUseIsSticky'\n\nexport const DialogIcon = styled(Icon)`\n  font-size: 60px;\n  width: 8rem;\n  text-align: center;\n  color: #d2d2d2;\n  right: 0;\n  top: 1rem;\n  position: absolute;\n  ${media.desktop`\n    top: 0\n  `}\n`\n\nconst CloseIcon = styled(Icon).attrs(_.assign({icon: 'x'}))`\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    font-size: 24px;\n    line-height: 32px;\n    cursor: pointer;\n    border-radius: 50%;\n    text-align: center;\n    color: rgba(0,0,0,0.3);\n    transition: 0.2s linear;\n    z-index: 1000;\n    top: 1rem;\n    right: 1rem;\n    &:hover {\n      background-color: rgba(0,0,0,0.075);\n    }\n  `\n\nconst DialogIllustration = styled.img`\n    max-width: 16rem;\n    position: absolute;\n    right: 1rem;\n    bottom: 0;\n    ${media.mobile`\n      display: none;\n    `}\n`\n\nconst DialogContent = styled((props) =>\n  <div {...props}>\n    {fixDoubledLastMarginBottom(props.children)}\n    {props.icon && <DialogIcon icon={props.icon}/>}\n    {props.illustration && <DialogIllustration src={props.illustration}/>}\n  </div>\n)`\n    outline:none;\n    width: 100%;\n    position: relative;\n    min-height: 5rem;\n    ${props => props.icon && css`\n      padding-right: 8rem;\n      min-height: 6rem;\n    `}\n    ${props => props.illustration && css`\n      padding-right: 15rem;\n      ${media.mobile`\n        padding-right: 1.5rem;\n      `}\n    `}\n    p {\n      font-size: 14px;\n    }\n    `\n\nconst DialogTitle = styled.h2`\n    margin-bottom: 1rem;\n    padding-bottom: 1rem;\n    ${props => props.fixTitleMargin && `\n      padding-bottom: 0;\n    `}\n    ${media.mobile`\n      font-size: 19px;\n    `}\n`\n\nconst DialogFooter = styled.div`\n    display: block;\n    padding-top: 1rem;\n    margin-top: 1rem;\n    align-items: stretch;\n    text-align: right;\n    ${props => props.sticky && css`\n      position: sticky;\n      background: white;\n      width: inherit;\n      z-index: 50;\n      ${media.desktop`\n        bottom: -3rem;\n        margin-left: -2rem;\n        margin-right: -2rem;\n        margin-bottom: -1.5rem;\n        margin-top: 0.5rem;\n        padding: 1.5rem 2rem;\n        border-radius: 0 0 1rem 1rem;\n      `}\n      ${media.mobile`\n        bottom: -0.5rem;\n        padding: 0.75rem 1.75rem;\n        margin-bottom: -1rem;\n        margin-left: -1.75rem;\n        margin-right: -1.75rem;\n      `}\n      ${props => props.isSticky && `\n        box-shadow: 0 0px 2px 0 rgba(0,0,0,0.1), 0 0px 5px 1px rgba(0,0,0,0.15);\n        border-radius: 0;\n      `}\n    `}\n    ${media.max(370)`\n      ${Button} {\n        min-width: unset;\n        padding-left: 1.25rem;\n        padding-right: 1.25rem;\n      }\n    `}\n    // Footer's plain (non-colored) buttons use the \"light\" look; colored variants keep their color.\n    // ponytail: for a plain footer button that shows a loading spinner, pass \\`light\\` explicitly so the spinner renders dark instead of white-on-light.\n    ${Button}:not(.styled-button-colored) {\n      background: ${props => darken(0.03, getColor('bluishGray')(props))};\n      color: ${getColor('gray90')};\n      &:hover {\n        background: ${props => darken(0.06, getColor('bluishGray')(props))};\n      }\n      &:active {\n        background: ${props => darken(0.09, getColor('bluishGray')(props))};\n      }\n    }\n  `\n\nconst FooterAuxiliaryContainer = styled.div`\n    flex-grow: 1;\n    align-self: center;\n    display: inline-block;\n    padding-right: 1rem;\n    float: left;\n`\n\n// THIS IS NEEDED FOR LOADING ANIMATION ON DialogWithImageHeader\n\nexport const DialogContentWrapper = styled(LoadingDiv)`\n  padding: 2rem;\n  margin: -2rem;\n  ${media.mobile`\n    padding: 1.75rem;\n    margin: -1.75rem;\n  `}\n`\nconst DialogAlwaysVisibleDiv = styled.div`\n  padding: 2rem 2rem 0;\n  margin: -2rem;\n  ${media.mobile`\n    padding: 1.75rem 1.75rem 0;\n    margin: -1.75rem;\n  `}\n`\n// END\n\nconst Dialog = styled(React.forwardRef(({className, skipWrap, wrapChildren, stickyFooter, fixTitleMargin, skipCloseIcon, isLoading, footer, Content, children, title, illustration, icon, auxiliarActions, container = true, onClose, ...props}, outerRef) => {\n  const ref = useEnsureRef(outerRef)\n  const [WithIsSticky] = willUseIsSticky()\n\n  const handleClose = React.useCallback(async () => {\n    if (onClose) await onClose().catch(console.error)\n    if (props.closeDialog) props.closeDialog()\n  }, [onClose, props.closeDialog])\n\n  const alwaysVisible = (confirmCloseDialog) => <>\n    {\n      props.closeDialog && !skipCloseIcon &&\n      <CloseIcon className=\"JS-dialog-close\" onClick={confirmCloseDialog}/>\n    }\n    {\n      title &&\n      <DialogTitle fixTitleMargin>{callIfFunction(title)}</DialogTitle>\n    }\n  </>\n\n  const content = <>\n    {\n      Content &&\n      <DialogContent icon={icon} illustration={illustration}>{callIfFunction(Content)}</DialogContent>\n    }\n    {\n      !Content && children &&\n      <DialogContent icon={icon} illustration={illustration}>{wrapChildren ? wrapChildren(children) : callIfFunction(children)}</DialogContent>\n    }\n    {\n      Content && children && (wrapChildren ? wrapChildren(children) : callIfFunction(children))\n    }\n    {\n      footer &&\n      <WithIsSticky bottom>{(sentinel, isSticky) => <>\n        <DialogFooter isSticky={isSticky} sticky={stickyFooter}>\n          {auxiliarActions && <FooterAuxiliaryContainer>{callIfFunction(auxiliarActions)}</FooterAuxiliaryContainer>}\n          {callIfFunction(footer)}\n        </DialogFooter>\n        {sentinel()}\n      </>\n      }</WithIsSticky>\n    }\n  </>\n\n  const dialog = (confirmCloseDialog) => <div\n    className={className + \" JS-has-wc JS-dialog\"}\n    ref={ref}\n  >\n    {skipWrap\n      ? <>\n        {alwaysVisible(confirmCloseDialog)}\n        {content}\n      </>\n      : <>\n        <DialogAlwaysVisibleDiv>\n          {alwaysVisible(confirmCloseDialog)}\n        </DialogAlwaysVisibleDiv>\n        <DialogContentWrapper isLoading={isLoading}>\n          {content}\n        </DialogContentWrapper>\n      </>\n    }\n  </div>\n\n  return container\n    ? <DialogContainer {...props} DialogErrorContent={DialogErrorContent}\n                          ref={ref}\n                          title={title}\n                          closeDialog={handleClose}\n  >{({confirmCloseDialog}) => dialog(confirmCloseDialog)}</DialogContainer>\n    : dialog(handleClose)\n}))`\n  @supports (position:sticky) {\n    will-change: transform, opacity;\n    &.JS-wc-off {\n      will-change: auto;\n    }\n  }\n  \n  border-radius: 24px;\n  padding: 2rem;\n  background-color: white;\n  width: 100%;\n  max-width: 45rem;\n  /* Override opcional via prop. Fica ANTES do media.mobile de propósito: no mobile\n     o max-width:100% de lá continua ganhando. Inerte sem a prop → zero efeito em\n     quem já ajusta a largura por css=\"max-width:...\". */\n  ${props => props.$maxWidth && css`max-width: ${props.$maxWidth};`}\n  margin: auto;\n  position: relative;\n  align-self: baseline;\n  display: block; \n  > h3:first-child {\n    margin-top: 0.5rem;\n  }\n  p {\n    line-height: 140%;\n  }\n  ${media.mobile`\n    padding: 1.75rem;\n    max-width: 100%;\n    ${props => props.fullscreenOnMobile && `\n      border-radius: 0;\n      min-height: 100%;\n    `};\n  `}\n  ${props => props.closeDialog && css`\n    ${DialogTitle} {\n      padding-right: 2rem;\n    }\n  `}\n  ${customTheme('Dialog')}\n`\n\n\nexport {\n  FooterAuxiliaryContainer,\n  DialogTitle,\n  DialogFooter,\n  DialogContent,\n  CloseIcon,\n  Dialog\n}\n\nexport const ConfirmDialog = (props) => <Dialog {...props} placement=\"Confirm-Dialog\">{props.children}</Dialog>\n\nexport const DefaultConfirmDialog = (props) => (\n  <StartlibsConsumer>{({confirmDialogLabels}) => {\n    const handleCancel = async () => {\n        if (props.onCancel) props.onCancel()\n        if (props.onClose) await props.onClose().catch(console.error)\n      }\n\n      return (\n        <ConfirmDialog\n          title={confirmDialogLabels.title}\n          closeDialog={handleCancel}\n          onClose={props.onClose}\n          onConfirm={props.onConfirm}\n          footer={<>\n            <Button onClick={handleCancel}>{confirmDialogLabels.cancel}</Button>\n            <Button\n              hover=\"success\" isLoading={props.isLoading}\n              onClick={props.onSaveInstead}\n            >{confirmDialogLabels.confirm}</Button>\n            <Button autoFocus alert onClick={props.onConfirm}>{confirmDialogLabels.discard}</Button>\n          </>}\n        >\n          <p>{confirmDialogLabels.content}</p>\n        </ConfirmDialog>\n    )}}\n    </StartlibsConsumer>)\n\n// Estado de erro genérico da dialog: badge circular centralizado (mesma linguagem\n// dos error pages da app) no lugar do ícone cinza flutuando no canto. Cores em rgba\n// (não getColor) pra não depender dos tokens de tema da app que consome a lib.\nconst DialogErrorLayout = styled.div`\n  text-align: center;\n  /* max-width (não <br/>) força a quebra do título em ~2 linhas como o error page,\n     mas deixa telas estreitas quebrarem sozinhas. Ajuste fino se o corte não bater. */\n  ${DialogTitle} {\n    max-width: 18rem;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  ${DialogContent} {\n    min-height: 0;   /* mata o vão vazio que sobrava acima do botão */\n    p {\n      max-width: 20rem;\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n  ${DialogFooter} {\n    text-align: center;\n    margin-top: 0;\n    padding-top: 0.5rem;\n  }\n`\n\nconst DialogErrorBadge = styled.div`\n  width: 72px;\n  height: 72px;\n  margin: 0 auto 1.5rem;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.06);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  ${Icon} {\n    font-size: 40px;\n    color: rgba(0, 0, 0, 0.4);\n  }\n`\n\nexport const DialogErrorContent = ({ closeDialog, onClose, title }) => {\n  const handleClose = React.useCallback(async () => {\n    if (onClose) await onClose().catch(console.error)\n    if (closeDialog) closeDialog()\n  }, [onClose, closeDialog])\n\n  return (\n    <StartlibsConsumer>\n      {({ ErrorDialog: { title, content, close } }) => (\n        <Dialog as=\"div\" $maxWidth=\"30rem\">\n          {closeDialog && <CloseIcon onClick={handleClose} />}\n          <DialogErrorLayout>\n            <DialogErrorBadge><Icon icon=\"warning\"/></DialogErrorBadge>\n            {title && <DialogTitle fixTitleMargin>{title}</DialogTitle>}\n            <DialogContent>{content}</DialogContent>\n            <DialogFooter>\n              <Button highlight rounded onClick={handleClose}>{close}</Button>\n            </DialogFooter>\n          </DialogErrorLayout>\n        </Dialog>\n      )}\n    </StartlibsConsumer>\n  )\n}\n\nexport const DialogError = ({ closeDialog, onClose }) => {\n  const handleClose = React.useCallback(async () => {\n    if (onClose) await onClose().catch(console.error)\n    if (closeDialog) closeDialog()\n  }, [onClose, closeDialog])\n\n  return (\n    <StartlibsConsumer>\n      {({ ErrorDialog: { title } }) => (\n        <Dialog closeDialog={handleClose} title={title}>\n          <DialogErrorContent closeDialog={handleClose} onClose={onClose} />\n        </Dialog>\n      )}\n    </StartlibsConsumer>\n  )\n}\n"],"names":["DialogIcon","styled","Icon","withConfig","displayName","componentId","media","desktop","_templateObject","_taggedTemplateLiteral","CloseIcon","attrs","_assign","icon","DialogIllustration","img","mobile","_templateObject2","DialogContent","props","React","createElement","fixDoubledLastMarginBottom","children","illustration","src","css","_templateObject3","DialogTitle","h2","fixTitleMargin","_templateObject4","DialogFooter","div","sticky","_templateObject5","_templateObject6","isSticky","max","_templateObject7","Button","darken","getColor","FooterAuxiliaryContainer","DialogContentWrapper","LoadingDiv","_templateObject8","DialogAlwaysVisibleDiv","_templateObject9","Dialog","forwardRef","_ref","outerRef","className","skipWrap","wrapChildren","stickyFooter","skipCloseIcon","isLoading","footer","Content","title","auxiliarActions","container","onClose","_objectWithoutProperties","_excluded","ref","useEnsureRef","WithIsSticky","willUseIsSticky","handleClose","useCallback","catch","console","error","closeDialog","alwaysVisible","confirmCloseDialog","Fragment","onClick","callIfFunction","content","bottom","sentinel","dialog","DialogContainer","_extends","DialogErrorContent","_ref2","$maxWidth","_templateObject10","fullscreenOnMobile","customTheme","ConfirmDialog","placement","DefaultConfirmDialog","StartlibsConsumer","_ref3","confirmDialogLabels","handleCancel","onCancel","onConfirm","cancel","hover","onSaveInstead","confirm","autoFocus","alert","discard","DialogErrorLayout","DialogErrorBadge","_ref4","_ref5","ErrorDialog","close","as","highlight","rounded","DialogError","_ref6","_ref7"],"mappings":"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"}
+{"version":3,"file":"Dialog.mjs","sources":["../src/Dialog.jsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash/fp'\nimport styled, {css} from 'styled-components'\nimport {darken} from 'polished'\n\nimport {callIfFunction, customTheme, getColor, media} from '@startlibs/utils'\nimport {StartlibsConsumer, useEnsureRef} from '@startlibs/core'\n\nimport {Button} from './Button'\nimport {Icon} from './Icon'\nimport {LoadingDiv} from './LoadingDiv'\nimport {fixDoubledLastMarginBottom} from './SplitColumnsContainer'\nimport {DialogContainer} from './containers/DialogContainer'\nimport {willUseIsSticky} from './willUseIsSticky'\n\nexport const DialogIcon = styled(Icon)`\n  font-size: 60px;\n  width: 8rem;\n  text-align: center;\n  color: #d2d2d2;\n  right: 0;\n  top: 1rem;\n  position: absolute;\n  ${media.desktop`\n    top: 0\n  `}\n`\n\nconst CloseIcon = styled(Icon).attrs(_.assign({icon: 'x'}))`\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    font-size: 24px;\n    line-height: 32px;\n    cursor: pointer;\n    border-radius: 50%;\n    text-align: center;\n    color: rgba(0,0,0,0.3);\n    transition: 0.2s linear;\n    z-index: 1000;\n    top: 1rem;\n    right: 1rem;\n    &:hover {\n      background-color: rgba(0,0,0,0.075);\n    }\n  `\n\nconst DialogIllustration = styled.img`\n    max-width: 16rem;\n    position: absolute;\n    right: 1rem;\n    bottom: 0;\n    ${media.mobile`\n      display: none;\n    `}\n`\n\nconst DialogContent = styled((props) =>\n  <div {...props}>\n    {fixDoubledLastMarginBottom(props.children)}\n    {props.icon && <DialogIcon icon={props.icon}/>}\n    {props.illustration && <DialogIllustration src={props.illustration}/>}\n  </div>\n)`\n    outline:none;\n    width: 100%;\n    position: relative;\n    min-height: 5rem;\n    ${props => props.icon && css`\n      padding-right: 8rem;\n      min-height: 6rem;\n    `}\n    ${props => props.illustration && css`\n      padding-right: 15rem;\n      ${media.mobile`\n        padding-right: 1.5rem;\n      `}\n    `}\n    p {\n      font-size: 14px;\n    }\n    `\n\n// Host tag (styled.h2) com prop lida só no template: o styled-components filtra sozinho antes do\n// DOM, mas o yak não filtra atributo inválido em host tag puro — tira-se fixTitleMargin à mão.\nconst TitleBase = React.forwardRef(({fixTitleMargin, ...props}, ref) => <h2 ref={ref} {...props}/>)\nconst DialogTitle = styled(TitleBase)`\n    margin-bottom: 1rem;\n    padding-bottom: 1rem;\n    ${props => props.fixTitleMargin && `\n      padding-bottom: 0;\n    `}\n    ${media.mobile`\n      font-size: 19px;\n    `}\n`\n\n// Mesma razão do TitleBase acima: sticky/isSticky só existem pro template, tiram-se antes do DOM.\nconst FooterBase = React.forwardRef(({sticky, isSticky, ...props}, ref) => <div ref={ref} {...props}/>)\nconst DialogFooter = styled(FooterBase)`\n    display: block;\n    padding-top: 1rem;\n    margin-top: 1rem;\n    align-items: stretch;\n    text-align: right;\n    ${props => props.sticky && css`\n      position: sticky;\n      background: white;\n      width: inherit;\n      z-index: 50;\n      /* isSticky ANTES dos blocos media.* de propósito: stylis (sc) hoisteia @media pro fim do\n         CSS gerado, então mesmo escrito aqui em cima, o border-radius do media.desktop sempre\n         ganhava do border-radius:0 daqui em produção — o box-shadow/border-radius:0 nunca eram\n         vistos no desktop. O yak mantém a ordem literal do fonte; colocando isSticky antes, as\n         duas saem iguais (idem Task 12, ToastBox). */\n      ${props => props.isSticky && `\n        box-shadow: 0 0px 2px 0 rgba(0,0,0,0.1), 0 0px 5px 1px rgba(0,0,0,0.15);\n        border-radius: 0;\n      `}\n      ${media.desktop`\n        bottom: -3rem;\n        margin-left: -2rem;\n        margin-right: -2rem;\n        margin-bottom: -1.5rem;\n        margin-top: 0.5rem;\n        padding: 1.5rem 2rem;\n        border-radius: 0 0 1rem 1rem;\n      `}\n      ${media.mobile`\n        bottom: -0.5rem;\n        padding: 0.75rem 1.75rem;\n        margin-bottom: -1rem;\n        margin-left: -1.75rem;\n        margin-right: -1.75rem;\n      `}\n    `}\n    ${media.max(370)`\n      ${Button} {\n        min-width: unset;\n        padding-left: 1.25rem;\n        padding-right: 1.25rem;\n      }\n    `}\n    /* Footer's plain (non-colored) buttons use the \"light\" look; colored variants keep their color. */\n    /* ponytail: for a plain footer button that shows a loading spinner, pass \\`light\\` explicitly so the spinner renders dark instead of white-on-light. */\n    ${Button}:not(.styled-button-colored) {\n      background: ${props => darken(0.03, getColor('bluishGray')(props))};\n      color: ${getColor('gray90')};\n      &:hover {\n        background: ${props => darken(0.06, getColor('bluishGray')(props))};\n      }\n      &:active {\n        background: ${props => darken(0.09, getColor('bluishGray')(props))};\n      }\n    }\n  `\n\nconst FooterAuxiliaryContainer = styled.div`\n    flex-grow: 1;\n    align-self: center;\n    display: inline-block;\n    padding-right: 1rem;\n    float: left;\n`\n\n// THIS IS NEEDED FOR LOADING ANIMATION ON DialogWithImageHeader\n\nexport const DialogContentWrapper = styled(LoadingDiv)`\n  padding: 2rem;\n  margin: -2rem;\n  ${media.mobile`\n    padding: 1.75rem;\n    margin: -1.75rem;\n  `}\n`\nconst DialogAlwaysVisibleDiv = styled.div`\n  padding: 2rem 2rem 0;\n  margin: -2rem;\n  ${media.mobile`\n    padding: 1.75rem 1.75rem 0;\n    margin: -1.75rem;\n  `}\n`\n// END\n\nconst DialogInner = React.forwardRef(({className, style, skipWrap, wrapChildren, stickyFooter, fixTitleMargin, skipCloseIcon, isLoading, footer, Content, children, title, illustration, icon, auxiliarActions, container = true, onClose, ...props}, outerRef) => {\n  const ref = useEnsureRef(outerRef)\n  const [WithIsSticky] = willUseIsSticky()\n\n  const handleClose = React.useCallback(async () => {\n    if (onClose) await onClose().catch(console.error)\n    if (props.closeDialog) props.closeDialog()\n  }, [onClose, props.closeDialog])\n\n  const alwaysVisible = (confirmCloseDialog) => <>\n    {\n      props.closeDialog && !skipCloseIcon &&\n      <CloseIcon className=\"JS-dialog-close\" onClick={confirmCloseDialog}/>\n    }\n    {\n      title &&\n      <DialogTitle fixTitleMargin>{callIfFunction(title)}</DialogTitle>\n    }\n  </>\n\n  const content = <>\n    {\n      Content &&\n      <DialogContent icon={icon} illustration={illustration}>{callIfFunction(Content)}</DialogContent>\n    }\n    {\n      !Content && children &&\n      <DialogContent icon={icon} illustration={illustration}>{wrapChildren ? wrapChildren(children) : callIfFunction(children)}</DialogContent>\n    }\n    {\n      Content && children && (wrapChildren ? wrapChildren(children) : callIfFunction(children))\n    }\n    {\n      footer &&\n      <WithIsSticky bottom>{(sentinel, isSticky) => <>\n        <DialogFooter isSticky={isSticky} sticky={stickyFooter}>\n          {auxiliarActions && <FooterAuxiliaryContainer>{callIfFunction(auxiliarActions)}</FooterAuxiliaryContainer>}\n          {callIfFunction(footer)}\n        </DialogFooter>\n        {sentinel()}\n      </>\n      }</WithIsSticky>\n    }\n  </>\n\n  const dialog = (confirmCloseDialog) => <div\n    className={className + \" JS-has-wc JS-dialog\"}\n    style={style}\n    ref={ref}\n  >\n    {skipWrap\n      ? <>\n        {alwaysVisible(confirmCloseDialog)}\n        {content}\n      </>\n      : <>\n        <DialogAlwaysVisibleDiv>\n          {alwaysVisible(confirmCloseDialog)}\n        </DialogAlwaysVisibleDiv>\n        <DialogContentWrapper isLoading={isLoading}>\n          {content}\n        </DialogContentWrapper>\n      </>\n    }\n  </div>\n\n  return container\n    ? <DialogContainer {...props} DialogErrorContent={DialogErrorContent}\n                          ref={ref}\n                          title={title}\n                          closeDialog={handleClose}\n  >{({confirmCloseDialog}) => dialog(confirmCloseDialog)}</DialogContainer>\n    : dialog(handleClose)\n})\n\n// R6: \"as\" não existe no yak. tagAs troca o componente/tag renderizado (ex.: DialogErrorContent\n// usa tagAs=\"div\" pra reaproveitar o CSS do Dialog sem a lógica interna; DialogWithSidebar usa\n// tagAs={DialogWithSidebarPresentation}); sem tagAs, renderiza o Dialog de verdade (DialogInner).\nconst DialogTagAs = React.forwardRef(({tagAs: Tag = DialogInner, ...props}, ref) => <Tag ref={ref} {...props}/>)\n\nconst Dialog = styled(DialogTagAs)`\n  @supports (position:sticky) {\n    will-change: transform, opacity;\n    &.JS-wc-off {\n      will-change: auto;\n    }\n  }\n  \n  border-radius: 24px;\n  padding: 2rem;\n  background-color: white;\n  width: 100%;\n  max-width: 45rem;\n  /* Override opcional via prop. Fica ANTES do media.mobile de propósito: no mobile\n     o max-width:100% de lá continua ganhando. Inerte sem a prop → zero efeito em\n     quem já ajusta a largura por css=\"max-width:...\". */\n  ${props => props.$maxWidth && css`max-width: ${props => props.$maxWidth};`}\n  margin: auto;\n  position: relative;\n  align-self: baseline;\n  display: block; \n  overflow: clip;\n  > h3:first-child {\n    margin-top: 0.5rem;\n  }\n  p {\n    line-height: 140%;\n  }\n  ${media.mobile`\n    padding: 1.75rem;\n    max-width: 100%;\n    ${props => props.fullscreenOnMobile && `\n      border-radius: 0;\n      min-height: 100%;\n    `};\n  `}\n  ${props => props.closeDialog && css`\n    ${DialogTitle} {\n      padding-right: 2rem;\n    }\n  `}\n  ${customTheme('Dialog')}\n`\n\n\nexport {\n  FooterAuxiliaryContainer,\n  DialogTitle,\n  DialogFooter,\n  DialogContent,\n  CloseIcon,\n  Dialog\n}\n\nexport const ConfirmDialog = (props) => <Dialog {...props} placement=\"Confirm-Dialog\">{props.children}</Dialog>\n\nexport const DefaultConfirmDialog = (props) => (\n  <StartlibsConsumer>{({confirmDialogLabels}) => {\n    const handleCancel = async () => {\n        if (props.onCancel) props.onCancel()\n        if (props.onClose) await props.onClose().catch(console.error)\n      }\n\n      return (\n        <ConfirmDialog\n          title={confirmDialogLabels.title}\n          closeDialog={handleCancel}\n          onClose={props.onClose}\n          onConfirm={props.onConfirm}\n          footer={<>\n            <Button onClick={handleCancel}>{confirmDialogLabels.cancel}</Button>\n            <Button\n              hover=\"success\" isLoading={props.isLoading}\n              onClick={props.onSaveInstead}\n            >{confirmDialogLabels.confirm}</Button>\n            <Button autoFocus alert onClick={props.onConfirm}>{confirmDialogLabels.discard}</Button>\n          </>}\n        >\n          <p>{confirmDialogLabels.content}</p>\n        </ConfirmDialog>\n    )}}\n    </StartlibsConsumer>)\n\n// Estado de erro genérico da dialog: badge circular centralizado (mesma linguagem\n// dos error pages da app) no lugar do ícone cinza flutuando no canto. Cores em rgba\n// (não getColor) pra não depender dos tokens de tema da app que consome a lib.\nconst DialogErrorLayout = styled.div`\n  text-align: center;\n  /* max-width (não <br/>) força a quebra do título em ~2 linhas como o error page,\n     mas deixa telas estreitas quebrarem sozinhas. Ajuste fino se o corte não bater. */\n  ${DialogTitle} {\n    max-width: 18rem;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  ${DialogContent} {\n    min-height: 0;   /* mata o vão vazio que sobrava acima do botão */\n    p {\n      max-width: 20rem;\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n  ${DialogFooter} {\n    text-align: center;\n    margin-top: 0;\n    padding-top: 0.5rem;\n  }\n`\n\nconst DialogErrorBadge = styled.div`\n  width: 72px;\n  height: 72px;\n  margin: 0 auto 1.5rem;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.06);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  ${Icon} {\n    font-size: 40px;\n    color: rgba(0, 0, 0, 0.4);\n  }\n`\n\nexport const DialogErrorContent = ({ closeDialog, onClose, title }) => {\n  const handleClose = React.useCallback(async () => {\n    if (onClose) await onClose().catch(console.error)\n    if (closeDialog) closeDialog()\n  }, [onClose, closeDialog])\n\n  return (\n    <StartlibsConsumer>\n      {({ ErrorDialog: { title, content, close } }) => (\n        <Dialog tagAs=\"div\" $maxWidth=\"30rem\">\n          {closeDialog && <CloseIcon onClick={handleClose} />}\n          <DialogErrorLayout>\n            <DialogErrorBadge><Icon icon=\"warning\"/></DialogErrorBadge>\n            {title && <DialogTitle fixTitleMargin>{title}</DialogTitle>}\n            <DialogContent>{content}</DialogContent>\n            <DialogFooter>\n              <Button highlight rounded onClick={handleClose}>{close}</Button>\n            </DialogFooter>\n          </DialogErrorLayout>\n        </Dialog>\n      )}\n    </StartlibsConsumer>\n  )\n}\n\nexport const DialogError = ({ closeDialog, onClose }) => {\n  const handleClose = React.useCallback(async () => {\n    if (onClose) await onClose().catch(console.error)\n    if (closeDialog) closeDialog()\n  }, [onClose, closeDialog])\n\n  return (\n    <StartlibsConsumer>\n      {({ ErrorDialog: { title } }) => (\n        <Dialog closeDialog={handleClose} title={title}>\n          <DialogErrorContent closeDialog={handleClose} onClose={onClose} />\n        </Dialog>\n      )}\n    </StartlibsConsumer>\n  )\n}\n"],"names":["DialogIcon","styled","Icon","withConfig","displayName","componentId","media","desktop","_templateObject","_taggedTemplateLiteral","CloseIcon","attrs","_assign","icon","DialogIllustration","img","mobile","_templateObject2","DialogContent","props","React","createElement","fixDoubledLastMarginBottom","children","illustration","src","css","_templateObject3","TitleBase","forwardRef","_ref","ref","_objectWithoutProperties","_excluded","_extends","DialogTitle","fixTitleMargin","_templateObject4","FooterBase","_ref2","_excluded2","DialogFooter","sticky","isSticky","_templateObject5","_templateObject6","max","_templateObject7","Button","darken","getColor","FooterAuxiliaryContainer","div","DialogContentWrapper","LoadingDiv","_templateObject8","DialogAlwaysVisibleDiv","_templateObject9","DialogInner","_ref3","outerRef","className","style","skipWrap","wrapChildren","stickyFooter","skipCloseIcon","isLoading","footer","Content","title","auxiliarActions","container","onClose","_excluded3","useEnsureRef","WithIsSticky","willUseIsSticky","handleClose","useCallback","catch","console","error","closeDialog","alwaysVisible","confirmCloseDialog","Fragment","onClick","callIfFunction","content","bottom","sentinel","dialog","DialogContainer","DialogErrorContent","_ref4","DialogTagAs","_ref5","tagAs","Tag","_excluded4","Dialog","$maxWidth","_templateObject10","fullscreenOnMobile","customTheme","ConfirmDialog","placement","DefaultConfirmDialog","StartlibsConsumer","_ref6","confirmDialogLabels","handleCancel","onCancel","onConfirm","cancel","hover","onSaveInstead","confirm","autoFocus","alert","discard","DialogErrorLayout","DialogErrorBadge","_ref7","_ref8","ErrorDialog","close","highlight","rounded","DialogError","_ref9","_ref10"],"mappings":"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"}

package/lib/Icon.mjs

@@ -1,6 +1,7 @@
+import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React from 'react';
-import styled, { withTheme } from 'styled-components';
+import styled, { useTheme } from 'styled-components';
 
 const _excluded = ["icon", "children", "theme", "clickable", "customIcon", "colorSet", "color"];
 class IconComponent extends React.Component {
@@ -38,12 +39,17 @@ class IconComponent extends React.Component {
     return /*#__PURE__*/React.createElement("span", rest, theme.icons[icon] || customIcon && icon, children);
   }
 }
-const Icon = /*#__PURE__*/styled(withTheme(IconComponent)).withConfig({
+const ThemedIconComponent = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(IconComponent, _extends({
+  ref: ref
+}, props, {
+  theme: useTheme()
+})));
+const Icon = /*#__PURE__*/styled(ThemedIconComponent).withConfig({
   displayName: "Icon",
   componentId: "sc-wsq54u-0"
-})(["font-family:'", "' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;", ""], props => {
+})(["font-family:", " !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;", ""], props => {
   var _props$theme;
-  return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.iconFont;
+  return "'".concat((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.iconFont, "'");
 }, props => props.clickable && "\n    cursor: pointer;\n    &:hover {\n      opacity: 0.85;\n    }\n  ");
 
 export { Icon };

package/lib/Icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.mjs","sources":["../src/Icon.jsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { withTheme } from 'styled-components'\n\n\nclass IconComponent extends React.Component {\n\n  state = {}\n\n  componentDidMount() {\n    const icon = this.props.icon\n    if ((this.props.theme.svgIcons || {})[icon]) {\n      this.props.theme.svgLoader(icon).then((i) => this.setState({Svg: i.default}))\n    }\n  }\n\n  render() {\n    const {icon, children, theme, clickable, customIcon, colorSet, color, ...rest} = this.props\n    if ((theme.svgIcons || {})[icon]) {\n      if (this.state.Svg) {\n        return <this.state.Svg {...rest} />\n      } else {\n        return null\n      }\n    }\n    return <span {...rest}>{theme.icons[icon] || (customIcon && icon)}{children}</span>\n  }\n}\n\nexport const Icon = styled(withTheme(IconComponent))`\n  font-family: '${props => props.theme?.iconFont}' !important;\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  \n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  user-select: none; \n  ${props => props.clickable && `\n    cursor: pointer;\n    &:hover {\n      opacity: 0.85;\n    }\n  `}\n`"],"names":["IconComponent","React","Component","constructor","arguments","state","componentDidMount","icon","props","theme","svgIcons","svgLoader","then","i","setState","Svg","default","render","_this$props","children","clickable","customIcon","colorSet","color","rest","_objectWithoutProperties","_excluded","createElement","icons","Icon","styled","withTheme","withConfig","displayName","componentId","_props$theme","iconFont"],"mappings":";;;;;AAKA,MAAMA,aAAa,SAASC,KAAK,CAACC,SAAS,CAAC;EAAAC,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAAC,SAAA,CAAA,CAAA;IAAA,IAE1CC,CAAAA,KAAK,GAAG,EAAE,CAAA;AAAA,GAAA;AAEVC,EAAAA,iBAAiBA,GAAG;AAClB,IAAA,MAAMC,IAAI,GAAG,IAAI,CAACC,KAAK,CAACD,IAAI,CAAA;AAC5B,IAAA,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,KAAK,CAACC,QAAQ,IAAI,EAAE,EAAEH,IAAI,CAAC,EAAE;AAC3C,MAAA,IAAI,CAACC,KAAK,CAACC,KAAK,CAACE,SAAS,CAACJ,IAAI,CAAC,CAACK,IAAI,CAAEC,CAAC,IAAK,IAAI,CAACC,QAAQ,CAAC;QAACC,GAAG,EAAEF,CAAC,CAACG,OAAAA;AAAO,OAAC,CAAC,CAAC,CAAA;AAC/E,KAAA;AACF,GAAA;AAEAC,EAAAA,MAAMA,GAAG;AACP,IAAA,MAAAC,WAAA,GAAiF,IAAI,CAACV,KAAK;AAArF,MAAA;QAACD,IAAI;QAAEY,QAAQ;QAAEV,KAAK;QAAEW,SAAS;QAAEC,UAAU;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAc,OAAC,GAAAL,WAAA;AAALM,MAAAA,IAAI,GAAAC,wBAAA,CAAAP,WAAA,EAAAQ,SAAA,CAAA,CAAA;IAC7E,IAAI,CAACjB,KAAK,CAACC,QAAQ,IAAI,EAAE,EAAEH,IAAI,CAAC,EAAE;AAChC,MAAA,IAAI,IAAI,CAACF,KAAK,CAACU,GAAG,EAAE;QAClB,oBAAOd,KAAA,CAAA0B,aAAA,CAAA,IAAA,CAAMtB,KAAK,CAACU,GAAG,EAAKS,IAAO,CAAC,CAAA;AACrC,OAAC,MAAM;AACL,QAAA,OAAO,IAAI,CAAA;AACb,OAAA;AACF,KAAA;AACA,IAAA,oBAAOvB,KAAA,CAAA0B,aAAA,SAAUH,IAAI,EAAGf,KAAK,CAACmB,KAAK,CAACrB,IAAI,CAAC,IAAKc,UAAU,IAAId,IAAK,EAAEY,QAAe,CAAC,CAAA;AACrF,GAAA;AACF,CAAA;AAEO,MAAMU,IAAI,gBAAGC,MAAM,CAACC,SAAS,CAAC/B,aAAa,CAAC,CAAC,CAAAgC,UAAA,CAAA;EAAAC,WAAA,EAAA,MAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,eAAA,EAAA,2MAAA,EAAA,EAAA,CAAA,EAClC1B,KAAK,IAAA;AAAA,EAAA,IAAA2B,YAAA,CAAA;EAAA,OAAAA,CAAAA,YAAA,GAAI3B,KAAK,CAACC,KAAK,cAAA0B,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,YAAA,CAAaC,QAAQ,CAAA;AAAA,CAAA,EAY5C5B,KAAK,IAAIA,KAAK,CAACY,SAAS,4EAKzB;;;;"}
+{"version":3,"file":"Icon.mjs","sources":["../src/Icon.jsx"],"sourcesContent":["import React from 'react'\nimport styled, {useTheme} from 'styled-components'\n\n\nclass IconComponent extends React.Component {\n\n  state = {}\n\n  componentDidMount() {\n    const icon = this.props.icon\n    if ((this.props.theme.svgIcons || {})[icon]) {\n      this.props.theme.svgLoader(icon).then((i) => this.setState({Svg: i.default}))\n    }\n  }\n\n  render() {\n    const {icon, children, theme, clickable, customIcon, colorSet, color, ...rest} = this.props\n    if ((theme.svgIcons || {})[icon]) {\n      if (this.state.Svg) {\n        return <this.state.Svg {...rest} />\n      } else {\n        return null\n      }\n    }\n    return <span {...rest}>{theme.icons[icon] || (customIcon && icon)}{children}</span>\n  }\n}\n\nconst ThemedIconComponent = React.forwardRef((props, ref) => <IconComponent ref={ref} {...props} theme={useTheme()}/>)\n\nexport const Icon = styled(ThemedIconComponent)`\n  font-family: ${props => `'${props.theme?.iconFont}'`} !important;\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  \n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  user-select: none; \n  ${props => props.clickable && `\n    cursor: pointer;\n    &:hover {\n      opacity: 0.85;\n    }\n  `}\n`"],"names":["IconComponent","React","Component","constructor","arguments","state","componentDidMount","icon","props","theme","svgIcons","svgLoader","then","i","setState","Svg","default","render","_this$props","children","clickable","customIcon","colorSet","color","rest","_objectWithoutProperties","_excluded","createElement","icons","ThemedIconComponent","forwardRef","ref","_extends","useTheme","Icon","styled","withConfig","displayName","componentId","_props$theme","concat","iconFont"],"mappings":";;;;;;AAIA,MAAMA,aAAa,SAASC,KAAK,CAACC,SAAS,CAAC;EAAAC,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAAC,SAAA,CAAA,CAAA;IAAA,IAE1CC,CAAAA,KAAK,GAAG,EAAE,CAAA;AAAA,GAAA;AAEVC,EAAAA,iBAAiBA,GAAG;AAClB,IAAA,MAAMC,IAAI,GAAG,IAAI,CAACC,KAAK,CAACD,IAAI,CAAA;AAC5B,IAAA,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,KAAK,CAACC,QAAQ,IAAI,EAAE,EAAEH,IAAI,CAAC,EAAE;AAC3C,MAAA,IAAI,CAACC,KAAK,CAACC,KAAK,CAACE,SAAS,CAACJ,IAAI,CAAC,CAACK,IAAI,CAAEC,CAAC,IAAK,IAAI,CAACC,QAAQ,CAAC;QAACC,GAAG,EAAEF,CAAC,CAACG,OAAAA;AAAO,OAAC,CAAC,CAAC,CAAA;AAC/E,KAAA;AACF,GAAA;AAEAC,EAAAA,MAAMA,GAAG;AACP,IAAA,MAAAC,WAAA,GAAiF,IAAI,CAACV,KAAK;AAArF,MAAA;QAACD,IAAI;QAAEY,QAAQ;QAAEV,KAAK;QAAEW,SAAS;QAAEC,UAAU;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAc,OAAC,GAAAL,WAAA;AAALM,MAAAA,IAAI,GAAAC,wBAAA,CAAAP,WAAA,EAAAQ,SAAA,CAAA,CAAA;IAC7E,IAAI,CAACjB,KAAK,CAACC,QAAQ,IAAI,EAAE,EAAEH,IAAI,CAAC,EAAE;AAChC,MAAA,IAAI,IAAI,CAACF,KAAK,CAACU,GAAG,EAAE;QAClB,oBAAOd,KAAA,CAAA0B,aAAA,CAAA,IAAA,CAAMtB,KAAK,CAACU,GAAG,EAAKS,IAAO,CAAC,CAAA;AACrC,OAAC,MAAM;AACL,QAAA,OAAO,IAAI,CAAA;AACb,OAAA;AACF,KAAA;AACA,IAAA,oBAAOvB,KAAA,CAAA0B,aAAA,SAAUH,IAAI,EAAGf,KAAK,CAACmB,KAAK,CAACrB,IAAI,CAAC,IAAKc,UAAU,IAAId,IAAK,EAAEY,QAAe,CAAC,CAAA;AACrF,GAAA;AACF,CAAA;AAEA,MAAMU,mBAAmB,gBAAG5B,KAAK,CAAC6B,UAAU,CAAC,CAACtB,KAAK,EAAEuB,GAAG,kBAAK9B,KAAA,CAAA0B,aAAA,CAAC3B,aAAa,EAAAgC,QAAA,CAAA;AAACD,EAAAA,GAAG,EAAEA,GAAAA;AAAI,CAAA,EAAKvB,KAAK,EAAA;EAAEC,KAAK,EAAEwB,QAAQ,EAAC;AAAE,CAAA,CAAC,CAAC,CAAC,CAAA;AAE/G,MAAMC,IAAI,gBAAGC,MAAM,CAACN,mBAAmB,CAAC,CAAAO,UAAA,CAAA;EAAAC,WAAA,EAAA,MAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,cAAA,EAAA,0MAAA,EAAA,EAAA,CAAA,EAC9B9B,KAAK,IAAA;AAAA,EAAA,IAAA+B,YAAA,CAAA;AAAA,EAAA,OAAA,GAAA,CAAAC,MAAA,CAAA,CAAAD,YAAA,GAAQ/B,KAAK,CAACC,KAAK,MAAA,IAAA,IAAA8B,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,YAAA,CAAaE,QAAQ,EAAA,GAAA,CAAA,CAAA;AAAA,CAAG,EAYlDjC,KAAK,IAAIA,KAAK,CAACY,SAAS,4EAKzB;;;;"}

package/lib/Loading.mjs

@@ -1,10 +1,33 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React from 'react';
 import styled from 'styled-components';
-import { getColor } from '@startlibs/utils';
+import { getColor, insertKeyframes } from '@startlibs/utils';
 
-const Loading = /*#__PURE__*/styled.div.withConfig({
+const _excluded = ["color", "white", "size", "borderWidth", "absolute"];
+
+// Nome fixo do @keyframes preservado: um `keyframes` do styled-components geraria um nome
+// com hash, diferente do atual "loading-spin" (quebraria quem lê animationName). Por isso
+// o bloco fica fora de um template styled/css/keyframes, registrado pelo CSSOM (sem nonce)
+// no primeiro render do Loading (não no import: o pacote declara "sideEffects": false e
+// código de topo de módulo pode ser descartado por um bundler mais agressivo se achar as
+// exportações não usadas).
+const injectSpinKeyframes = () => insertKeyframes('loading-spin', '100% { transform: rotate(1turn) }');
+
+// styled(LoadingBase) mira num componente, não numa tag: ao contrário do antigo styled.div,
+// o styled-components não filtra prop inválida pra <div> nesse caso. Por isso tira aqui,
+// à mão, cada prop que o template do Loading lê, antes de espalhar o resto no elemento real.
+const LoadingBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let props = _objectWithoutProperties(_ref, _excluded);
+  injectSpinKeyframes();
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, props));
+});
+const Loading = /*#__PURE__*/styled(LoadingBase).withConfig({
   displayName: "Loading",
   componentId: "sc-5t5spc-0"
-})(["z-index:1;--loading-color:", ";--loading-bw:", "px;width:", "px;aspect-ratio:1;flex-shrink:0;border-radius:50%;background:radial-gradient(farthest-side,var(--loading-color) 94%,#0000) top/var(--loading-bw) var(--loading-bw) no-repeat,conic-gradient(#0000 15%,var(--loading-color));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--loading-bw)),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - var(--loading-bw)),#000 0);animation:loading-spin 0.6s infinite linear;", " @keyframes loading-spin{100%{transform:rotate(1turn)}}"], props => props.color || (props.white ? 'rgba(255,255,255,0.9)' : getColor("main")(props)), props => props.borderWidth || 4, props => props.size || 26, props => props.absolute && "\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      margin: auto;\n    ");
+})(["z-index:1;--loading-color:", ";--loading-bw:", "px;width:", "px;aspect-ratio:1;flex-shrink:0;border-radius:50%;background:radial-gradient(farthest-side,var(--loading-color) 94%,#0000) top/var(--loading-bw) var(--loading-bw) no-repeat,conic-gradient(#0000 15%,var(--loading-color));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--loading-bw)),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - var(--loading-bw)),#000 0);animation:loading-spin 0.6s infinite linear;", ""], props => props.color || (props.white ? 'rgba(255,255,255,0.9)' : getColor("main")(props)), props => props.borderWidth || 4, props => props.size || 26, props => props.absolute && "\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      margin: auto;\n    ");
 
 export { Loading };
 //# sourceMappingURL=Loading.mjs.map

package/lib/Loading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.mjs","sources":["../src/Loading.jsx"],"sourcesContent":["import styled from 'styled-components'\nimport {getColor} from '@startlibs/utils'\n\nexport const Loading = styled.div`\n    z-index:1;\n    --loading-color: ${props => props.color || (props.white ? 'rgba(255,255,255,0.9)' : getColor(\"main\")(props))};\n    --loading-bw: ${props => props.borderWidth || 4}px;\n    width: ${props => props.size || 26}px;\n    aspect-ratio: 1;\n    flex-shrink: 0;\n    border-radius: 50%;\n    background:\n      radial-gradient(farthest-side, var(--loading-color) 94%, #0000) top/var(--loading-bw) var(--loading-bw) no-repeat,\n      conic-gradient(#0000 15%, var(--loading-color));\n    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--loading-bw)), #000 0);\n    mask: radial-gradient(farthest-side, #0000 calc(100% - var(--loading-bw)), #000 0);\n    animation: loading-spin 0.6s infinite linear;\n    ${props => props.absolute && `\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      margin: auto;\n    `}\n    @keyframes loading-spin {\n      100% {transform: rotate(1turn)}\n    }\n  `\n"],"names":["Loading","styled","div","withConfig","displayName","componentId","props","color","white","getColor","borderWidth","size","absolute"],"mappings":";;;MAGaA,OAAO,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,SAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,kbAAA,EAAA,yDAAA,CAAA,EAEVC,KAAK,IAAIA,KAAK,CAACC,KAAK,KAAKD,KAAK,CAACE,KAAK,GAAG,uBAAuB,GAAGC,QAAQ,CAAC,MAAM,CAAC,CAACH,KAAK,CAAC,CAAC,EAC5FA,KAAK,IAAIA,KAAK,CAACI,WAAW,IAAI,CAAC,EACtCJ,KAAK,IAAIA,KAAK,CAACK,IAAI,IAAI,EAAE,EAUhCL,KAAK,IAAIA,KAAK,CAACM,QAAQ,8HAOxB;;;;"}
+{"version":3,"file":"Loading.mjs","sources":["../src/Loading.jsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport {getColor, insertKeyframes} from '@startlibs/utils'\n\n// Nome fixo do @keyframes preservado: um `keyframes` do styled-components geraria um nome\n// com hash, diferente do atual \"loading-spin\" (quebraria quem lê animationName). Por isso\n// o bloco fica fora de um template styled/css/keyframes, registrado pelo CSSOM (sem nonce)\n// no primeiro render do Loading (não no import: o pacote declara \"sideEffects\": false e\n// código de topo de módulo pode ser descartado por um bundler mais agressivo se achar as\n// exportações não usadas).\nconst injectSpinKeyframes = () => insertKeyframes('loading-spin', '100% { transform: rotate(1turn) }')\n\n// styled(LoadingBase) mira num componente, não numa tag: ao contrário do antigo styled.div,\n// o styled-components não filtra prop inválida pra <div> nesse caso. Por isso tira aqui,\n// à mão, cada prop que o template do Loading lê, antes de espalhar o resto no elemento real.\nconst LoadingBase = React.forwardRef(({color, white, size, borderWidth, absolute, ...props}, ref) => {\n  injectSpinKeyframes()\n  return <div ref={ref} {...props}/>\n})\n\nexport const Loading = styled(LoadingBase)`\n    z-index:1;\n    --loading-color: ${props => props.color || (props.white ? 'rgba(255,255,255,0.9)' : getColor(\"main\")(props))};\n    --loading-bw: ${props => props.borderWidth || 4}px;\n    width: ${props => props.size || 26}px;\n    aspect-ratio: 1;\n    flex-shrink: 0;\n    border-radius: 50%;\n    background:\n      radial-gradient(farthest-side, var(--loading-color) 94%, #0000) top/var(--loading-bw) var(--loading-bw) no-repeat,\n      conic-gradient(#0000 15%, var(--loading-color));\n    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--loading-bw)), #000 0);\n    mask: radial-gradient(farthest-side, #0000 calc(100% - var(--loading-bw)), #000 0);\n    animation: loading-spin 0.6s infinite linear;\n    ${props => props.absolute && `\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      margin: auto;\n    `}\n  `\n"],"names":["injectSpinKeyframes","insertKeyframes","LoadingBase","React","forwardRef","_ref","ref","props","_objectWithoutProperties","_excluded","createElement","_extends","Loading","styled","withConfig","displayName","componentId","color","white","getColor","borderWidth","size","absolute"],"mappings":";;;;;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,mBAAmB,GAAGA,MAAMC,eAAe,CAAC,cAAc,EAAE,mCAAmC,CAAC,CAAA;;AAEtG;AACA;AACA;AACA,MAAMC,WAAW,gBAAGC,KAAK,CAACC,UAAU,CAAC,CAAAC,IAAA,EAAwDC,GAAG,KAAK;EAA/D,IAA+CC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,EAAA;AACxFT,EAAAA,mBAAmB,EAAE,CAAA;AACrB,EAAA,oBAAOG,KAAA,CAAAO,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKL,IAAAA,GAAG,EAAEA,GAAAA;GAASC,EAAAA,KAAK,CAAE,CAAC,CAAA;AACpC,CAAC,CAAC,CAAA;AAEK,MAAMK,OAAO,gBAAGC,MAAM,CAACX,WAAW,CAAC,CAAAY,UAAA,CAAA;EAAAC,WAAA,EAAA,SAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,kbAAA,EAAA,EAAA,CAAA,EAEnBT,KAAK,IAAIA,KAAK,CAACU,KAAK,KAAKV,KAAK,CAACW,KAAK,GAAG,uBAAuB,GAAGC,QAAQ,CAAC,MAAM,CAAC,CAACZ,KAAK,CAAC,CAAC,EAC5FA,KAAK,IAAIA,KAAK,CAACa,WAAW,IAAI,CAAC,EACtCb,KAAK,IAAIA,KAAK,CAACc,IAAI,IAAI,EAAE,EAUhCd,KAAK,IAAIA,KAAK,CAACe,QAAQ,8HAOxB;;;;"}

package/lib/PageLoader.mjs

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import styled, { css } from 'styled-components';
+import styled from 'styled-components';
 import { getColor, oneWayAnimation, animationTiming } from '@startlibs/utils';
 import { useToggle } from '@startlibs/core';
 import { useFlipLeave } from './Flip.mjs';
@@ -7,7 +7,7 @@ import { useFlipLeave } from './Flip.mjs';
 const LoadingBar = /*#__PURE__*/styled.div.withConfig({
   displayName: "PageLoader__LoadingBar",
   componentId: "sc-96jeob-0"
-})(["width:100%;border-radius:0 1px 1px 0;height:4px;position:fixed;background:", ";transform:translateX(-100%);", " left:0;z-index:99999;box-shadow:", ";", " ", ""], props => props.bottom ? css(["", ""], getColor('main')) : "#84D359", props => props.bottom ? "bottom:69px;" : "top: 0;", props => props.bottom ? "0 0 1px 1px rgba(0,132,214,0.2);" : "0 0 2px 0 rgba(0,0,0,0.5);", props => props.loading && "\n    transform: translateX(-30%);\n    transition: transform 1.5s ease;\n  ", props => props.closing && "\n    transform: translateX(0);\n    transition: transform 0.3s ease-in;\n  ");
+})(["width:100%;border-radius:0 1px 1px 0;height:4px;position:fixed;background:", ";transform:translateX(-100%);", " left:0;z-index:99999;box-shadow:", ";", " ", ""], props => props.bottom ? getColor('main') : "#84D359", props => props.bottom ? "bottom:69px;" : "top: 0;", props => props.bottom ? "0 0 1px 1px rgba(0,132,214,0.2)" : "0 0 2px 0 rgba(0,0,0,0.5)", props => props.loading && "\n    transform: translateX(-30%);\n    transition: transform 1.5s ease;\n  ", props => props.closing && "\n    transform: translateX(0);\n    transition: transform 0.3s ease-in;\n  ");
 const PageLoader = _ref => {
   let {
     isLoading

package/lib/PageLoader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PageLoader.mjs","sources":["../src/PageLoader.jsx"],"sourcesContent":["import React, {useEffect} from 'react'\nimport styled, {css} from 'styled-components'\nimport {oneWayAnimation, getColor} from '@startlibs/utils'\nimport {useToggle} from '@startlibs/core'\nimport {useFlipLeave} from './Flip'\nimport {animationTiming} from '@startlibs/utils'\n\nexport const LoadingBar = styled.div`\n  width: 100%;\n  border-radius: 0 1px 1px 0;\n  height: 4px;\n  position: fixed;\n  background: ${props => props.bottom ? css`${getColor('main')}`:`#84D359`};\n  transform: translateX(-100%);\n  ${props => props.bottom ? \"bottom:69px;\" : \"top: 0;\"}\n  left: 0;\n  z-index: 99999;\n  box-shadow: ${props => props.bottom ? `0 0 1px 1px rgba(0,132,214,0.2);`:`0 0 2px 0 rgba(0,0,0,0.5);`};\n  ${props => props.loading && `\n    transform: translateX(-30%);\n    transition: transform 1.5s ease;\n  `}\n  ${props => props.closing && `\n    transform: translateX(0);\n    transition: transform 0.3s ease-in;\n  `}\n`\n\n\nexport const PageLoader = ({isLoading}) => {\n  const loader = useToggle()\n  useEffect(() => {\n    if (isLoading) {\n      loader.open()\n    } else {\n      loader.closeAfter(500)\n    }\n  },[isLoading])\n\n  return <LoadingBar loading={loader.isOpen} closing={loader.closing}/>\n}\n\nconst animation = oneWayAnimation('transform:translateX(-30%);','transform:translateX(0);')\nexport const SuspenseLoadingBar = () => {\n  const ref = React.useRef()\n  useFlipLeave(ref,animation,{reverse: false,timing:animationTiming('0.3s ease-in')})\n  return <LoadingBar ref={ref} loading/>\n}"],"names":["LoadingBar","styled","div","withConfig","displayName","componentId","props","bottom","css","getColor","loading","closing","PageLoader","_ref","isLoading","loader","useToggle","useEffect","open","closeAfter","React","createElement","isOpen","animation","oneWayAnimation","SuspenseLoadingBar","ref","useRef","useFlipLeave","reverse","timing","animationTiming"],"mappings":";;;;;;MAOaA,UAAU,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAKpBC,CAAAA,CAAAA,CAAAA,4EAAAA,EAAAA,+BAAAA,EAAAA,mCAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,EAAAA,CAAAA,EAAAA,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAGC,GAAG,WAAGC,QAAQ,CAAC,MAAM,CAAC,CAAA,GAAA,SAAY,EAEtEH,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAG,cAAc,GAAG,SAAS,EAGtCD,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAkE,kCAAA,GAAA,4BAAA,EACnGD,KAAK,IAAIA,KAAK,CAACI,OAAO,IAAA,8EAGvB,EACCJ,KAAK,IAAIA,KAAK,CAACK,OAAO,kFAGvB,EACF;AAGYC,MAAAA,UAAU,GAAGC,IAAA,IAAiB;EAAA,IAAhB;AAACC,IAAAA,SAAAA;AAAS,GAAC,GAAAD,IAAA,CAAA;AACpC,EAAA,MAAME,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1BC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIH,SAAS,EAAE;MACbC,MAAM,CAACG,IAAI,EAAE,CAAA;AACf,KAAC,MAAM;AACLH,MAAAA,MAAM,CAACI,UAAU,CAAC,GAAG,CAAC,CAAA;AACxB,KAAA;AACF,GAAC,EAAC,CAACL,SAAS,CAAC,CAAC,CAAA;AAEd,EAAA,oBAAOM,KAAA,CAAAC,aAAA,CAACrB,UAAU,EAAA;IAACU,OAAO,EAAEK,MAAM,CAACO,MAAO;IAACX,OAAO,EAAEI,MAAM,CAACJ,OAAAA;AAAQ,GAAC,CAAC,CAAA;AACvE,EAAC;AAED,MAAMY,SAAS,GAAGC,eAAe,CAAC,6BAA6B,EAAC,0BAA0B,CAAC,CAAA;AAC9EC,MAAAA,kBAAkB,GAAGA,MAAM;AACtC,EAAA,MAAMC,GAAG,GAAGN,KAAK,CAACO,MAAM,EAAE,CAAA;AAC1BC,EAAAA,YAAY,CAACF,GAAG,EAACH,SAAS,EAAC;AAACM,IAAAA,OAAO,EAAE,KAAK;IAACC,MAAM,EAACC,eAAe,CAAC,cAAc,CAAA;AAAC,GAAC,CAAC,CAAA;AACnF,EAAA,oBAAOX,KAAA,CAAAC,aAAA,CAACrB,UAAU,EAAA;AAAC0B,IAAAA,GAAG,EAAEA,GAAI;IAAChB,OAAO,EAAA,IAAA;AAAA,GAAC,CAAC,CAAA;AACxC;;;;"}
+{"version":3,"file":"PageLoader.mjs","sources":["../src/PageLoader.jsx"],"sourcesContent":["import React, {useEffect} from 'react'\nimport styled from 'styled-components'\nimport {oneWayAnimation, getColor} from '@startlibs/utils'\nimport {useToggle} from '@startlibs/core'\nimport {useFlipLeave} from './Flip'\nimport {animationTiming} from '@startlibs/utils'\n\nexport const LoadingBar = styled.div`\n  width: 100%;\n  border-radius: 0 1px 1px 0;\n  height: 4px;\n  position: fixed;\n  background: ${props => props.bottom ? getColor('main') : `#84D359`};\n  transform: translateX(-100%);\n  ${props => props.bottom ? \"bottom:69px;\" : \"top: 0;\"}\n  left: 0;\n  z-index: 99999;\n  box-shadow: ${props => props.bottom ? `0 0 1px 1px rgba(0,132,214,0.2)` : `0 0 2px 0 rgba(0,0,0,0.5)`};\n  ${props => props.loading && `\n    transform: translateX(-30%);\n    transition: transform 1.5s ease;\n  `}\n  ${props => props.closing && `\n    transform: translateX(0);\n    transition: transform 0.3s ease-in;\n  `}\n`\n\n\nexport const PageLoader = ({isLoading}) => {\n  const loader = useToggle()\n  useEffect(() => {\n    if (isLoading) {\n      loader.open()\n    } else {\n      loader.closeAfter(500)\n    }\n  },[isLoading])\n\n  return <LoadingBar loading={loader.isOpen} closing={loader.closing}/>\n}\n\nconst animation = oneWayAnimation('transform:translateX(-30%);','transform:translateX(0);')\nexport const SuspenseLoadingBar = () => {\n  const ref = React.useRef()\n  useFlipLeave(ref,animation,{reverse: false,timing:animationTiming('0.3s ease-in')})\n  return <LoadingBar ref={ref} loading/>\n}"],"names":["LoadingBar","styled","div","withConfig","displayName","componentId","props","bottom","getColor","loading","closing","PageLoader","_ref","isLoading","loader","useToggle","useEffect","open","closeAfter","React","createElement","isOpen","animation","oneWayAnimation","SuspenseLoadingBar","ref","useRef","useFlipLeave","reverse","timing","animationTiming"],"mappings":";;;;;;MAOaA,UAAU,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,4EAAA,EAAA,+BAAA,EAAA,mCAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAKpBC,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAGC,QAAQ,CAAC,MAAM,CAAC,GAAY,SAAA,EAEhEF,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAG,cAAc,GAAG,SAAS,EAGtCD,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAkE,iCAAA,GAAA,2BAAA,EACnGD,KAAK,IAAIA,KAAK,CAACG,OAAO,IAAA,8EAGvB,EACCH,KAAK,IAAIA,KAAK,CAACI,OAAO,kFAGvB,EACF;AAGYC,MAAAA,UAAU,GAAGC,IAAA,IAAiB;EAAA,IAAhB;AAACC,IAAAA,SAAAA;AAAS,GAAC,GAAAD,IAAA,CAAA;AACpC,EAAA,MAAME,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1BC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIH,SAAS,EAAE;MACbC,MAAM,CAACG,IAAI,EAAE,CAAA;AACf,KAAC,MAAM;AACLH,MAAAA,MAAM,CAACI,UAAU,CAAC,GAAG,CAAC,CAAA;AACxB,KAAA;AACF,GAAC,EAAC,CAACL,SAAS,CAAC,CAAC,CAAA;AAEd,EAAA,oBAAOM,KAAA,CAAAC,aAAA,CAACpB,UAAU,EAAA;IAACS,OAAO,EAAEK,MAAM,CAACO,MAAO;IAACX,OAAO,EAAEI,MAAM,CAACJ,OAAAA;AAAQ,GAAC,CAAC,CAAA;AACvE,EAAC;AAED,MAAMY,SAAS,GAAGC,eAAe,CAAC,6BAA6B,EAAC,0BAA0B,CAAC,CAAA;AAC9EC,MAAAA,kBAAkB,GAAGA,MAAM;AACtC,EAAA,MAAMC,GAAG,GAAGN,KAAK,CAACO,MAAM,EAAE,CAAA;AAC1BC,EAAAA,YAAY,CAACF,GAAG,EAACH,SAAS,EAAC;AAACM,IAAAA,OAAO,EAAE,KAAK;IAACC,MAAM,EAACC,eAAe,CAAC,cAAc,CAAA;AAAC,GAAC,CAAC,CAAA;AACnF,EAAA,oBAAOX,KAAA,CAAAC,aAAA,CAACpB,UAAU,EAAA;AAACyB,IAAAA,GAAG,EAAEA,GAAI;IAAChB,OAAO,EAAA,IAAA;AAAA,GAAC,CAAC,CAAA;AACxC;;;;"}

package/lib/PersistentNotifications.mjs

@@ -40,7 +40,7 @@ const PersistentNotificationCloseIcon = /*#__PURE__*/styled(Icon).attrs({
 }).withConfig({
   displayName: "PersistentNotifications__PersistentNotificationCloseIcon",
   componentId: "sc-1t7i0dh-4"
-})(["position:absolute;width:30px;height:30px;font-size:20px;line-height:30px;cursor:pointer;border-radius:50%;text-align:center;z-index:1000;top:0.5rem;right:0.5rem;color:", ";background:", ";:hover{background:", ";}:active{background:", ";}"], props => props.type && props.type !== 'main' ? getColor(props.type)(props) : darken(0.1, getColor("main")(props)), props => transparentize(0.90, getColor(props.type || "main")(props)), props => transparentize(0.85, getColor(props.type || "main")(props)), props => transparentize(0.82, getColor(props.type || "main")(props)));
+})(["position:absolute;width:30px;height:30px;font-size:20px;line-height:30px;cursor:pointer;border-radius:50%;text-align:center;z-index:1000;top:0.5rem;right:0.5rem;color:", ";background:", ";&:hover{background:", ";}&:active{background:", ";}"], props => props.type && props.type !== 'main' ? getColor(props.type)(props) : darken(0.1, getColor("main")(props)), props => transparentize(0.90, getColor(props.type || "main")(props)), props => transparentize(0.85, getColor(props.type || "main")(props)), props => transparentize(0.82, getColor(props.type || "main")(props)));
 const [useNotifications,, setNotifications] = willUseSharedState([]);
 const openPersistentNotification = notification => {
   const newNotification = _objectSpread({

package/lib/PersistentNotifications.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PersistentNotifications.mjs","sources":["../src/PersistentNotifications.jsx"],"sourcesContent":["import React, {useRef} from 'react'\nimport _ from 'lodash/fp'\nimport styled from 'styled-components'\nimport {Fill, willUseSharedState} from '@startlibs/core'\nimport {media,getColor, callIfFunction, oneWayAnimation, printerMedia} from '@startlibs/utils'\nimport {useFlipAnimation} from './Flip'\nimport {Icon} from './Icon'\nimport {darken, transparentize } from 'polished';\nimport {Button} from './Button'\n\nexport const PersistentNotification = styled.div`\n  color: ${getColor('warning')};\n  h4 {\n    font-size: 15px;\n    font-weight: 500;\n    margin-bottom: 0.5rem;\n  }\n  p {\n    font-size: 13px;\n    margin-bottom: 0;\n  }\n`\n\nexport const PersistentNotificationContent = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 1.5rem;\n`\nexport const PersistentNotificationIcon = styled(Icon)`\n  font-size: 38px;\n  width: 4rem;\n  height: 4rem;\n  line-height: 4rem;\n  border-radius: 100px;\n  text-align: center;\n  background: ${props => transparentize(0.88, getColor(\"warning\")(props))};\n  margin-right: 1rem;\n  flex-shrink: 0;\n  ${props => props.icon === 'warning' && `font-size:30px;`}\n`\nexport const PersistentNotificationActions = styled.div`\n  display: flex;\n  margin-top: -0.25rem;\n  padding: 0 1.5rem 1.5rem;\n  ${Button} {\n    flex-grow: 1;\n  }\n  ${Button} ~ ${Button} {\n    margin-left: 0;\n    margin-right: 1rem;\n  }\n  ${media.max(390)`\n    display: block;\n    ${Button} {\n      width: 100%;\n    }\n    ${Button} ~ ${Button} {\n      margin-left: 0;\n      margin-top: 0.75rem;\n    }\n  `}\n`\nexport const PersistentNotificationCloseIcon = styled(Icon).attrs({icon: 'x'})`\n    position: absolute;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    line-height: 30px;\n    cursor: pointer;\n    border-radius: 50%;\n    text-align: center;\n    z-index: 1000;\n    top: 0.5rem;\n    right: 0.5rem;\n    color: ${props => props.type && props.type!== 'main' ? getColor(props.type)(props) : darken(0.1, getColor(\"main\")(props))};\n    background: ${props => transparentize(0.90, getColor(props.type || \"main\")(props))};\n    :hover {\n      background: ${props => transparentize(0.85, getColor(props.type || \"main\")(props))};\n    }\n    :active {\n      background: ${props => transparentize(0.82, getColor(props.type || \"main\")(props))};\n    }\n  `\n\n\nconst [useNotifications, ,setNotifications] = willUseSharedState([])\n\nexport const openPersistentNotification = (notification) => {\n  const newNotification = {priority:0,type:\"success\",...(_.isObject(notification) ? notification : {content:notification})}\n\n  setNotifications(list => {\n    const nextIndex = list.findIndex(n => n.priority < newNotification.priority)\n    return nextIndex < 0\n      ? [...list,newNotification]\n      : [...list.slice(0,nextIndex),newNotification,...list.slice(nextIndex)]\n  })\n  return () => setNotifications(_.without([newNotification]))\n}\n\n\nconst animation = oneWayAnimation('opacity:0; transform:translateY(-20px)', 'opacity:1;transform:translate(0)')\n\nconst NotificationContainer = styled.div `\n  position: fixed;\n  top: 0;\n  height: 0;\n  right: 0;\n  z-index:20;\n`\n\nconst Notification = styled.div `\n  background: ${props => transparentize(0.9, getColor(props.type)(props))};\n  position: relative;\n  border-radius: 19px;\n`\nconst NotificationWrapper = styled.div `\n  background: white;\n  margin-top: ${props => props.marginTop || \"3.5rem\"};\n  margin-right: 0.75rem;\n  margin-left: 0.75rem;\n  padding: 5px;\n  border-radius: 22px;\n  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1), 0 1px 2px 1px rgba(0,0,0,0.15);\n  max-width: 364px;\n  ${media.mobile`\n    margin-top: ${props => props.marginTop || \"4rem\"};\n  `}\n  ${printerMedia`\n    display: none;\n  `}\n`\nconst [useIsHiddenPersistentNotifications,,hidePersistentNotifications] = willUseSharedState(false)\nexport {useIsHiddenPersistentNotifications, hidePersistentNotifications}\nexport const PersistentNotifications = () => {\n  const [notifications,setNotifications] = useNotifications()\n  const [isHidden] = useIsHiddenPersistentNotifications()\n\n  if (!notifications.length || isHidden) {\n    return null;\n  }\n  const closeMessage = (e) => {\n    setNotifications((list) => list.slice(1))\n  }\n\n  const {content,type,marginTop,...notification} = notifications[0]\n\n  return <Fill name=\"PersistentNotifications\">\n    <FlipNotification type={type} marginTop={marginTop}>\n      {content\n        ? callIfFunction(content,closeMessage)\n        : <DefaultNotification type={type} _onClose={closeMessage} {...notification} />\n      }\n    </FlipNotification>\n  </Fill>\n}\n\nconst DefaultNotification = ({type, title,body,actions, icon, skipClose,_onClose,onClose}) => {\n  return  <PersistentNotification>\n    <PersistentNotificationContent>\n      {(_.isString(icon) || !icon) ? <PersistentNotificationIcon icon={icon || type}/> : icon}\n      <div>\n        <h4>{title}</h4>\n        {body}\n      </div>\n    </PersistentNotificationContent>\n    {\n      actions &&\n      <PersistentNotificationActions>\n        {actions}\n      </PersistentNotificationActions>\n    }\n    {!skipClose && <PersistentNotificationCloseIcon type=\"warning\" onClick={_.over([_onClose,onClose])}/>}\n  </PersistentNotification>\n}\n\nconst FlipNotification = (props) => {\n  const ref = useRef()\n  useFlipAnimation(ref,animation)\n  return <NotificationContainer className=\"JS-fix-dialog-scroll\" ref={ref}>\n    <NotificationWrapper marginTop={props.marginTop}><Notification id=\"js-share-notification\" {...props}/></NotificationWrapper>\n  </NotificationContainer>\n}\n"],"names":["PersistentNotification","styled","div","withConfig","displayName","componentId","getColor","PersistentNotificationContent","PersistentNotificationIcon","Icon","props","transparentize","icon","PersistentNotificationActions","Button","media","max","_templateObject","_taggedTemplateLiteral","PersistentNotificationCloseIcon","attrs","type","darken","useNotifications","setNotifications","willUseSharedState","openPersistentNotification","notification","newNotification","_objectSpread","priority","_isObject","content","list","nextIndex","findIndex","n","slice","_without","animation","oneWayAnimation","NotificationContainer","Notification","NotificationWrapper","marginTop","mobile","_templateObject2","printerMedia","_templateObject3","useIsHiddenPersistentNotifications","hidePersistentNotifications","PersistentNotifications","notifications","isHidden","length","closeMessage","e","_notifications$","_objectWithoutProperties","_excluded","React","createElement","Fill","name","FlipNotification","callIfFunction","DefaultNotification","_extends","_onClose","_ref","title","body","actions","skipClose","onClose","_isString","onClick","_over","ref","useRef","useFlipAnimation","className","id"],"mappings":"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"}
+{"version":3,"file":"PersistentNotifications.mjs","sources":["../src/PersistentNotifications.jsx"],"sourcesContent":["import React, {useRef} from 'react'\nimport _ from 'lodash/fp'\nimport styled from 'styled-components'\nimport {Fill, willUseSharedState} from '@startlibs/core'\nimport {media,getColor, callIfFunction, oneWayAnimation, printerMedia} from '@startlibs/utils'\nimport {useFlipAnimation} from './Flip'\nimport {Icon} from './Icon'\nimport {darken, transparentize } from 'polished';\nimport {Button} from './Button'\n\nexport const PersistentNotification = styled.div`\n  color: ${getColor('warning')};\n  h4 {\n    font-size: 15px;\n    font-weight: 500;\n    margin-bottom: 0.5rem;\n  }\n  p {\n    font-size: 13px;\n    margin-bottom: 0;\n  }\n`\n\nexport const PersistentNotificationContent = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 1.5rem;\n`\nexport const PersistentNotificationIcon = styled(Icon)`\n  font-size: 38px;\n  width: 4rem;\n  height: 4rem;\n  line-height: 4rem;\n  border-radius: 100px;\n  text-align: center;\n  background: ${props => transparentize(0.88, getColor(\"warning\")(props))};\n  margin-right: 1rem;\n  flex-shrink: 0;\n  ${props => props.icon === 'warning' && `font-size:30px;`}\n`\nexport const PersistentNotificationActions = styled.div`\n  display: flex;\n  margin-top: -0.25rem;\n  padding: 0 1.5rem 1.5rem;\n  ${Button} {\n    flex-grow: 1;\n  }\n  ${Button} ~ ${Button} {\n    margin-left: 0;\n    margin-right: 1rem;\n  }\n  ${media.max(390)`\n    display: block;\n    ${Button} {\n      width: 100%;\n    }\n    ${Button} ~ ${Button} {\n      margin-left: 0;\n      margin-top: 0.75rem;\n    }\n  `}\n`\nexport const PersistentNotificationCloseIcon = styled(Icon).attrs({icon: 'x'})`\n    position: absolute;\n    width: 30px;\n    height: 30px;\n    font-size: 20px;\n    line-height: 30px;\n    cursor: pointer;\n    border-radius: 50%;\n    text-align: center;\n    z-index: 1000;\n    top: 0.5rem;\n    right: 0.5rem;\n    color: ${props => props.type && props.type!== 'main' ? getColor(props.type)(props) : darken(0.1, getColor(\"main\")(props))};\n    background: ${props => transparentize(0.90, getColor(props.type || \"main\")(props))};\n    &:hover {\n      background: ${props => transparentize(0.85, getColor(props.type || \"main\")(props))};\n    }\n    &:active {\n      background: ${props => transparentize(0.82, getColor(props.type || \"main\")(props))};\n    }\n  `\n\n\nconst [useNotifications, ,setNotifications] = willUseSharedState([])\n\nexport const openPersistentNotification = (notification) => {\n  const newNotification = {priority:0,type:\"success\",...(_.isObject(notification) ? notification : {content:notification})}\n\n  setNotifications(list => {\n    const nextIndex = list.findIndex(n => n.priority < newNotification.priority)\n    return nextIndex < 0\n      ? [...list,newNotification]\n      : [...list.slice(0,nextIndex),newNotification,...list.slice(nextIndex)]\n  })\n  return () => setNotifications(_.without([newNotification]))\n}\n\n\nconst animation = oneWayAnimation('opacity:0; transform:translateY(-20px)', 'opacity:1;transform:translate(0)')\n\nconst NotificationContainer = styled.div `\n  position: fixed;\n  top: 0;\n  height: 0;\n  right: 0;\n  z-index:20;\n`\n\nconst Notification = styled.div `\n  background: ${props => transparentize(0.9, getColor(props.type)(props))};\n  position: relative;\n  border-radius: 19px;\n`\nconst NotificationWrapper = styled.div `\n  background: white;\n  margin-top: ${props => props.marginTop || \"3.5rem\"};\n  margin-right: 0.75rem;\n  margin-left: 0.75rem;\n  padding: 5px;\n  border-radius: 22px;\n  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1), 0 1px 2px 1px rgba(0,0,0,0.15);\n  max-width: 364px;\n  ${media.mobile`\n    margin-top: ${props => props.marginTop || \"4rem\"};\n  `}\n  ${printerMedia`\n    display: none;\n  `}\n`\nconst [useIsHiddenPersistentNotifications,,hidePersistentNotifications] = willUseSharedState(false)\nexport {useIsHiddenPersistentNotifications, hidePersistentNotifications}\nexport const PersistentNotifications = () => {\n  const [notifications,setNotifications] = useNotifications()\n  const [isHidden] = useIsHiddenPersistentNotifications()\n\n  if (!notifications.length || isHidden) {\n    return null;\n  }\n  const closeMessage = (e) => {\n    setNotifications((list) => list.slice(1))\n  }\n\n  const {content,type,marginTop,...notification} = notifications[0]\n\n  return <Fill name=\"PersistentNotifications\">\n    <FlipNotification type={type} marginTop={marginTop}>\n      {content\n        ? callIfFunction(content,closeMessage)\n        : <DefaultNotification type={type} _onClose={closeMessage} {...notification} />\n      }\n    </FlipNotification>\n  </Fill>\n}\n\nconst DefaultNotification = ({type, title,body,actions, icon, skipClose,_onClose,onClose}) => {\n  return  <PersistentNotification>\n    <PersistentNotificationContent>\n      {(_.isString(icon) || !icon) ? <PersistentNotificationIcon icon={icon || type}/> : icon}\n      <div>\n        <h4>{title}</h4>\n        {body}\n      </div>\n    </PersistentNotificationContent>\n    {\n      actions &&\n      <PersistentNotificationActions>\n        {actions}\n      </PersistentNotificationActions>\n    }\n    {!skipClose && <PersistentNotificationCloseIcon type=\"warning\" onClick={_.over([_onClose,onClose])}/>}\n  </PersistentNotification>\n}\n\nconst FlipNotification = (props) => {\n  const ref = useRef()\n  useFlipAnimation(ref,animation)\n  return <NotificationContainer className=\"JS-fix-dialog-scroll\" ref={ref}>\n    <NotificationWrapper marginTop={props.marginTop}><Notification id=\"js-share-notification\" {...props}/></NotificationWrapper>\n  </NotificationContainer>\n}\n"],"names":["PersistentNotification","styled","div","withConfig","displayName","componentId","getColor","PersistentNotificationContent","PersistentNotificationIcon","Icon","props","transparentize","icon","PersistentNotificationActions","Button","media","max","_templateObject","_taggedTemplateLiteral","PersistentNotificationCloseIcon","attrs","type","darken","useNotifications","setNotifications","willUseSharedState","openPersistentNotification","notification","newNotification","_objectSpread","priority","_isObject","content","list","nextIndex","findIndex","n","slice","_without","animation","oneWayAnimation","NotificationContainer","Notification","NotificationWrapper","marginTop","mobile","_templateObject2","printerMedia","_templateObject3","useIsHiddenPersistentNotifications","hidePersistentNotifications","PersistentNotifications","notifications","isHidden","length","closeMessage","e","_notifications$","_objectWithoutProperties","_excluded","React","createElement","Fill","name","FlipNotification","callIfFunction","DefaultNotification","_extends","_onClose","_ref","title","body","actions","skipClose","onClose","_isString","onClick","_over","ref","useRef","useFlipAnimation","className","id"],"mappings":"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"}