@qoretechnologies/reqore 0.78.5-pr.708.gbe112f0 → 0.78.6-pr.715.gdfefa70

package/dist/components/Navbar/divider.js

@@ -14,39 +14,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -58,13 +25,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var styled_1 = __importStar(require("../../helpers/styled"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var styled_1 = require("../../helpers/styled");
 var colors_1 = require("../../helpers/colors");
 // The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
-var StyledNavbarDivider = styled_1.default.div.withConfig({
+var StyledNavbarDivider = styled_components_1.default.div.withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 20px;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &:before {\n    content: '';\n    display: block;\n    width: 1px;\n    height: 50%;\n    background-color: ", ";\n    opacity: 0.2;\n  }\n"], ["\n  position: relative;\n  width: 20px;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &:before {\n    content: '';\n    display: block;\n    width: 1px;\n    height: 50%;\n    background-color: ", ";\n    opacity: 0.2;\n  }\n"])), function (_a) {
     var _b, _c;

package/dist/components/Navbar/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAE1C,6DAA8D;AAC9D,+CAAwD;AAOxD,6FAA6F;AAC7F,IAAM,mBAAmB,GAAG,gBAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAChD,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,oVAGA,kPAasB,EAOjB,6BAGN,KAVuB,UAAC,EAAe;;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IAChC,OAAA,IAAA,yBAAgB,EACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,MAAI,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAA,IAAI,KAAK,CAAC,IAAI,CAC3D,CAAA;CAAA,CAGN,CAAC;AAEF,IAAM,mBAAmB,GAAG,IAAA,kBAAU,EACpC,UAAC,EAA4C,EAAE,GAAQ;IAApD,IAAA,IAAI,UAAA,EAAK,IAAI,cAAf,QAAiB,CAAF;IAA4C,OAAA,CAC1D,uBAAC,mBAAmB,eACd,IAAI,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,2BAAwB,EAC1D,GAAG,EAAE,GAAG,IACR,CACH,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,wEAAuC;AAEvC,+CAAsD;AACtD,+CAAwD;AAOxD,6FAA6F;AAC7F,IAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAChD,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,oVAGA,kPAasB,EAOjB,6BAGN,KAVuB,UAAC,EAAe;;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IAChC,OAAA,IAAA,yBAAgB,EACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,MAAI,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAA,IAAI,KAAK,CAAC,IAAI,CAC3D,CAAA;CAAA,CAGN,CAAC;AAEF,IAAM,mBAAmB,GAAG,IAAA,kBAAU,EACpC,UAAC,EAA4C,EAAE,GAAQ;IAApD,IAAA,IAAI,UAAA,EAAK,IAAI,cAAf,QAAiB,CAAF;IAA4C,OAAA,CAC1D,uBAAC,mBAAmB,eACd,IAAI,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,2BAAwB,EAC1D,GAAG,EAAE,GAAG,IACR,CACH,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/dist/components/Navbar/group.js

@@ -62,10 +62,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledNavbarGroup = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importStar(require("react"));
-var styled_components_1 = require("styled-components");
-var styled_1 = __importStar(require("../../helpers/styled"));
+var styled_components_1 = __importStar(require("styled-components"));
+var styled_1 = require("../../helpers/styled");
 // The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
-exports.StyledNavbarGroup = styled_1.default.div.withConfig({
+exports.StyledNavbarGroup = styled_components_1.default.div.withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
 })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var position = _a.position;

package/dist/components/Navbar/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Navbar/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,uDAAwC;AAExC,6DAA8D;AAa9D,6FAA6F;AAChF,QAAA,iBAAiB,GAAG,gBAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACrD,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,+EAAyB,MACvB,EAQD,IACF,KATG,UAAC,EAAqC;QAAnC,QAAQ,cAAA;IAAgC,WAAA,uBAAG,gPAAA,kCAErC,EAAQ,wIAMlB,KANU,QAAQ;AAF0B,CAQ5C,EACD;AAEF,IAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,UAAC,EAAuE,EAAE,GAAQ;IAA/E,IAAA,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,IAAI,cAA5C,gCAA8C,CAAF;IAA0C,OAAA,CACrF,uBAAC,yBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,yBAAsB,EACxD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,IAAI,MAAA;oBACJ,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,cAAc,wBACT,MAAA,KAAK,CAAC,KAAK,0CAAE,cAAc,KAC9B,IAAI,MAAA,EACJ,KAAK,EAAE,IAAI,CAAC,KAAK,GAClB;iBACF,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACiB,CACrB,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Navbar/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,+CAAsD;AAatD,6FAA6F;AAChF,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACrD,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,+EAAyB,MACvB,EAQD,IACF,KATG,UAAC,EAAqC;QAAnC,QAAQ,cAAA;IAAgC,WAAA,uBAAG,gPAAA,kCAErC,EAAQ,wIAMlB,KANU,QAAQ;AAF0B,CAQ5C,EACD;AAEF,IAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,UAAC,EAAuE,EAAE,GAAQ;IAA/E,IAAA,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,IAAI,cAA5C,gCAA8C,CAAF;IAA0C,OAAA,CACrF,uBAAC,yBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,yBAAsB,EACxD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,IAAI,MAAA;oBACJ,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,cAAc,wBACT,MAAA,KAAK,CAAC,KAAK,0CAAE,cAAc,KAC9B,IAAI,MAAA,EACJ,KAAK,EAAE,IAAI,CAAC,KAAK,GAClB;iBACF,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACiB,CACrB,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/dist/components/Navbar/index.js

@@ -63,13 +63,13 @@ exports.ReqoreFooter = exports.ReqoreHeader = exports.StyledNavbar = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var polished_1 = require("polished");
 var react_1 = __importStar(require("react"));
-var styled_components_1 = require("styled-components");
+var styled_components_1 = __importStar(require("styled-components"));
 var colors_1 = require("../../helpers/colors");
-var styled_1 = __importStar(require("../../helpers/styled"));
+var styled_1 = require("../../helpers/styled");
 var useTheme_1 = require("../../hooks/useTheme");
 var Effect_1 = require("../Effect");
 // The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
-exports.StyledNavbar = (0, styled_1.default)(Effect_1.StyledEffect).withConfig({
+exports.StyledNavbar = (0, styled_components_1.default)(Effect_1.StyledEffect).withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
 })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (_a) {
     var _b, _c, _d, _e, _f;

package/dist/components/Navbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Navbar/item.js

@@ -61,12 +61,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var styled_components_1 = require("styled-components");
-var styled_1 = __importStar(require("../../helpers/styled"));
+var styled_components_1 = __importStar(require("styled-components"));
+var styled_1 = require("../../helpers/styled");
 var colors_1 = require("../../helpers/colors");
 var styles_1 = require("../../styles");
 // The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
-var StyledNavbarItem = styled_1.default.div.withConfig({
+var StyledNavbarItem = styled_components_1.default.div.withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
 })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 100%;\n  min-width: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n  color: inherit;\n  background-color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  opacity: ", ";\n\n  ", "\n"], ["\n  height: 100%;\n  min-width: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n  color: inherit;\n  background-color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  opacity: ", ";\n\n  ", "\n"])), function (_a) {
     var _b;

package/dist/components/Navbar/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,uDAAwC;AAExC,6DAA8D;AAC9D,+CAAqE;AACrE,uCAKsB;AAetB,6FAA6F;AAC7F,IAAM,gBAAgB,GAAG,gBAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAC7C,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,8SAAwB,wKAQJ,EACqE,SAEvF,EAAiB,QAEjB,EAQD,QAEC,EAcD,iBAEU,EAAiC,SAE1C,EAIC,IACJ,KAtCqB,UAAC,EAAuB;;QAArB,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACxC,OAAA,MAAM,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,KAAI,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;CAAA,EAEvF,0BAAiB,EAEjB,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,IAAI,MAAM,EAAE,CAAC;QACX,WAAO,uBAAG,4FAAA,YACN,EAAe,UAClB,KADG,wBAAe,EACjB;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEC,UAAC,EAAoD;;QAAlD,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC3B,IAAI,WAAW,EAAE,CAAC;QAChB,WAAO,uBAAG,4OAAA,kIAIc,EAC4B,wBAEhD,EAAgB,UACnB,KAJuB,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU;YAC3C,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAEhD,yBAAgB,EAClB;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,GAAG;AAAf,CAAe,EAE1C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,wFAAA,UACC,EAAe,QAClB,KADG,wBAAe,CAClB;AAHD,CAGC,CACJ,CAAC;AAEF,IAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,UACE,EAAkF,EAClF,GAAQ;IADN,IAAA,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAxD,yDAA0D,CAAF;IAErD,OAAA,CACH,uBAAC,gBAAgB,eACX,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,wBAAqB,EACvD,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAC1C,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,YAEP,QAAQ,IACQ,CACpB,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAEhD,+CAAsD;AACtD,+CAAqE;AACrE,uCAKsB;AAetB,6FAA6F;AAC7F,IAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAC7C,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,8SAAwB,wKAQJ,EACqE,SAEvF,EAAiB,QAEjB,EAQD,QAEC,EAcD,iBAEU,EAAiC,SAE1C,EAIC,IACJ,KAtCqB,UAAC,EAAuB;;QAArB,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACxC,OAAA,MAAM,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,KAAI,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;CAAA,EAEvF,0BAAiB,EAEjB,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,IAAI,MAAM,EAAE,CAAC;QACX,WAAO,uBAAG,4FAAA,YACN,EAAe,UAClB,KADG,wBAAe,EACjB;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEC,UAAC,EAAoD;;QAAlD,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC3B,IAAI,WAAW,EAAE,CAAC;QAChB,WAAO,uBAAG,4OAAA,kIAIc,EAC4B,wBAEhD,EAAgB,UACnB,KAJuB,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU;YAC3C,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAEhD,yBAAgB,EAClB;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,GAAG;AAAf,CAAe,EAE1C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,wFAAA,UACC,EAAe,QAClB,KADG,wBAAe,CAClB;AAHD,CAGC,CACJ,CAAC;AAEF,IAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,UACE,EAAkF,EAClF,GAAQ;IADN,IAAA,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAxD,yDAA0D,CAAF;IAErD,OAAA,CACH,uBAAC,gBAAgB,eACX,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,wBAAqB,EACvD,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAC1C,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,YAEP,QAAQ,IACQ,CACpB,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/dist/components/Notifications/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,4BAA4B,CAAC;CACzC;AAED,MAAM,MAAM,4BAA4B,GACpC,KAAK,GACL,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAkCD,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAYzE,CAAC;AAEH,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,4BAA4B,CAAC;CACzC;AAED,MAAM,MAAM,4BAA4B,GACpC,KAAK,GACL,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAkCD,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAYzE,CAAC;AAEH,eAAe,0BAA0B,CAAC"}

package/dist/components/Notifications/index.js

@@ -3,15 +3,44 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var styled_components_1 = require("styled-components");
-var styled_1 = __importDefault(require("../../helpers/styled"));
-var StyledNotificationsWrapper = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 10000;\n  padding: 0 20px 20px 20px;\n  display: flex;\n  flex-flow: column;\n  /* Notifications of different widths (a pill under a card) line up with\n     the corner they are in; centred on the plain top / bottom positions. */\n  align-items: ", ";\n\n  ", "\n"], ["\n  position: fixed;\n  z-index: 10000;\n  padding: 0 20px 20px 20px;\n  display: flex;\n  flex-flow: column;\n  /* Notifications of different widths (a pill under a card) line up with\n     the corner they are in; centred on the plain top / bottom positions. */\n  align-items: ", ";\n\n  ", "\n"])), function (_a) {
+var styled_components_1 = __importStar(require("styled-components"));
+var StyledNotificationsWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 10000;\n  padding: 0 20px 20px 20px;\n  display: flex;\n  flex-flow: column;\n  /* Notifications of different widths (a pill under a card) line up with\n     the corner they are in; centred on the plain top / bottom positions. */\n  align-items: ", ";\n\n  ", "\n"], ["\n  position: fixed;\n  z-index: 10000;\n  padding: 0 20px 20px 20px;\n  display: flex;\n  flex-flow: column;\n  /* Notifications of different widths (a pill under a card) line up with\n     the corner they are in; centred on the plain top / bottom positions. */\n  align-items: ", ";\n\n  ", "\n"])), function (_a) {
     var positions = _a.positions;
     return positions.includes('left')
         ? 'flex-start'

package/dist/components/Notifications/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,+BAA0C;AAC1C,uDAAwC;AACxC,gEAA0C;AAkB1C,IAAM,0BAA0B,GAAG,gBAAM,CAAC,GAAG,6WAA2B,yRAQvD,EAKD,SAEZ,EAeD,IACF,KAvBgB,UAAC,EAAa;QAAX,SAAS,eAAA;IACzB,OAAA,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;QACxB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC7B,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,QAAQ;AAJZ,CAIY,EAEZ,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,IAAM,eAAe,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,IAAI,eAAe,EAAE,CAAC;QACpB,WAAO,uBAAG,wHAAA,YACN,EAAY,mBACZ,EAAY,iBACf,KAFG,SAAS,CAAC,CAAC,CAAC,EACZ,SAAS,CAAC,CAAC,CAAC,EACd;IACJ,CAAC;IAED,WAAO,uBAAG,qJAAA,UACN,EAAY,qEAGf,KAHG,SAAS,CAAC,CAAC,CAAC,EAGd;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,0BAA0B,GAA+C,IAAA,kBAAU,EAGvF,UAAC,EAA8B,EAAE,GAAQ;QAAtC,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAAiB,OAAA,CAC9C,uBAAC,0BAA0B,IACzB,SAAS,EAAE,QAAQ;aAChB,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAC,CAAwC,IAAa,OAAA,CAAC,CAAC,WAAW,EAAE,EAAf,CAAe,CAAC,EAC7E,GAAG,EAAE,GAAG,YAEP,QAAQ,GACkB,CAC9B;AAT+C,CAS/C,CAAC,CAAC;AAEH,kBAAe,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAkBhD,IAAM,0BAA0B,GAAG,2BAAM,CAAC,GAAG,6WAA2B,yRAQvD,EAKD,SAEZ,EAeD,IACF,KAvBgB,UAAC,EAAa;QAAX,SAAS,eAAA;IACzB,OAAA,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;QACxB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC7B,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,QAAQ;AAJZ,CAIY,EAEZ,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,IAAM,eAAe,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,IAAI,eAAe,EAAE,CAAC;QACpB,WAAO,uBAAG,wHAAA,YACN,EAAY,mBACZ,EAAY,iBACf,KAFG,SAAS,CAAC,CAAC,CAAC,EACZ,SAAS,CAAC,CAAC,CAAC,EACd;IACJ,CAAC;IAED,WAAO,uBAAG,qJAAA,UACN,EAAY,qEAGf,KAHG,SAAS,CAAC,CAAC,CAAC,EAGd;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,0BAA0B,GAA+C,IAAA,kBAAU,EAGvF,UAAC,EAA8B,EAAE,GAAQ;QAAtC,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAAiB,OAAA,CAC9C,uBAAC,0BAA0B,IACzB,SAAS,EAAE,QAAQ;aAChB,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAC,CAAwC,IAAa,OAAA,CAAC,CAAC,WAAW,EAAE,EAAf,CAAe,CAAC,EAC7E,GAAG,EAAE,GAAG,YAEP,QAAQ,GACkB,CAC9B;AAT+C,CAS/C,CAAC,CAAC;AAEH,kBAAe,0BAA0B,CAAC"}

package/dist/components/Notifications/notification.d.ts

@@ -89,13 +89,23 @@ export interface IReqoreNotificationProps extends IWithReqoreEffect, IWithReqore
     showProgress?: boolean;
     /** Accessible name of the close button. */
     closeLabel?: string;
+    /**
+     * Whether the notification can be flicked away. Dragging it sideways follows the finger, and
+     * letting go past 18% of its width (`SWIPE.distance`) or with a flick closes it through
+     * `onClose`, the same path as the close button; a shorter pull springs back, at once under
+     * `prefers-reduced-motion`. The timer holds while it is held. A press on the close button or
+     * an action is theirs, and a mostly vertical press stays the page's to scroll. The root
+     * carries `.reqore-notification-swipeable` while it is on and `.reqore-notification-dragging`
+     * during a drag. Default `true`; nothing without an `onClose`.
+     */
+    swipeToDismiss?: boolean;
 }
 /**
  * Defaults every notification added through the provider starts from — set
  * once on `ReqoreUIProvider` (`options.notifications`) to give the whole app
  * one look and one corner. A notification's own props win.
  */
-export interface IReqoreNotificationDefaults extends Partial<Pick<IReqoreNotificationProps, 'compact' | 'size' | 'flat' | 'raised' | 'minimal' | 'opaque' | 'blur' | 'effect' | 'duration' | 'pauseOnHover' | 'showProgress' | 'iconHasBackground' | 'closeLabel'>> {
+export interface IReqoreNotificationDefaults extends Partial<Pick<IReqoreNotificationProps, 'compact' | 'size' | 'flat' | 'raised' | 'minimal' | 'opaque' | 'blur' | 'effect' | 'duration' | 'pauseOnHover' | 'showProgress' | 'iconHasBackground' | 'closeLabel' | 'swipeToDismiss'>> {
     position?: IReqoreNotificationsPosition;
 }
 export declare const StyledNotification: any;

package/dist/components/Notifications/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}

package/dist/components/Notifications/notification.js

@@ -14,6 +14,39 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -34,13 +67,15 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var web_1 = require("@react-spring/web");
 var polished_1 = require("polished");
 var react_1 = require("react");
-var styled_components_1 = require("styled-components");
-var styled_1 = __importDefault(require("../../helpers/styled"));
+var styled_components_1 = __importStar(require("styled-components"));
 var animations_1 = require("../../constants/animations");
 var sizes_1 = require("../../constants/sizes");
 var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
 var colors_1 = require("../../helpers/colors");
+var gestures_1 = require("../../helpers/gestures");
 var utils_1 = require("../../helpers/utils");
+var usePointerDrag_1 = require("../../hooks/usePointerDrag");
+var usePrefersReducedMotion_1 = require("../../hooks/usePrefersReducedMotion");
 var useTheme_1 = require("../../hooks/useTheme");
 var styles_1 = require("../../styles");
 var Button_1 = __importDefault(require("../Button"));
@@ -65,7 +100,7 @@ Object.defineProperty(exports, "typeToIcon", { enumerable: true, get: function (
  * ------------------------------------------------------------------------ */
 var DARK = '#000000';
 var LIGHT = '#ffffff';
-exports.StyledNotification = (0, styled_1.default)(Effect_1.StyledEffect)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  transition:\n    filter 0.2s ease-out,\n    box-shadow 0.2s ease-out;\n  color: ", ";\n\n  /* ---- shape ---- */\n  ", "\n\n  /* ---- surface ---- */\n  ", "\n\n  &:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  ", "\n"], ["\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  transition:\n    filter 0.2s ease-out,\n    box-shadow 0.2s ease-out;\n  color: ", ";\n\n  /* ---- shape ---- */\n  ", "\n\n  /* ---- surface ---- */\n  ", "\n\n  &:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  ", "\n"])), function (_a) {
+exports.StyledNotification = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  transition:\n    filter 0.2s ease-out,\n    box-shadow 0.2s ease-out;\n  color: ", ";\n\n  /* ---- shape ---- */\n  ", "\n\n  /* ---- surface ---- */\n  ", "\n\n  &:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  ", "\n\n  /* The browser keeps vertical panning from a press here; the sideways drag is ours. */\n  ", "\n\n  ", "\n"], ["\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  transition:\n    filter 0.2s ease-out,\n    box-shadow 0.2s ease-out;\n  color: ", ";\n\n  /* ---- shape ---- */\n  ", "\n\n  /* ---- surface ---- */\n  ", "\n\n  &:not(:first-child) {\n    margin-top: ", "px;\n  }\n\n  ", "\n\n  /* The browser keeps vertical panning from a press here; the sideways drag is ours. */\n  ", "\n\n  ", "\n"])), function (_a) {
     var $text = _a.$text;
     return $text;
 }, function (_a) {
@@ -134,12 +169,18 @@ exports.StyledNotification = (0, styled_1.default)(Effect_1.StyledEffect)(templa
 }, function (_a) {
     var $clickable = _a.$clickable;
     return $clickable && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      cursor: pointer;\n\n      &:hover {\n        filter: brightness(1.08);\n      }\n    "], ["\n      cursor: pointer;\n\n      &:hover {\n        filter: brightness(1.08);\n      }\n    "])));
+}, function (_a) {
+    var $swipeable = _a.$swipeable;
+    return $swipeable && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      touch-action: pan-y;\n    "], ["\n      touch-action: pan-y;\n    "])));
+}, function (_a) {
+    var $dragging = _a.$dragging;
+    return $dragging && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      user-select: none;\n    "], ["\n      user-select: none;\n    "])));
 });
 /** The intent, as a soft glow behind the icon. */
-var StyledNotificationBloom = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  position: absolute;\n  pointer-events: none;\n  border-radius: 50%;\n  filter: blur(6px);\n  ", "\n  background: radial-gradient(\n    circle at center,\n    ", " 0%,\n    ", " 70%\n  );\n"], ["\n  position: absolute;\n  pointer-events: none;\n  border-radius: 50%;\n  filter: blur(6px);\n  ", "\n  background: radial-gradient(\n    circle at center,\n    ", " 0%,\n    ", " 70%\n  );\n"])), function (_a) {
+var StyledNotificationBloom = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: absolute;\n  pointer-events: none;\n  border-radius: 50%;\n  filter: blur(6px);\n  ", "\n  background: radial-gradient(\n    circle at center,\n    ", " 0%,\n    ", " 70%\n  );\n"], ["\n  position: absolute;\n  pointer-events: none;\n  border-radius: 50%;\n  filter: blur(6px);\n  ", "\n  background: radial-gradient(\n    circle at center,\n    ", " 0%,\n    ", " 70%\n  );\n"])), function (_a) {
     var $compact = _a.$compact;
     return $compact
-        ? (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          width: 120px;\n          height: 120px;\n          left: -45px;\n          top: -60px;\n        "], ["\n          width: 120px;\n          height: 120px;\n          left: -45px;\n          top: -60px;\n        "]))) : (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n          width: 170px;\n          height: 170px;\n          left: -60px;\n          top: -80px;\n        "], ["\n          width: 170px;\n          height: 170px;\n          left: -60px;\n          top: -80px;\n        "])));
+        ? (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n          width: 120px;\n          height: 120px;\n          left: -45px;\n          top: -60px;\n        "], ["\n          width: 120px;\n          height: 120px;\n          left: -45px;\n          top: -60px;\n        "]))) : (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n          width: 170px;\n          height: 170px;\n          left: -60px;\n          top: -80px;\n        "], ["\n          width: 170px;\n          height: 170px;\n          left: -60px;\n          top: -80px;\n        "])));
 }, function (_a) {
     var $color = _a.$color;
     return (0, polished_1.rgba)($color, 0.55);
@@ -147,7 +188,7 @@ var StyledNotificationBloom = styled_1.default.div(templateObject_10 || (templat
     var $color = _a.$color;
     return (0, polished_1.rgba)($color, 0);
 });
-var StyledNotificationIconTile = styled_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  background: ", ";\n"], ["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  background: ", ";\n"])), function (_a) {
+var StyledNotificationIconTile = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  background: ", ";\n"], ["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  background: ", ";\n"])), function (_a) {
     var $size = _a.$size, $boxPx = _a.$boxPx;
     return $boxPx !== null && $boxPx !== void 0 ? $boxPx : EntityRow_1.ICON_TILE_SIZE_FROM_SIZE[$size];
 }, function (_a) {
@@ -157,7 +198,7 @@ var StyledNotificationIconTile = styled_1.default.div(templateObject_11 || (temp
     var $tinted = _a.$tinted, $color = _a.$color;
     return ($tinted ? (0, polished_1.rgba)($color, 0.2) : 'transparent');
 });
-var StyledNotificationBody = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n  display: flex;\n  flex-flow: ", ";\n  align-items: ", ";\n  justify-content: center;\n  gap: ", ";\n  align-self: center;\n  overflow-wrap: anywhere;\n"], ["\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n  display: flex;\n  flex-flow: ", ";\n  align-items: ", ";\n  justify-content: center;\n  gap: ", ";\n  align-self: center;\n  overflow-wrap: anywhere;\n"])), function (_a) {
+var StyledNotificationBody = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n  display: flex;\n  flex-flow: ", ";\n  align-items: ", ";\n  justify-content: center;\n  gap: ", ";\n  align-self: center;\n  overflow-wrap: anywhere;\n"], ["\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n  display: flex;\n  flex-flow: ", ";\n  align-items: ", ";\n  justify-content: center;\n  gap: ", ";\n  align-self: center;\n  overflow-wrap: anywhere;\n"])), function (_a) {
     var $compact = _a.$compact;
     return ($compact ? 'row wrap' : 'column');
 }, function (_a) {
@@ -167,16 +208,16 @@ var StyledNotificationBody = styled_1.default.div(templateObject_12 || (template
     var $compact = _a.$compact;
     return ($compact ? '0 6px' : '2px');
 });
-var StyledNotificationText = styled_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  font-size: ", "px;\n  line-height: 1.4;\n  opacity: ", ";\n"], ["\n  font-size: ", "px;\n  line-height: 1.4;\n  opacity: ", ";\n"])), function (_a) {
+var StyledNotificationText = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  font-size: ", "px;\n  line-height: 1.4;\n  opacity: ", ";\n"], ["\n  font-size: ", "px;\n  line-height: 1.4;\n  opacity: ", ";\n"])), function (_a) {
     var $size = _a.$size;
     return sizes_1.TEXT_FROM_SIZE[(0, utils_1.getOneLessSize)($size)];
 }, function (_a) {
     var $dim = _a.$dim;
     return ($dim ? 0.78 : 1);
 });
