@activecollab/components 2.0.405 → 2.0.407

package/dist/cjs/components/Dot/Styles.js

@@ -9,7 +9,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var StyledDot = exports.StyledDot = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDot",
   componentId: "sc-1hwsgu3-0"
-})(["border-radius:100%;", " ", ""], function (props) {
+})(["border-radius:100%;flex:none;aspect-ratio:1;", " ", ""], function (props) {
   return props.$size && (0, _styledComponents.css)(["width:", "px;height:", "px;"], props.$size, props.$size);
 }, function (props) {
   return props.$color && (0, _styledComponents.css)(["background-color:", ";"], props.$color);

package/dist/cjs/components/Dot/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledDot","exports","styled","div","withConfig","displayName","componentId","props","$size","css","$color"],"sources":["../../../../src/components/Dot/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface StyledDotProps {\n  $color: string;\n  $size: number;\n}\n\nexport const StyledDot = styled.div<StyledDotProps>`\n  border-radius: 100%;\n\n  ${(props) =>\n    props.$size &&\n    css`\n      width: ${props.$size}px;\n      height: ${props.$size}px;\n    `}\n\n  ${(props) =>\n    props.$color &&\n    css`\n      background-color: ${props.$color};\n    `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOzC,IAAMmB,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAG/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,mCACQF,KAAK,CAACC,KAAK,EACVD,KAAK,CAACC,KAAK,CACtB;AAAA,GAED,UAACD,KAAK;EAAA,OACNA,KAAK,CAACG,MAAM,QACZD,qBAAG,8BACmBF,KAAK,CAACG,MAAM,CACjC;AAAA,EACJ","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledDot","exports","styled","div","withConfig","displayName","componentId","props","$size","css","$color"],"sources":["../../../../src/components/Dot/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface StyledDotProps {\n  $color: string;\n  $size: number;\n}\n\nexport const StyledDot = styled.div<StyledDotProps>`\n  border-radius: 100%;\n  flex: none;\n  aspect-ratio: 1;\n\n  ${(props) =>\n    props.$size &&\n    css`\n      width: ${props.$size}px;\n      height: ${props.$size}px;\n    `}\n\n  ${(props) =>\n    props.$color &&\n    css`\n      background-color: ${props.$color};\n    `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOzC,IAAMmB,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAK/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,mCACQF,KAAK,CAACC,KAAK,EACVD,KAAK,CAACC,KAAK,CACtB;AAAA,GAED,UAACD,KAAK;EAAA,OACNA,KAAK,CAACG,MAAM,QACZD,qBAAG,8BACmBF,KAAK,CAACG,MAAM,CACjC;AAAA,EACJ","ignoreList":[]}

package/dist/cjs/components/Toolbar/Toolbar.styles.js

@@ -9,5 +9,5 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 var StyledToolbar = exports.StyledToolbar = _styledComponents.default.div.withConfig({
   displayName: "Toolbarstyles__StyledToolbar",
   componentId: "sc-n5xxbc-0"
-})(["box-sizing:border-box;background-color:var(--page-paper-main);border-radius:8px;border:1px solid var(--color-theme-300);box-shadow:0px 64px 64px rgba(0,0,0,0.06),0px 32px 32px rgba(0,0,0,0.03),0px 16px 16px rgba(0,0,0,0.02),0px 4px 4px rgba(0,0,0,0.02),0px 2px 2px rgba(0,0,0,0.02);bottom:24px;display:flex;left:50%;padding:12px 16px;position:fixed;transform:translateX(-50%);width:100%;max-width:800px;"]);
+})(["box-sizing:border-box;background-color:var(--page-paper-main);background-image:linear-gradient( var(--color-primary-300),var(--color-primary-300) );border-radius:8px;border:1px solid var(--color-primary);box-shadow:0px 64px 64px rgba(0,0,0,0.06),0px 32px 32px rgba(0,0,0,0.03),0px 16px 16px rgba(0,0,0,0.02),0px 4px 4px rgba(0,0,0,0.02),0px 2px 2px rgba(0,0,0,0.02);bottom:24px;display:flex;left:calc(50% + var(--toolbar-inline-offset,0px));padding:12px 16px;position:fixed;transform:translateX(-50%);width:100%;max-width:800px;"]);
 //# sourceMappingURL=Toolbar.styles.js.map

package/dist/cjs/components/Toolbar/Toolbar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledToolbar","exports","styled","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport type { ToolbarProps } from \"./Toolbar\";\n\nexport const StyledToolbar = styled.div<Partial<ToolbarProps>>`\n  box-sizing: border-box;\n  background-color: var(--page-paper-main);\n  border-radius: 8px;\n  border: 1px solid var(--color-theme-300);\n  box-shadow: 0px 64px 64px rgba(0, 0, 0, 0.06),\n    0px 32px 32px rgba(0, 0, 0, 0.03), 0px 16px 16px rgba(0, 0, 0, 0.02),\n    0px 4px 4px rgba(0, 0, 0, 0.02), 0px 2px 2px rgba(0, 0, 0, 0.02);\n  bottom: 24px;\n  display: flex;\n  left: 50%;\n  padding: 12px 16px;\n  position: fixed;\n  transform: translateX(-50%);\n  width: 100%;\n  max-width: 800px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIhC,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2ZAgBtC","ignoreList":[]}
+{"version":3,"file":"Toolbar.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledToolbar","exports","styled","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport type { ToolbarProps } from \"./Toolbar\";\n\nexport const StyledToolbar = styled.div<Partial<ToolbarProps>>`\n  box-sizing: border-box;\n  background-color: var(--page-paper-main);\n  background-image: linear-gradient(\n    var(--color-primary-300),\n    var(--color-primary-300)\n  );\n  border-radius: 8px;\n  border: 1px solid var(--color-primary);\n  box-shadow: 0px 64px 64px rgba(0, 0, 0, 0.06),\n    0px 32px 32px rgba(0, 0, 0, 0.03), 0px 16px 16px rgba(0, 0, 0, 0.02),\n    0px 4px 4px rgba(0, 0, 0, 0.02), 0px 2px 2px rgba(0, 0, 0, 0.02);\n  bottom: 24px;\n  display: flex;\n  left: calc(50% + var(--toolbar-inline-offset, 0px));\n  padding: 12px 16px;\n  position: fixed;\n  transform: translateX(-50%);\n  width: 100%;\n  max-width: 800px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIhC,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,whBAoBtC","ignoreList":[]}