-var StyledNotificationTrailing = styled_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  align-self: start;\n"], ["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  align-self: start;\n"])));
-var drain = (0, styled_components_1.keyframes)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  from { transform: scaleX(1); }\n  to { transform: scaleX(0); }\n"], ["\n  from { transform: scaleX(1); }\n  to { transform: scaleX(0); }\n"])));
-var StyledNotificationProgress = styled_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: ", "px;\n  transform-origin: left center;\n  background: ", ";\n  animation: ", " ", "ms linear forwards;\n  animation-play-state: ", ";\n"], ["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: ", "px;\n  transform-origin: left center;\n  background: ", ";\n  animation: ", " ", "ms linear forwards;\n  animation-play-state: ", ";\n"])), function (_a) {
+var StyledNotificationTrailing = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  align-self: start;\n"], ["\n  position: relative;\n  z-index: 1;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  align-self: start;\n"])));
+var drain = (0, styled_components_1.keyframes)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  from { transform: scaleX(1); }\n  to { transform: scaleX(0); }\n"], ["\n  from { transform: scaleX(1); }\n  to { transform: scaleX(0); }\n"])));
+var StyledNotificationProgress = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: ", "px;\n  transform-origin: left center;\n  background: ", ";\n  animation: ", " ", "ms linear forwards;\n  animation-play-state: ", ";\n"], ["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: ", "px;\n  transform-origin: left center;\n  background: ", ";\n  animation: ", " ", "ms linear forwards;\n  animation-play-state: ", ";\n"])), function (_a) {
     var $height = _a.$height;
     return $height;
 }, function (_a) {
@@ -206,7 +247,7 @@ var BIG_SIZES = ['big', 'huge', 'massive'];
  * Component
  * ------------------------------------------------------------------------ */
 var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
-    var type = _a.type, intent = _a.intent, icon = _a.icon, iconColor = _a.iconColor, iconHasBackground = _a.iconHasBackground, title = _a.title, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, _b = _a.flat, flat = _b === void 0 ? true : _b, _c = _a.raised, raised = _c === void 0 ? true : _c, minimal = _a.minimal, _d = _a.opaque, opaque = _d === void 0 ? false : _d, _e = _a.blur, blur = _e === void 0 ? 18 : _e, _f = _a.size, size = _f === void 0 ? 'normal' : _f, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, _g = _a.padded, padded = _g === void 0 ? true : _g, paddingSize = _a.paddingSize, compact = _a.compact, actions = _a.actions, _h = _a.pauseOnHover, pauseOnHover = _h === void 0 ? true : _h, showProgress = _a.showProgress, _j = _a.closeLabel, closeLabel = _j === void 0 ? 'Close' : _j, effect = _a.effect, fluid = _a.fluid;
+    var type = _a.type, intent = _a.intent, icon = _a.icon, iconColor = _a.iconColor, iconHasBackground = _a.iconHasBackground, title = _a.title, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, _b = _a.flat, flat = _b === void 0 ? true : _b, _c = _a.raised, raised = _c === void 0 ? true : _c, minimal = _a.minimal, _d = _a.opaque, opaque = _d === void 0 ? false : _d, _e = _a.blur, blur = _e === void 0 ? 18 : _e, _f = _a.size, size = _f === void 0 ? 'normal' : _f, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, _g = _a.padded, padded = _g === void 0 ? true : _g, paddingSize = _a.paddingSize, compact = _a.compact, actions = _a.actions, _h = _a.pauseOnHover, pauseOnHover = _h === void 0 ? true : _h, showProgress = _a.showProgress, _j = _a.closeLabel, closeLabel = _j === void 0 ? 'Close' : _j, effect = _a.effect, fluid = _a.fluid, swipeToDismiss = _a.swipeToDismiss;
     var resolvedIntent = intent || type;
     // The app's surface, not the intent's: the intent is painted on the icon,
     // the bloom and the timer line.
@@ -217,7 +258,7 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
         leave: { opacity: 0, transform: 'scale(0.9)' },
         config: animations_1.SPRING_CONFIG,
     });