package/dist/esm/components/Dot/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dot/Styles.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,gFAerB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dot/Styles.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,gFAiBrB,CAAC"}

package/dist/esm/components/Dot/Styles.js

@@ -2,5 +2,5 @@ import styled, { css } from "styled-components";
 export const StyledDot = styled.div.withConfig({
   displayName: "Styles__StyledDot",
   componentId: "sc-1hwsgu3-0"
-})(["border-radius:100%;", " ", ""], props => props.$size && css(["width:", "px;height:", "px;"], props.$size, props.$size), props => props.$color && css(["background-color:", ";"], props.$color));
+})(["border-radius:100%;flex:none;aspect-ratio:1;", " ", ""], props => props.$size && css(["width:", "px;height:", "px;"], props.$size, props.$size), props => props.$color && css(["background-color:", ";"], props.$color));
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Dot/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","StyledDot","div","withConfig","displayName","componentId","props","$size","$color"],"sources":["../../../../src/components/Dot/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface StyledDotProps {\n  $color: string;\n  $size: number;\n}\n\nexport const StyledDot = styled.div<StyledDotProps>`\n  border-radius: 100%;\n\n  ${(props) =>\n    props.$size &&\n    css`\n      width: ${props.$size}px;\n      height: ${props.$size}px;\n    `}\n\n  ${(props) =>\n    props.$color &&\n    css`\n      background-color: ${props.$color};\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAO/C,OAAO,MAAMC,SAAS,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAG9BC,KAAK,IACNA,KAAK,CAACC,KAAK,IACXP,GAAG,kCACQM,KAAK,CAACC,KAAK,EACVD,KAAK,CAACC,KAAK,CACtB,EAEAD,KAAK,IACNA,KAAK,CAACE,MAAM,IACZR,GAAG,6BACmBM,KAAK,CAACE,MAAM,CACjC,CACJ","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","StyledDot","div","withConfig","displayName","componentId","props","$size","$color"],"sources":["../../../../src/components/Dot/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface StyledDotProps {\n  $color: string;\n  $size: number;\n}\n\nexport const StyledDot = styled.div<StyledDotProps>`\n  border-radius: 100%;\n  flex: none;\n  aspect-ratio: 1;\n\n  ${(props) =>\n    props.$size &&\n    css`\n      width: ${props.$size}px;\n      height: ${props.$size}px;\n    `}\n\n  ${(props) =>\n    props.$color &&\n    css`\n      background-color: ${props.$color};\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAO/C,OAAO,MAAMC,SAAS,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAK9BC,KAAK,IACNA,KAAK,CAACC,KAAK,IACXP,GAAG,kCACQM,KAAK,CAACC,KAAK,EACVD,KAAK,CAACC,KAAK,CACtB,EAEAD,KAAK,IACNA,KAAK,CAACE,MAAM,IACZR,GAAG,6BACmBM,KAAK,CAACE,MAAM,CACjC,CACJ","ignoreList":[]}

package/dist/esm/components/Toolbar/Toolbar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,eAAO,MAAM,aAAa,uFAgBzB,CAAC"}
+{"version":3,"file":"Toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,eAAO,MAAM,aAAa,uFAoBzB,CAAC"}

package/dist/esm/components/Toolbar/Toolbar.styles.js

@@ -2,5 +2,5 @@ import styled from "styled-components";
 export const StyledToolbar = styled.div.withConfig({
   displayName: "Toolbarstyles__StyledToolbar",
   componentId: "sc-n5xxbc-0"
-})(["box-sizing:border-box;background-color:var(--page-paper-main);border-radius:8px;border:1px solid var(--color-theme-300);box-shadow:0px 64px 64px rgba(0,0,0,0.06),0px 32px 32px rgba(0,0,0,0.03),0px 16px 16px rgba(0,0,0,0.02),0px 4px 4px rgba(0,0,0,0.02),0px 2px 2px rgba(0,0,0,0.02);bottom:24px;display:flex;left:50%;padding:12px 16px;position:fixed;transform:translateX(-50%);width:100%;max-width:800px;"]);
+})(["box-sizing:border-box;background-color:var(--page-paper-main);background-image:linear-gradient( var(--color-primary-300),var(--color-primary-300) );border-radius:8px;border:1px solid var(--color-primary);box-shadow:0px 64px 64px rgba(0,0,0,0.06),0px 32px 32px rgba(0,0,0,0.03),0px 16px 16px rgba(0,0,0,0.02),0px 4px 4px rgba(0,0,0,0.02),0px 2px 2px rgba(0,0,0,0.02);bottom:24px;display:flex;left:calc(50% + var(--toolbar-inline-offset,0px));padding:12px 16px;position:fixed;transform:translateX(-50%);width:100%;max-width:800px;"]);
 //# sourceMappingURL=Toolbar.styles.js.map