-    /* ---- auto-dismiss timer, held while hovered ---- */
+    /* ---- auto-dismiss timer, held while hovered or held under a finger ---- */
     var timerRef = (0, react_1.useRef)(undefined);
     var remainingRef = (0, react_1.useRef)(duration);
     var startedAtRef = (0, react_1.useRef)(0);
@@ -247,24 +288,88 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
         startTimer(duration);
         return clearTimer;
     }, [duration, type, intent, content, title, startTimer, clearTimer]);
-    var handleMouseEnter = (0, react_1.useCallback)(function () {
+    // What holds the timer: the pointer resting on it, a finger dragging it. It runs again
+    // only once neither does.
+    var holdsRef = (0, react_1.useRef)({ hover: false, drag: false });
+    var holdTimer = (0, react_1.useCallback)(function (by) {
         var _a;
-        if (!pauseOnHover || !duration || !timerRef.current) {
+        holdsRef.current[by] = true;
+        if (!duration || !timerRef.current) {
             return;
         }
         remainingRef.current = Math.max(((_a = remainingRef.current) !== null && _a !== void 0 ? _a : duration) - (Date.now() - startedAtRef.current), 0);
         clearTimer();
         setPaused(true);
-    }, [pauseOnHover, duration, clearTimer]);
-    var handleMouseLeave = (0, react_1.useCallback)(function () {
+    }, [duration, clearTimer]);
+    var releaseTimer = (0, react_1.useCallback)(function (by) {
         var _a;
-        if (!pauseOnHover || !duration) {
+        holdsRef.current[by] = false;
+        if (!duration || holdsRef.current.hover || holdsRef.current.drag) {
             return;
         }
         setPaused(false);
         // A reader who hovered at the very end still gets a beat to click.
         startTimer(Math.max((_a = remainingRef.current) !== null && _a !== void 0 ? _a : 0, 400));
-    }, [pauseOnHover, duration, startTimer]);
+    }, [duration, startTimer]);
+    var handleMouseEnter = (0, react_1.useCallback)(function () {
+        if (pauseOnHover) {
+            holdTimer('hover');
+        }
+    }, [pauseOnHover, holdTimer]);
+    var handleMouseLeave = (0, react_1.useCallback)(function () {
+        if (pauseOnHover) {
+            releaseTimer('hover');
+        }
+    }, [pauseOnHover, releaseTimer]);
+    /* ---- swipe to dismiss ---- */
+    var reducedMotion = (0, usePrefersReducedMotion_1.usePrefersReducedMotion)();
+    var mountedRef = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(function () { return function () {
+        mountedRef.current = false;
+    }; }, []);
+    var swipeable = swipeToDismiss !== false && !!onClose;
+    var _l = (0, web_1.useSpring)(function () { return ({ x: 0, config: animations_1.SPRING_CONFIG }); }), swipe = _l[0], swipeApi = _l[1];
+    var swipeStartRef = (0, react_1.useRef)(null);
+    var _m = (0, usePointerDrag_1.usePointerDrag)({
+        enabled: swipeable,
+        // Sideways is the swipe; a mostly vertical press stays the page's to scroll.
+        axis: 'x',
+        canStart: function (event) {
+            var _a, _b;
+            var control = (_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, usePointerDrag_1.DRAG_CONTROL_SELECTOR);
+            return !control || !event.currentTarget.contains(control);
+        },
+        onStart: function (element) {
+            swipeStartRef.current = { x: swipe.x.get(), width: element.getBoundingClientRect().width };
+            holdTimer('drag');
+        },
+        onMove: function (_a) {
+            var dx = _a.dx;
+            var start = swipeStartRef.current;
+            if (start) {
+                swipeApi.set({ x: start.x + dx });
+            }
+        },
+        onEnd: function (_a, committed) {
+            var dx = _a.dx, vx = _a.vx;
+            var start = swipeStartRef.current;
+            swipeStartRef.current = null;
+            if (committed && start && (0, gestures_1.getSwipeStep)(dx, vx, start.width) !== 0) {
+                // Closed from where the finger left it. A caller whose `onClose` keeps it on
+                // screen gets it back in place, and its timer, on the next turn.
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+                setTimeout(function () {
+                    if (mountedRef.current) {
+                        swipeApi.start({ x: 0, immediate: reducedMotion });
+                        releaseTimer('drag');
+                    }
+                }, 0);
+                return;
+            }
+            swipeApi.start({ x: 0, immediate: reducedMotion });
+            releaseTimer('drag');
+        },
+    }), dragging = _m.dragging, swipeHandlers = _m.handlers;
     /* ---- colours ---- */
     var palette = (0, react_1.useMemo)(function () {
         var surface = (0, colors_1.changeLightness)(theme.main, 0.05);
@@ -303,9 +408,13 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
         })
         : null;
     return transitions(function (styles, item) {
-        return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsxs)(exports.StyledNotification, { as: web_1.animated.div, ref: ref, style: styles, theme: theme, effect: effect, role: resolvedIntent === 'danger' || resolvedIntent === 'warning' ? 'alert' : 'status', className: "reqore-notification".concat(compact ? ' reqore-notification-compact' : ''), "$size": size, "$compact": compact, "$fluid": fluid, "$flat": flat, "$raised": raised, "$minimal": minimal, "$opaque": opaque, "$blur": blur, "$clickable": !!onClick, "$hasIcon": hasIcon, "$hasClose": !!onClose, "$hasIntent": !!resolvedIntent, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, "$surface": palette.surface, "$text": palette.text, "$accent": palette.accent, onClick: onClick ? function () { return onClick(); } : undefined, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [resolvedIntent && !minimal ? ((0, jsx_runtime_1.jsx)(StyledNotificationBloom, { "$color": palette.accent, "$compact": compact })) : null, hasIcon ? ((0, jsx_runtime_1.jsx)(StyledNotificationIconTile, { "$size": compact ? controlSize : size, "$boxPx": compact ? sizes_1.SIZE_TO_PX[controlSize] : undefined, "$color": palette.accent, "$tinted": tinted, className: 'reqore-notification-icon', children: iconNode })) : null, (0, jsx_runtime_1.jsxs)(StyledNotificationBody, { "$compact": compact, children: [title ? (compact ? ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: controlSize, effect: { weight: 'bold', color: palette.text }, className: 'reqore-notification-title', children: title })) : ((0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: size, effect: { weight: 'bold', color: palette.text }, className: 'reqore-notification-title', children: title }))) : null, content ? ((0, jsx_runtime_1.jsx)(StyledNotificationText, { "$size": size, "$dim": !!title, className: 'reqore-notification-content', children: content })) : null, actionButtons ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { size: controlSize, gapSize: 'small', wrap: true, style: { marginTop: sizes_1.PADDING_FROM_SIZE[controlSize] }, className: 'reqore-notification-actions', children: actionButtons })) : null] }), onClose ? ((0, jsx_runtime_1.jsx)(StyledNotificationTrailing, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { icon: 'CloseLine', size: controlSize, minimal: true, flat: true, compact: true, circle: compact, className: 'reqore-notification-close', "aria-label": closeLabel, onClick: handleClose }) })) : null, progressVisible ? ((0, jsx_runtime_1.jsx)(StyledNotificationProgress, { className: 'reqore-notification-progress', "data-paused": paused || undefined, "$color": palette.accent, "$duration": duration, "$paused": paused, "$height": BIG_SIZES.includes(size) ? 3 : 2 }, "".concat(duration).concat(resolvedIntent).concat(title).concat(content))) : null] }) })) : null;
+        return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsxs)(exports.StyledNotification, __assign({ as: web_1.animated.div, ref: ref, style: __assign(__assign({}, styles), { 
+                    // The swipe's translate ahead of the enter / leave spring's own scale.
+                    transform: (0, web_1.to)([swipe.x, styles.transform], function (x, base) {
+                        return x ? "translate3d(".concat(x, "px, 0, 0) ").concat(base) : base;
+                    }) }), theme: theme, effect: effect, role: resolvedIntent === 'danger' || resolvedIntent === 'warning' ? 'alert' : 'status', className: "reqore-notification".concat(compact ? ' reqore-notification-compact' : '').concat(swipeable ? ' reqore-notification-swipeable' : '').concat(dragging ? ' reqore-notification-dragging' : ''), "$size": size, "$compact": compact, "$fluid": fluid, "$flat": flat, "$raised": raised, "$minimal": minimal, "$opaque": opaque, "$blur": blur, "$clickable": !!onClick, "$swipeable": swipeable, "$dragging": dragging, "$hasIcon": hasIcon, "$hasClose": !!onClose, "$hasIntent": !!resolvedIntent, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, "$surface": palette.surface, "$text": palette.text, "$accent": palette.accent, onClick: onClick ? function () { return onClick(); } : undefined, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, swipeHandlers, { children: [resolvedIntent && !minimal ? ((0, jsx_runtime_1.jsx)(StyledNotificationBloom, { "$color": palette.accent, "$compact": compact })) : null, hasIcon ? ((0, jsx_runtime_1.jsx)(StyledNotificationIconTile, { "$size": compact ? controlSize : size, "$boxPx": compact ? sizes_1.SIZE_TO_PX[controlSize] : undefined, "$color": palette.accent, "$tinted": tinted, className: 'reqore-notification-icon', children: iconNode })) : null, (0, jsx_runtime_1.jsxs)(StyledNotificationBody, { "$compact": compact, children: [title ? (compact ? ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: controlSize, effect: { weight: 'bold', color: palette.text }, className: 'reqore-notification-title', children: title })) : ((0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: size, effect: { weight: 'bold', color: palette.text }, className: 'reqore-notification-title', children: title }))) : null, content ? ((0, jsx_runtime_1.jsx)(StyledNotificationText, { "$size": size, "$dim": !!title, className: 'reqore-notification-content', children: content })) : null, actionButtons ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { size: controlSize, gapSize: 'small', wrap: true, style: { marginTop: sizes_1.PADDING_FROM_SIZE[controlSize] }, className: 'reqore-notification-actions', children: actionButtons })) : null] }), onClose ? ((0, jsx_runtime_1.jsx)(StyledNotificationTrailing, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { icon: 'CloseLine', size: controlSize, minimal: true, flat: true, compact: true, circle: compact, className: 'reqore-notification-close', "aria-label": closeLabel, onClick: handleClose }) })) : null, progressVisible ? ((0, jsx_runtime_1.jsx)(StyledNotificationProgress, { className: 'reqore-notification-progress', "data-paused": paused || undefined, "$color": palette.accent, "$duration": duration, "$paused": paused, "$height": BIG_SIZES.includes(size) ? 3 : 2 }, "".concat(duration).concat(resolvedIntent).concat(title).concat(content))) : null] })) })) : null;
     });
 });
 exports.default = ReqoreNotification;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
 //# sourceMappingURL=notification.js.map