package/dist/esm/components/Toolbar/Toolbar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.styles.js","names":["styled","StyledToolbar","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport type { ToolbarProps } from \"./Toolbar\";\n\nexport const StyledToolbar = styled.div<Partial<ToolbarProps>>`\n  box-sizing: border-box;\n  background-color: var(--page-paper-main);\n  border-radius: 8px;\n  border: 1px solid var(--color-theme-300);\n  box-shadow: 0px 64px 64px rgba(0, 0, 0, 0.06),\n    0px 32px 32px rgba(0, 0, 0, 0.03), 0px 16px 16px rgba(0, 0, 0, 0.02),\n    0px 4px 4px rgba(0, 0, 0, 0.02), 0px 2px 2px rgba(0, 0, 0, 0.02);\n  bottom: 24px;\n  display: flex;\n  left: 50%;\n  padding: 12px 16px;\n  position: fixed;\n  transform: translateX(-50%);\n  width: 100%;\n  max-width: 800px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,aAAa,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2ZAgBtC","ignoreList":[]}
+{"version":3,"file":"Toolbar.styles.js","names":["styled","StyledToolbar","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport type { ToolbarProps } from \"./Toolbar\";\n\nexport const StyledToolbar = styled.div<Partial<ToolbarProps>>`\n  box-sizing: border-box;\n  background-color: var(--page-paper-main);\n  background-image: linear-gradient(\n    var(--color-primary-300),\n    var(--color-primary-300)\n  );\n  border-radius: 8px;\n  border: 1px solid var(--color-primary);\n  box-shadow: 0px 64px 64px rgba(0, 0, 0, 0.06),\n    0px 32px 32px rgba(0, 0, 0, 0.03), 0px 16px 16px rgba(0, 0, 0, 0.02),\n    0px 4px 4px rgba(0, 0, 0, 0.02), 0px 2px 2px rgba(0, 0, 0, 0.02);\n  bottom: 24px;\n  display: flex;\n  left: calc(50% + var(--toolbar-inline-offset, 0px));\n  padding: 12px 16px;\n  position: fixed;\n  transform: translateX(-50%);\n  width: 100%;\n  max-width: 800px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,aAAa,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,whBAoBtC","ignoreList":[]}

package/dist/index.js

@@ -18902,7 +18902,7 @@
   var StyledDot = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDot",
     componentId: "sc-1hwsgu3-0"
-  })(["border-radius:100%;", " ", ""], function (props) {
+  })(["border-radius:100%;flex:none;aspect-ratio:1;", " ", ""], function (props) {
     return props.$size && styled.css(["width:", "px;height:", "px;"], props.$size, props.$size);
   }, function (props) {
     return props.$color && styled.css(["background-color:", ";"], props.$color);
@@ -27768,7 +27768,7 @@
   var StyledToolbar = styled__default["default"].div.withConfig({
     displayName: "Toolbarstyles__StyledToolbar",
     componentId: "sc-n5xxbc-0"
-  })(["box-sizing:border-box;background-color:var(--page-paper-main);border-radius:8px;border:1px solid var(--color-theme-300);box-shadow:0px 64px 64px rgba(0,0,0,0.06),0px 32px 32px rgba(0,0,0,0.03),0px 16px 16px rgba(0,0,0,0.02),0px 4px 4px rgba(0,0,0,0.02),0px 2px 2px rgba(0,0,0,0.02);bottom:24px;display:flex;left:50%;padding:12px 16px;position:fixed;transform:translateX(-50%);width:100%;max-width:800px;"]);
+  })(["box-sizing:border-box;background-color:var(--page-paper-main);background-image:linear-gradient( var(--color-primary-300),var(--color-primary-300) );border-radius:8px;border:1px solid var(--color-primary);box-shadow:0px 64px 64px rgba(0,0,0,0.06),0px 32px 32px rgba(0,0,0,0.03),0px 16px 16px rgba(0,0,0,0.02),0px 4px 4px rgba(0,0,0,0.02),0px 2px 2px rgba(0,0,0,0.02);bottom:24px;display:flex;left:calc(50% + var(--toolbar-inline-offset,0px));padding:12px 16px;position:fixed;transform:translateX(-50%);width:100%;max-width:800px;"]);
 
   function Toolbar(_ref) {
     var _ref$open = _ref.open,