@activecollab/components 2.0.376 → 2.0.378

package/dist/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_layers","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_colors","_validation","_useForkRef","_interopRequireDefault","_useResizeObserver","_timeUtils","_currencyUtils","e","__esModule","default"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./colors\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { formatHours } from \"./timeUtils\";\nexport {\n  formatNumber,\n  formatCurrency,\n  numberWithSeparator,\n  getNumberFromString,\n} from \"./currencyUtils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,OAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,OAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,OAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,WAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,WAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,WAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,WAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,WAAA,GAAAC,sBAAA,CAAAhB,OAAA;AACA,IAAAiB,kBAAA,GAAAD,sBAAA,CAAAhB,OAAA;AACA,IAAAkB,UAAA,GAAAlB,OAAA;AACA,IAAAmB,cAAA,GAAAnB,OAAA;AAKyB,SAAAgB,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_layers","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_colors","_themes","_validation","_useForkRef","_interopRequireDefault","_useResizeObserver","_timeUtils","_currencyUtils","e","__esModule","default"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./colors\";\nexport * from \"./themes\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { formatHours } from \"./timeUtils\";\nexport {\n  formatNumber,\n  formatCurrency,\n  numberWithSeparator,\n  getNumberFromString,\n} from \"./currencyUtils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,OAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,OAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,OAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,OAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,OAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,OAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,OAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,WAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,WAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,WAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,WAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,WAAA,GAAAC,sBAAA,CAAAjB,OAAA;AACA,IAAAkB,kBAAA,GAAAD,sBAAA,CAAAjB,OAAA;AACA,IAAAmB,UAAA,GAAAnB,OAAA;AACA,IAAAoB,cAAA,GAAApB,OAAA;AAKyB,SAAAiB,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/dist/cjs/utils/themes.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDarkTheme = exports.THEME_NAMES = exports.THEMES = exports.DARK_THEME_SELECTOR = exports.DARK_THEME_NAMES = exports.DARK_THEME_MATCH = void 0;
+// Single source of truth for theme identity. The theme name is the only class put on <html>;
+// styling that targets "any dark theme" uses DARK_THEME_SELECTOR, which is derived from this list
+// so a new theme never needs the selector updating by hand.
+
+var THEMES = exports.THEMES = [{
+  name: "indigo",
+  title: "Indigo",
+  dark: false
+}, {
+  name: "cupcake",
+  title: "Cupcake",
+  dark: false
+}, {
+  name: "classic",
+  title: "Classic",
+  dark: false
+}, {
+  name: "neon",
+  title: "Neon",
+  dark: true
+}, {
+  name: "dracula",
+  title: "Dracula",
+  dark: true
+}, {
+  name: "one-dark",
+  title: "One Dark",
+  dark: true
+}];
+var THEME_NAMES = exports.THEME_NAMES = THEMES.map(function (theme) {
+  return theme.name;
+});
+var DARK_THEME_NAMES = exports.DARK_THEME_NAMES = THEMES.filter(function (theme) {
+  return theme.dark;
+}).map(function (theme) {
+  return theme.name;
+});
+var isDarkTheme = exports.isDarkTheme = function isDarkTheme(name) {
+  return Boolean(name) && DARK_THEME_NAMES.includes(name);
+};
+
+// :is() and not :where() — :where() is zero-specificity and would silently lose to the light
+// declarations it is meant to override.
+
+// Compound onto an element that carries the theme class itself: `html${DARK_THEME_MATCH}`.
+var DARK_THEME_MATCH = exports.DARK_THEME_MATCH = ":is(".concat(DARK_THEME_NAMES.map(function (name) {
+  return ".".concat(name);
+}).join(", "), ")");
+
+// Stand-alone ancestor selector: `${DARK_THEME_SELECTOR} &`. The leading `*` adds no specificity
+// but stops stylis from reading a leading `:` as "attach to the parent" and gluing it onto `&`.
+var DARK_THEME_SELECTOR = exports.DARK_THEME_SELECTOR = "*".concat(DARK_THEME_MATCH);
+//# sourceMappingURL=themes.js.map

package/dist/cjs/utils/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","names":["THEMES","exports","name","title","dark","THEME_NAMES","map","theme","DARK_THEME_NAMES","filter","isDarkTheme","Boolean","includes","DARK_THEME_MATCH","concat","join","DARK_THEME_SELECTOR"],"sources":["../../../src/utils/themes.ts"],"sourcesContent":["// Single source of truth for theme identity. The theme name is the only class put on <html>;\n// styling that targets \"any dark theme\" uses DARK_THEME_SELECTOR, which is derived from this list\n// so a new theme never needs the selector updating by hand.\nexport interface ThemeDescriptor {\n  name: string;\n  title: string;\n  dark: boolean;\n}\n\nexport const THEMES: ThemeDescriptor[] = [\n  { name: \"indigo\", title: \"Indigo\", dark: false },\n  { name: \"cupcake\", title: \"Cupcake\", dark: false },\n  { name: \"classic\", title: \"Classic\", dark: false },\n  { name: \"neon\", title: \"Neon\", dark: true },\n  { name: \"dracula\", title: \"Dracula\", dark: true },\n  { name: \"one-dark\", title: \"One Dark\", dark: true },\n];\n\nexport const THEME_NAMES = THEMES.map((theme) => theme.name);\n\nexport const DARK_THEME_NAMES = THEMES.filter((theme) => theme.dark).map(\n  (theme) => theme.name\n);\n\nexport const isDarkTheme = (name?: string | null): boolean =>\n  Boolean(name) && DARK_THEME_NAMES.includes(name as string);\n\n// :is() and not :where() — :where() is zero-specificity and would silently lose to the light\n// declarations it is meant to override.\n\n// Compound onto an element that carries the theme class itself: `html${DARK_THEME_MATCH}`.\nexport const DARK_THEME_MATCH = `:is(${DARK_THEME_NAMES.map(\n  (name) => `.${name}`\n).join(\", \")})`;\n\n// Stand-alone ancestor selector: `${DARK_THEME_SELECTOR} &`. The leading `*` adds no specificity\n// but stops stylis from reading a leading `:` as \"attach to the parent\" and gluing it onto `&`.\nexport const DARK_THEME_SELECTOR = `*${DARK_THEME_MATCH}`;\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAOO,IAAMA,MAAyB,GAAAC,OAAA,CAAAD,MAAA,GAAG,CACvC;EAAEE,IAAI,EAAE,QAAQ;EAAEC,KAAK,EAAE,QAAQ;EAAEC,IAAI,EAAE;AAAM,CAAC,EAChD;EAAEF,IAAI,EAAE,SAAS;EAAEC,KAAK,EAAE,SAAS;EAAEC,IAAI,EAAE;AAAM,CAAC,EAClD;EAAEF,IAAI,EAAE,SAAS;EAAEC,KAAK,EAAE,SAAS;EAAEC,IAAI,EAAE;AAAM,CAAC,EAClD;EAAEF,IAAI,EAAE,MAAM;EAAEC,KAAK,EAAE,MAAM;EAAEC,IAAI,EAAE;AAAK,CAAC,EAC3C;EAAEF,IAAI,EAAE,SAAS;EAAEC,KAAK,EAAE,SAAS;EAAEC,IAAI,EAAE;AAAK,CAAC,EACjD;EAAEF,IAAI,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,IAAI,EAAE;AAAK,CAAC,CACpD;AAEM,IAAMC,WAAW,GAAAJ,OAAA,CAAAI,WAAA,GAAGL,MAAM,CAACM,GAAG,CAAC,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACL,IAAI;AAAA,EAAC;AAErD,IAAMM,gBAAgB,GAAAP,OAAA,CAAAO,gBAAA,GAAGR,MAAM,CAACS,MAAM,CAAC,UAACF,KAAK;EAAA,OAAKA,KAAK,CAACH,IAAI;AAAA,EAAC,CAACE,GAAG,CACtE,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACL,IAAI;AAAA,CACvB,CAAC;AAEM,IAAMQ,WAAW,GAAAT,OAAA,CAAAS,WAAA,GAAG,SAAdA,WAAWA,CAAIR,IAAoB;EAAA,OAC9CS,OAAO,CAACT,IAAI,CAAC,IAAIM,gBAAgB,CAACI,QAAQ,CAACV,IAAc,CAAC;AAAA;;AAE5D;AACA;;AAEA;AACO,IAAMW,gBAAgB,GAAAZ,OAAA,CAAAY,gBAAA,UAAAC,MAAA,CAAUN,gBAAgB,CAACF,GAAG,CACzD,UAACJ,IAAI;EAAA,WAAAY,MAAA,CAASZ,IAAI;AAAA,CACpB,CAAC,CAACa,IAAI,CAAC,IAAI,CAAC,MAAG;;AAEf;AACA;AACO,IAAMC,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,OAAAF,MAAA,CAAOD,gBAAgB,CAAE","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB,yLAkB/B,CAAC;AAIF,eAAO,MAAM,8BAA8B,oEAqO1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,oEAInC,CAAC;AAIF,eAAO,MAAM,gBAAgB,oEAO5B,CAAC;AAIF,eAAO,MAAM,aAAa,oEAYzB,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAM/B,CAAC;AAIF,eAAO,MAAM,kBAAkB,oEAmB9B,CAAC;AAIF,eAAO,MAAM,aAAa,qEAkBzB,CAAC;AAIF,eAAO,MAAM,sBAAsB,oEAOlC,CAAC;AAIF,eAAO,MAAM,gBAAgB,oEAQ5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,oEAsB5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAqB7B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAO7B,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAG/B,CAAC;AAIF,eAAO,MAAM,cAAc,oEAM1B,CAAC;AAIF,eAAO,MAAM,kBAAkB,oEAG9B,CAAC;AAIF,eAAO,MAAM,wBAAwB;;sEAEpC,CAAC;AAIF,eAAO,MAAM,oBAAoB,oEAShC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB,yLAkB/B,CAAC;AAIF,eAAO,MAAM,8BAA8B,oEAqO1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,oEAInC,CAAC;AAIF,eAAO,MAAM,gBAAgB,oEAO5B,CAAC;AAIF,eAAO,MAAM,aAAa,oEAYzB,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAM/B,CAAC;AAIF,eAAO,MAAM,kBAAkB,oEAmB9B,CAAC;AAIF,eAAO,MAAM,aAAa,qEAkBzB,CAAC;AAIF,eAAO,MAAM,sBAAsB,oEAOlC,CAAC;AAIF,eAAO,MAAM,gBAAgB,oEAQ5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,oEAsB5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAqB7B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAO7B,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAG/B,CAAC;AAIF,eAAO,MAAM,cAAc,oEAM1B,CAAC;AAIF,eAAO,MAAM,kBAAkB,oEAG9B,CAAC;AAIF,eAAO,MAAM,wBAAwB;;sEAEpC,CAAC;AAIF,eAAO,MAAM,oBAAoB,oEAShC,CAAC"}

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

@@ -1,4 +1,5 @@
 import styled from "styled-components";
+import { DARK_THEME_SELECTOR } from "../../utils/themes";
 import { Button } from "../Button";
 import { ConfirmDialog } from "../ConfirmDialog";
 export const StyledConfirmDialog = styled(ConfirmDialog).withConfig({
@@ -9,7 +10,7 @@ StyledConfirmDialog.displayName = "StyledConfirmDialog";
 export const StyledDatePickerContainerInner = styled.div.withConfig({
   displayName: "Styles__StyledDatePickerContainerInner",
   componentId: "sc-18towna-1"
-})(["& > *{font-family:-apple-system,BlinkMacSystemFont,\"Inter\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&{@keyframes slide-up{from{transform:translateY(0);opacity:1;}to{transform:translateY(-20px);opacity:0;}}@keyframes slide-down{from{transform:translateY(0);opacity:1;}to{transform:translateY(20px);opacity:0;}}.slide-up{animation:slide-up 0.3s ease-in-out;}.slide-down{animation:slide-down 0.3s ease-in-out;}.today-day{position:relative;&::after{position:absolute;content:\"\";bottom:2px;height:3px;width:3px;border-radius:3px;margin:0 auto;left:0;right:0;background:var(--color-primary);}}.today-day,.today-month,.today-year{color:var(--color-primary);background-color:none;}.selected{background-color:var(--color-primary) !important;color:var(--color-theme-100) !important;}.disabled{pointer-events:none;color:var(--color-theme-500);}.hovered{background-color:var(--color-primary-300);}}.userAvailability,.nonWorkingDaysOfWeek{color:var(--red-alert);&.hovered:hover:not(.selected){background-color:rgba(237,97,97,0.1);color:var(--red-alert);}&.today-day{color:var(--red-alert);&:after{background-color:var(--red-alert);}&.hovered:hover:not(.selected):after{background-color:var(--red-alert);}}}.selected{background-color:var(--color-primary);color:var(--color-theme-100);&.today-day{color:var(--color-theme-100);&:after{background-color:var(--color-theme-100);}}&.userAvailability,&.nonWorkingDaysOfWeek{background-color:var(--red-alert) !important;color:var(--color-theme-100) !important;}}.nonWorkingDay{color:var(--color-theme-500);&.hovered:hover:not(.selected){color:var(--color-theme-500);}&.today-day{color:var(--color-primary-500);&:after{background-color:var(--color-primary-500);}&.hovered:hover:not(.selected){color:var(--color-theme-500);&:after{background-color:var(--color-theme-500);}}}&.userAvailability,&.nonWorkingDaysOfWeek{&.hovered:hover:not(.selected){color:var(--color-theme-500);background-color:var(--color-primary-300);&.today-day:after{background-color:var(--color-theme-500);}}}&.selected{color:rgba(255,255,255,0.6);background-color:var(--color-primary);.neon &{color:rgba(0,0,0,0.4);}&.today-day{color:rgba(255,255,255,0.6);.neon &{color:rgba(0,0,0,0.4);}&:after{background-color:rgba(255,255,255,0.6);.neon &{background-color:rgba(0,0,0,0.4);}}}}}.disabled{cursor:default;color:var(--color-theme-500);&.hovered:hover{color:var(--color-theme-500);}}.outside{cursor:default;opacity:0.25;color:var(--color-theme-900);&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected){background:var(--color-primary-300);}&.userAvailability:not(.selected),&.nonWorkingDaysOfWeek:not(.selected),&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected),&.nonWorkingDay.hovered:hover:not(.selected),&.nonWorkingDay:not(.selected),&.today-day.hovered:hover:not(.selected),&.today-day:not(.selected){color:var(--color-theme-900);}&.userAvailability.today-day:not(.selected):after,&.nonWorkingDaysOfWeek.today-day:not(.selected):after,&.userAvailability.today-day.hovered:hover:not(.selected):after,&.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,&.nonWorkingDay.today-day:not(.selected):after,&.nonWorkingDay.today-day.hovered:hover:not(.selected):after,&.today-day.hovered:hover:not(.selected):after,&.today-day:not(.selected):after{background-color:var(--color-theme-900);}&.hovered:hover:not(.selected){background:var(--color-primary-400);}&.selected{color:var(--page-paper-main);background:var(--color-primary);.neon &{color:var(--page-paper-main);}&.today-day{&:after{background:var(--page-paper-main);.neon &{background:var(--page-paper-main);}}&.nonWorkingDay{color:var(--page-paper-main);.neon &{color:var(--page-paper-main);}}}}}"]);
+})(["& > *{font-family:-apple-system,BlinkMacSystemFont,\"Inter\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&{@keyframes slide-up{from{transform:translateY(0);opacity:1;}to{transform:translateY(-20px);opacity:0;}}@keyframes slide-down{from{transform:translateY(0);opacity:1;}to{transform:translateY(20px);opacity:0;}}.slide-up{animation:slide-up 0.3s ease-in-out;}.slide-down{animation:slide-down 0.3s ease-in-out;}.today-day{position:relative;&::after{position:absolute;content:\"\";bottom:2px;height:3px;width:3px;border-radius:3px;margin:0 auto;left:0;right:0;background:var(--color-primary);}}.today-day,.today-month,.today-year{color:var(--color-primary);background-color:none;}.selected{background-color:var(--color-primary) !important;color:var(--color-theme-100) !important;}.disabled{pointer-events:none;color:var(--color-theme-500);}.hovered{background-color:var(--color-primary-300);}}.userAvailability,.nonWorkingDaysOfWeek{color:var(--red-alert);&.hovered:hover:not(.selected){background-color:rgba(237,97,97,0.1);color:var(--red-alert);}&.today-day{color:var(--red-alert);&:after{background-color:var(--red-alert);}&.hovered:hover:not(.selected):after{background-color:var(--red-alert);}}}.selected{background-color:var(--color-primary);color:var(--color-theme-100);&.today-day{color:var(--color-theme-100);&:after{background-color:var(--color-theme-100);}}&.userAvailability,&.nonWorkingDaysOfWeek{background-color:var(--red-alert) !important;color:var(--color-theme-100) !important;}}.nonWorkingDay{color:var(--color-theme-500);&.hovered:hover:not(.selected){color:var(--color-theme-500);}&.today-day{color:var(--color-primary-500);&:after{background-color:var(--color-primary-500);}&.hovered:hover:not(.selected){color:var(--color-theme-500);&:after{background-color:var(--color-theme-500);}}}&.userAvailability,&.nonWorkingDaysOfWeek{&.hovered:hover:not(.selected){color:var(--color-theme-500);background-color:var(--color-primary-300);&.today-day:after{background-color:var(--color-theme-500);}}}&.selected{color:rgba(255,255,255,0.6);background-color:var(--color-primary);", " &{color:rgba(0,0,0,0.4);}&.today-day{color:rgba(255,255,255,0.6);", " &{color:rgba(0,0,0,0.4);}&:after{background-color:rgba(255,255,255,0.6);", " &{background-color:rgba(0,0,0,0.4);}}}}}.disabled{cursor:default;color:var(--color-theme-500);&.hovered:hover{color:var(--color-theme-500);}}.outside{cursor:default;opacity:0.25;color:var(--color-theme-900);&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected){background:var(--color-primary-300);}&.userAvailability:not(.selected),&.nonWorkingDaysOfWeek:not(.selected),&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected),&.nonWorkingDay.hovered:hover:not(.selected),&.nonWorkingDay:not(.selected),&.today-day.hovered:hover:not(.selected),&.today-day:not(.selected){color:var(--color-theme-900);}&.userAvailability.today-day:not(.selected):after,&.nonWorkingDaysOfWeek.today-day:not(.selected):after,&.userAvailability.today-day.hovered:hover:not(.selected):after,&.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,&.nonWorkingDay.today-day:not(.selected):after,&.nonWorkingDay.today-day.hovered:hover:not(.selected):after,&.today-day.hovered:hover:not(.selected):after,&.today-day:not(.selected):after{background-color:var(--color-theme-900);}&.hovered:hover:not(.selected){background:var(--color-primary-400);}&.selected{color:var(--page-paper-main);background:var(--color-primary);", " &{color:var(--page-paper-main);}&.today-day{&:after{background:var(--page-paper-main);", " &{background:var(--page-paper-main);}}&.nonWorkingDay{color:var(--page-paper-main);", " &{color:var(--page-paper-main);}}}}}"], DARK_THEME_SELECTOR, DARK_THEME_SELECTOR, DARK_THEME_SELECTOR, DARK_THEME_SELECTOR, DARK_THEME_SELECTOR, DARK_THEME_SELECTOR);
 export const StyledDatePickerWrapper = styled.div.withConfig({
   displayName: "Styles__StyledDatePickerWrapper",
   componentId: "sc-18towna-2"

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","Button","ConfirmDialog","StyledConfirmDialog","withConfig","displayName","componentId","StyledDatePickerContainerInner","div","StyledDatePickerWrapper","StyledDaysOfWeek","StyledDayName","StyledCalendarDates","StyledCalendarDate","StyledCaption","span","StyledCalendarSelector","StyledYearSelect","StyledYearOption","StyledMonthOption","StyledMonthSelect","StyledMonthSelector","StyledControls","StyledControlsLeft","StyledClearInstantButton","StyledCalendarHeader"],"sources":["../../../../src/components/DatePicker/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../Button\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n  .modal-header {\n    padding: 16px 30px;\n    h1 {\n      margin: 0;\n      font-size: 16px;\n    }\n  }\n  .modal-body {\n    padding: 10px 30px;\n  }\n  .modal-divider {\n    border-top: 1px solid var(--border-primary);\n    height: 1px;\n  }\n  .modal-footer {\n    padding: 16px 30px;\n  }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledDatePickerContainerInner = styled.div`\n  & > * {\n    font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Roboto\",\n      \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  & {\n    @keyframes slide-up {\n      from {\n        transform: translateY(0);\n        opacity: 1;\n      }\n      to {\n        transform: translateY(-20px);\n        opacity: 0;\n      }\n    }\n\n    @keyframes slide-down {\n      from {\n        transform: translateY(0);\n        opacity: 1;\n      }\n      to {\n        transform: translateY(20px);\n        opacity: 0;\n      }\n    }\n    .slide-up {\n      animation: slide-up 0.3s ease-in-out;\n    }\n\n    .slide-down {\n      animation: slide-down 0.3s ease-in-out;\n    }\n\n    .today-day {\n      position: relative;\n\n      &::after {\n        position: absolute;\n        content: \"\";\n        bottom: 2px;\n        height: 3px;\n        width: 3px;\n        border-radius: 3px;\n        margin: 0 auto;\n        left: 0;\n        right: 0;\n        background: var(--color-primary);\n      }\n    }\n\n    .today-day,\n    .today-month,\n    .today-year {\n      color: var(--color-primary);\n      background-color: none;\n    }\n\n    .selected {\n      background-color: var(--color-primary) !important;\n      color: var(--color-theme-100) !important;\n    }\n\n    .disabled {\n      pointer-events: none;\n      color: var(--color-theme-500);\n    }\n\n    .hovered {\n      background-color: var(--color-primary-300);\n    }\n  }\n\n  /* User Availability and Non-Working Days */\n  .userAvailability,\n  .nonWorkingDaysOfWeek {\n    color: var(--red-alert);\n    &.hovered:hover:not(.selected) {\n      background-color: rgba(237, 97, 97, 0.1);\n      color: var(--red-alert);\n    }\n    &.today-day {\n      color: var(--red-alert);\n      &:after {\n        background-color: var(--red-alert);\n      }\n      &.hovered:hover:not(.selected):after {\n        background-color: var(--red-alert);\n      }\n    }\n  }\n\n  /* Selected Day */\n  .selected {\n    background-color: var(--color-primary);\n    color: var(--color-theme-100);\n    &.today-day {\n      color: var(--color-theme-100);\n      &:after {\n        background-color: var(--color-theme-100);\n      }\n    }\n    &.userAvailability,\n    &.nonWorkingDaysOfWeek {\n      background-color: var(--red-alert) !important;\n      color: var(--color-theme-100) !important;\n    }\n  }\n\n  /* Non-Working Day */\n  .nonWorkingDay {\n    color: var(--color-theme-500);\n    &.hovered:hover:not(.selected) {\n      color: var(--color-theme-500);\n    }\n    &.today-day {\n      color: var(--color-primary-500);\n      &:after {\n        background-color: var(--color-primary-500);\n      }\n      &.hovered:hover:not(.selected) {\n        color: var(--color-theme-500);\n        &:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.userAvailability,\n    &.nonWorkingDaysOfWeek {\n      &.hovered:hover:not(.selected) {\n        color: var(--color-theme-500);\n        background-color: var(--color-primary-300);\n        &.today-day:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.selected {\n      color: rgba(255, 255, 255, 0.6);\n      background-color: var(--color-primary);\n      .neon & {\n        color: rgba(0, 0, 0, 0.4);\n      }\n      &.today-day {\n        color: rgba(255, 255, 255, 0.6);\n        .neon & {\n          color: rgba(0, 0, 0, 0.4);\n        }\n        &:after {\n          background-color: rgba(255, 255, 255, 0.6);\n          .neon & {\n            background-color: rgba(0, 0, 0, 0.4);\n          }\n        }\n      }\n    }\n  }\n\n  /* Disabled Day */\n  .disabled {\n    cursor: default;\n    color: var(--color-theme-500);\n    &.hovered:hover {\n      color: var(--color-theme-500);\n    }\n  }\n\n  /* Outside Days */\n  .outside {\n    cursor: default;\n    opacity: 0.25;\n    color: var(--color-theme-900);\n\n    &.userAvailability.hovered:hover:not(.selected),\n    &.nonWorkingDaysOfWeek.hovered:hover:not(.selected) {\n      background: var(--color-primary-300);\n    }\n    &.userAvailability:not(.selected),\n    &.nonWorkingDaysOfWeek:not(.selected),\n    &.userAvailability.hovered:hover:not(.selected),\n    &.nonWorkingDaysOfWeek.hovered:hover:not(.selected),\n    &.nonWorkingDay.hovered:hover:not(.selected),\n    &.nonWorkingDay:not(.selected),\n    &.today-day.hovered:hover:not(.selected),\n    &.today-day:not(.selected) {\n      color: var(--color-theme-900);\n    }\n\n    &.userAvailability.today-day:not(.selected):after,\n    &.nonWorkingDaysOfWeek.today-day:not(.selected):after,\n    &.userAvailability.today-day.hovered:hover:not(.selected):after,\n    &.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,\n    &.nonWorkingDay.today-day:not(.selected):after,\n    &.nonWorkingDay.today-day.hovered:hover:not(.selected):after,\n    &.today-day.hovered:hover:not(.selected):after,\n    &.today-day:not(.selected):after {\n      background-color: var(--color-theme-900);\n    }\n\n    &.hovered:hover:not(.selected) {\n      background: var(--color-primary-400);\n    }\n\n    &.selected {\n      color: var(--page-paper-main);\n      background: var(--color-primary);\n      .neon & {\n        color: var(--page-paper-main);\n      }\n      &.today-day {\n        &:after {\n          background: var(--page-paper-main);\n          .neon & {\n            background: var(--page-paper-main);\n          }\n        }\n        &.nonWorkingDay {\n          color: var(--page-paper-main);\n          .neon & {\n            color: var(--page-paper-main);\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const StyledDatePickerWrapper = styled.div`\n  position: relative;\n  display: inline-block;\n  width: 100%;\n`;\n\nStyledDatePickerWrapper.displayName = \"StyledDatePickerWrapper\";\n\nexport const StyledDaysOfWeek = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  font-weight: bold;\n  margin-bottom: 0;\n  width: 100%;\n`;\n\nStyledDaysOfWeek.displayName = \"StyledDaysOfWeek\";\n\nexport const StyledDayName = styled.div`\n  width: 27px;\n  height: 27px;\n  display: grid;\n  place-items: center;\n  font-size: 11px;\n  font-weight: 400;\n  color: var(--color-theme-600);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n`;\n\nStyledDayName.displayName = \"StyledDayName\";\n\nexport const StyledCalendarDates = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  row-gap: 4px;\n  width: 100%;\n`;\n\nStyledCalendarDates.displayName = \"StyledCalendarDates\";\n\nexport const StyledCalendarDate = styled.div`\n  cursor: pointer;\n  border-radius: 50%;\n  transition: background 0.3s;\n  width: 27px;\n  height: 27px;\n  display: grid;\n  place-items: center;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledCalendarDate.displayName = \"StyledCalendarDate\";\n\nexport const StyledCaption = styled.span`\n  font-size: 18.5px;\n  font-weight: 500;\n  padding: 0 16px;\n  border-radius: 15px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &.year-caption {\n    margin: auto !important;\n  }\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledCaption.displayName = \"StyledCaption\";\n\nexport const StyledCalendarSelector = styled.div`\n  height: 230px;\n  display: grid;\n  place-items: center;\n  width: 100%;\n  max-width: 212px;\n  margin: auto;\n`;\n\nStyledCalendarSelector.displayName = \"StyledCalendarSelector\";\n\nexport const StyledYearSelect = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n  padding: 8px 20px;\n  max-height: 210px;\n  overflow-y: auto;\n  width: 100%;\n`;\n\nStyledYearSelect.displayName = \"StyledYearSelect\";\n\nexport const StyledYearOption = styled.div`\n  cursor: pointer;\n  text-align: center;\n  border-radius: 16px;\n  transition: background 0.2s;\n  font-size: 14px;\n  margin: auto;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 18px;\n  width: 50px;\n  margin-bottom: 16px;\n  height: 20px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledYearOption.displayName = \"StyledYearOption\";\n\nexport const StyledMonthOption = styled.div`\n  text-align: center;\n  cursor: pointer;\n  border-radius: 16px;\n  transition: background 0.2s;\n  margin: 13.5px auto;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 18px;\n  width: 50px;\n  margin-bottom: 16px;\n  height: 20px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledMonthOption.displayName = \"StyledMonthOption\";\n\nexport const StyledMonthSelect = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n  width: 100%;\n  height: 220px;\n  margin: auto;\n`;\n\nStyledMonthSelect.displayName = \"StyledMonthSelect\";\n\nexport const StyledMonthSelector = styled.div`\n  width: 100%;\n  padding: 8px 20px;\n`;\n\nStyledMonthSelector.displayName = \"StyledMonthSelector\";\n\nexport const StyledControls = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid var(--border-primary);\n  margin: 8px 0 0;\n  padding: 8px 24px 0px;\n`;\n\nStyledControls.displayName = \"StyledControls\";\n\nexport const StyledControlsLeft = styled.div`\n  display: flex;\n  gap: 8px;\n`;\n\nStyledControlsLeft.displayName = \"StyledControlsLeft\";\n\nexport const StyledClearInstantButton = styled(Button)`\n  margin: auto !important;\n`;\n\nStyledClearInstantButton.displayName = \"StyledClearInstantButton\";\n\nexport const StyledCalendarHeader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: bold;\n  margin: auto;\n  margin-bottom: 4px;\n  cursor: pointer;\n  width: 230px;\n`;\n\nStyledCalendarHeader.displayName = \"StyledCalendarHeader\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","DARK_THEME_SELECTOR","Button","ConfirmDialog","StyledConfirmDialog","withConfig","displayName","componentId","StyledDatePickerContainerInner","div","StyledDatePickerWrapper","StyledDaysOfWeek","StyledDayName","StyledCalendarDates","StyledCalendarDate","StyledCaption","span","StyledCalendarSelector","StyledYearSelect","StyledYearOption","StyledMonthOption","StyledMonthSelect","StyledMonthSelector","StyledControls","StyledControlsLeft","StyledClearInstantButton","StyledCalendarHeader"],"sources":["../../../../src/components/DatePicker/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { DARK_THEME_SELECTOR } from \"../../utils/themes\";\nimport { Button } from \"../Button\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n  .modal-header {\n    padding: 16px 30px;\n    h1 {\n      margin: 0;\n      font-size: 16px;\n    }\n  }\n  .modal-body {\n    padding: 10px 30px;\n  }\n  .modal-divider {\n    border-top: 1px solid var(--border-primary);\n    height: 1px;\n  }\n  .modal-footer {\n    padding: 16px 30px;\n  }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledDatePickerContainerInner = styled.div`\n  & > * {\n    font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Roboto\",\n      \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  & {\n    @keyframes slide-up {\n      from {\n        transform: translateY(0);\n        opacity: 1;\n      }\n      to {\n        transform: translateY(-20px);\n        opacity: 0;\n      }\n    }\n\n    @keyframes slide-down {\n      from {\n        transform: translateY(0);\n        opacity: 1;\n      }\n      to {\n        transform: translateY(20px);\n        opacity: 0;\n      }\n    }\n    .slide-up {\n      animation: slide-up 0.3s ease-in-out;\n    }\n\n    .slide-down {\n      animation: slide-down 0.3s ease-in-out;\n    }\n\n    .today-day {\n      position: relative;\n\n      &::after {\n        position: absolute;\n        content: \"\";\n        bottom: 2px;\n        height: 3px;\n        width: 3px;\n        border-radius: 3px;\n        margin: 0 auto;\n        left: 0;\n        right: 0;\n        background: var(--color-primary);\n      }\n    }\n\n    .today-day,\n    .today-month,\n    .today-year {\n      color: var(--color-primary);\n      background-color: none;\n    }\n\n    .selected {\n      background-color: var(--color-primary) !important;\n      color: var(--color-theme-100) !important;\n    }\n\n    .disabled {\n      pointer-events: none;\n      color: var(--color-theme-500);\n    }\n\n    .hovered {\n      background-color: var(--color-primary-300);\n    }\n  }\n\n  /* User Availability and Non-Working Days */\n  .userAvailability,\n  .nonWorkingDaysOfWeek {\n    color: var(--red-alert);\n    &.hovered:hover:not(.selected) {\n      background-color: rgba(237, 97, 97, 0.1);\n      color: var(--red-alert);\n    }\n    &.today-day {\n      color: var(--red-alert);\n      &:after {\n        background-color: var(--red-alert);\n      }\n      &.hovered:hover:not(.selected):after {\n        background-color: var(--red-alert);\n      }\n    }\n  }\n\n  /* Selected Day */\n  .selected {\n    background-color: var(--color-primary);\n    color: var(--color-theme-100);\n    &.today-day {\n      color: var(--color-theme-100);\n      &:after {\n        background-color: var(--color-theme-100);\n      }\n    }\n    &.userAvailability,\n    &.nonWorkingDaysOfWeek {\n      background-color: var(--red-alert) !important;\n      color: var(--color-theme-100) !important;\n    }\n  }\n\n  /* Non-Working Day */\n  .nonWorkingDay {\n    color: var(--color-theme-500);\n    &.hovered:hover:not(.selected) {\n      color: var(--color-theme-500);\n    }\n    &.today-day {\n      color: var(--color-primary-500);\n      &:after {\n        background-color: var(--color-primary-500);\n      }\n      &.hovered:hover:not(.selected) {\n        color: var(--color-theme-500);\n        &:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.userAvailability,\n    &.nonWorkingDaysOfWeek {\n      &.hovered:hover:not(.selected) {\n        color: var(--color-theme-500);\n        background-color: var(--color-primary-300);\n        &.today-day:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.selected {\n      color: rgba(255, 255, 255, 0.6);\n      background-color: var(--color-primary);\n      ${DARK_THEME_SELECTOR} & {\n        color: rgba(0, 0, 0, 0.4);\n      }\n      &.today-day {\n        color: rgba(255, 255, 255, 0.6);\n        ${DARK_THEME_SELECTOR} & {\n          color: rgba(0, 0, 0, 0.4);\n        }\n        &:after {\n          background-color: rgba(255, 255, 255, 0.6);\n          ${DARK_THEME_SELECTOR} & {\n            background-color: rgba(0, 0, 0, 0.4);\n          }\n        }\n      }\n    }\n  }\n\n  /* Disabled Day */\n  .disabled {\n    cursor: default;\n    color: var(--color-theme-500);\n    &.hovered:hover {\n      color: var(--color-theme-500);\n    }\n  }\n\n  /* Outside Days */\n  .outside {\n    cursor: default;\n    opacity: 0.25;\n    color: var(--color-theme-900);\n\n    &.userAvailability.hovered:hover:not(.selected),\n    &.nonWorkingDaysOfWeek.hovered:hover:not(.selected) {\n      background: var(--color-primary-300);\n    }\n    &.userAvailability:not(.selected),\n    &.nonWorkingDaysOfWeek:not(.selected),\n    &.userAvailability.hovered:hover:not(.selected),\n    &.nonWorkingDaysOfWeek.hovered:hover:not(.selected),\n    &.nonWorkingDay.hovered:hover:not(.selected),\n    &.nonWorkingDay:not(.selected),\n    &.today-day.hovered:hover:not(.selected),\n    &.today-day:not(.selected) {\n      color: var(--color-theme-900);\n    }\n\n    &.userAvailability.today-day:not(.selected):after,\n    &.nonWorkingDaysOfWeek.today-day:not(.selected):after,\n    &.userAvailability.today-day.hovered:hover:not(.selected):after,\n    &.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,\n    &.nonWorkingDay.today-day:not(.selected):after,\n    &.nonWorkingDay.today-day.hovered:hover:not(.selected):after,\n    &.today-day.hovered:hover:not(.selected):after,\n    &.today-day:not(.selected):after {\n      background-color: var(--color-theme-900);\n    }\n\n    &.hovered:hover:not(.selected) {\n      background: var(--color-primary-400);\n    }\n\n    &.selected {\n      color: var(--page-paper-main);\n      background: var(--color-primary);\n      ${DARK_THEME_SELECTOR} & {\n        color: var(--page-paper-main);\n      }\n      &.today-day {\n        &:after {\n          background: var(--page-paper-main);\n          ${DARK_THEME_SELECTOR} & {\n            background: var(--page-paper-main);\n          }\n        }\n        &.nonWorkingDay {\n          color: var(--page-paper-main);\n          ${DARK_THEME_SELECTOR} & {\n            color: var(--page-paper-main);\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const StyledDatePickerWrapper = styled.div`\n  position: relative;\n  display: inline-block;\n  width: 100%;\n`;\n\nStyledDatePickerWrapper.displayName = \"StyledDatePickerWrapper\";\n\nexport const StyledDaysOfWeek = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  font-weight: bold;\n  margin-bottom: 0;\n  width: 100%;\n`;\n\nStyledDaysOfWeek.displayName = \"StyledDaysOfWeek\";\n\nexport const StyledDayName = styled.div`\n  width: 27px;\n  height: 27px;\n  display: grid;\n  place-items: center;\n  font-size: 11px;\n  font-weight: 400;\n  color: var(--color-theme-600);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n`;\n\nStyledDayName.displayName = \"StyledDayName\";\n\nexport const StyledCalendarDates = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  row-gap: 4px;\n  width: 100%;\n`;\n\nStyledCalendarDates.displayName = \"StyledCalendarDates\";\n\nexport const StyledCalendarDate = styled.div`\n  cursor: pointer;\n  border-radius: 50%;\n  transition: background 0.3s;\n  width: 27px;\n  height: 27px;\n  display: grid;\n  place-items: center;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledCalendarDate.displayName = \"StyledCalendarDate\";\n\nexport const StyledCaption = styled.span`\n  font-size: 18.5px;\n  font-weight: 500;\n  padding: 0 16px;\n  border-radius: 15px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &.year-caption {\n    margin: auto !important;\n  }\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledCaption.displayName = \"StyledCaption\";\n\nexport const StyledCalendarSelector = styled.div`\n  height: 230px;\n  display: grid;\n  place-items: center;\n  width: 100%;\n  max-width: 212px;\n  margin: auto;\n`;\n\nStyledCalendarSelector.displayName = \"StyledCalendarSelector\";\n\nexport const StyledYearSelect = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n  padding: 8px 20px;\n  max-height: 210px;\n  overflow-y: auto;\n  width: 100%;\n`;\n\nStyledYearSelect.displayName = \"StyledYearSelect\";\n\nexport const StyledYearOption = styled.div`\n  cursor: pointer;\n  text-align: center;\n  border-radius: 16px;\n  transition: background 0.2s;\n  font-size: 14px;\n  margin: auto;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 18px;\n  width: 50px;\n  margin-bottom: 16px;\n  height: 20px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledYearOption.displayName = \"StyledYearOption\";\n\nexport const StyledMonthOption = styled.div`\n  text-align: center;\n  cursor: pointer;\n  border-radius: 16px;\n  transition: background 0.2s;\n  margin: 13.5px auto;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 18px;\n  width: 50px;\n  margin-bottom: 16px;\n  height: 20px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledMonthOption.displayName = \"StyledMonthOption\";\n\nexport const StyledMonthSelect = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n  width: 100%;\n  height: 220px;\n  margin: auto;\n`;\n\nStyledMonthSelect.displayName = \"StyledMonthSelect\";\n\nexport const StyledMonthSelector = styled.div`\n  width: 100%;\n  padding: 8px 20px;\n`;\n\nStyledMonthSelector.displayName = \"StyledMonthSelector\";\n\nexport const StyledControls = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid var(--border-primary);\n  margin: 8px 0 0;\n  padding: 8px 24px 0px;\n`;\n\nStyledControls.displayName = \"StyledControls\";\n\nexport const StyledControlsLeft = styled.div`\n  display: flex;\n  gap: 8px;\n`;\n\nStyledControlsLeft.displayName = \"StyledControlsLeft\";\n\nexport const StyledClearInstantButton = styled(Button)`\n  margin: auto !important;\n`;\n\nStyledClearInstantButton.displayName = \"StyledClearInstantButton\";\n\nexport const StyledCalendarHeader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: bold;\n  margin: auto;\n  margin-bottom: 4px;\n  cursor: pointer;\n  width: 230px;\n`;\n\nStyledCalendarHeader.displayName = \"StyledCalendarHeader\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,mBAAmB,GAAGJ,MAAM,CAACG,aAAa,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2MAkBvD;AAEDH,mBAAmB,CAACE,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAME,8BAA8B,GAAGR,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8vHAgJhDN,mBAAmB,EAKjBA,mBAAmB,EAKjBA,mBAAmB,EAwDvBA,mBAAmB,EAMfA,mBAAmB,EAMnBA,mBAAmB,CAO9B;AAED,OAAO,MAAMS,uBAAuB,GAAGV,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DAIhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMK,gBAAgB,GAAGX,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uHAOzC;AAEDI,gBAAgB,CAACL,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMM,aAAa,GAAGZ,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gNAYtC;AAEDK,aAAa,CAACN,WAAW,GAAG,eAAe;AAE3C,OAAO,MAAMO,mBAAmB,GAAGb,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGAM5C;AAEDM,mBAAmB,CAACP,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMQ,kBAAkB,GAAGd,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+TAmB3C;AAEDO,kBAAkB,CAACR,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMS,aAAa,GAAGf,MAAM,CAACgB,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uRAkBvC;AAEDQ,aAAa,CAACT,WAAW,GAAG,eAAe;AAE3C,OAAO,MAAMW,sBAAsB,GAAGjB,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FAO/C;AAEDU,sBAAsB,CAACX,WAAW,GAAG,wBAAwB;AAE7D,OAAO,MAAMY,gBAAgB,GAAGlB,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8HAQzC;AAEDW,gBAAgB,CAACZ,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMa,gBAAgB,GAAGnB,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iXAsBzC;AAEDY,gBAAgB,CAACb,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMc,iBAAiB,GAAGpB,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yWAqB1C;AAEDa,iBAAiB,CAACd,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMe,iBAAiB,GAAGrB,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGAO1C;AAEDc,iBAAiB,CAACf,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMgB,mBAAmB,GAAGtB,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAG5C;AAEDe,mBAAmB,CAAChB,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMiB,cAAc,GAAGvB,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kIAMvC;AAEDgB,cAAc,CAACjB,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMkB,kBAAkB,GAAGxB,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BAG3C;AAEDiB,kBAAkB,CAAClB,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMmB,wBAAwB,GAAGzB,MAAM,CAACE,MAAM,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAErD;AAEDkB,wBAAwB,CAACnB,WAAW,GAAG,0BAA0B;AAEjE,OAAO,MAAMoB,oBAAoB,GAAG1B,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gJAS7C;AAEDmB,oBAAoB,CAACpB,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/dist/esm/components/GlobalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,gGAshBvB,CAAC"}
+{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalStyle.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,gGAwtBvB,CAAC"}

package/dist/esm/components/GlobalStyle.js

@@ -1,3 +1,4 @@
 import { createGlobalStyle } from "styled-components";
-export const GlobalStyle = createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-progress-blue:#4182f2;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
+import { DARK_THEME_MATCH } from "../utils/themes";
+export const GlobalStyle = createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-progress-blue:#4182f2;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--color-primary-100:rgba(93,43,255,0.03);--color-primary-opaque-200:#f7f4ff;--muted-text:#6d6d73;--alert-surface:rgba(243,24,72,0.12);--muted-surface:#d7d7da;--muted-surface-text:#303037;--stripe-pattern:#e6e6e9;--drop-overlay-bg:rgba(255,255,255,0.93);--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;--color-primary-100:rgba(41,188,221,0.04);--color-primary-opaque-200:#f0fafc;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;--color-primary-100:rgba(65,130,242,0.04);--color-primary-opaque-200:#f2f6fe;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;--color-primary-100:rgba(103,255,200,0.08);--color-primary-opaque-200:#394a44;--muted-text:#cfcfd0;--alert-surface:rgba(243,24,72,0.25);--muted-surface:#b4b4b8;--muted-surface-text:#4a4a4a;--stripe-pattern:#5c494d;--drop-overlay-bg:rgba(55,58,68,0.93);}.dracula{--color-primary:#bd93f9;--color-secondary:#ff79c6;--color-theme-100:#000000;--color-theme-200:#303243;--color-theme-300:#272935;--color-theme-400:#191a21;--color-theme-500:#6272a4;--color-theme-600:#7d8ab8;--color-theme-700:#a4aecd;--color-theme-800:#dededa;--color-theme-900:#f8f8f2;--color-primary-200:rgba(189,147,249,0.05);--color-primary-300:rgba(189,147,249,0.1);--color-primary-400:rgba(189,147,249,0.25);--color-primary-500:rgba(189,147,249,0.5);--color-primary-600:rgba(189,147,249,0.75);--color-primary-700:#bd93f9;--color-primary-800:#d2b6fb;--color-primary-900:#e4d3fd;--color-secondary-200:rgba(255,121,198,0.05);--color-secondary-300:rgba(255,121,198,0.1);--color-secondary-400:rgba(255,121,198,0.25);--color-secondary-500:rgba(255,121,198,0.5);--color-secondary-600:rgba(255,121,198,0.75);--color-secondary-700:#ff79c6;--color-secondary-800:#ffa3d7;--color-secondary-900:#ffc9e7;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#4a3f66;--color-primary-opaque-400:#5b4b7d;--color-secondary-opaque-300:#5f3b52;--color-secondary-opaque-400:#7a4a69;--body-bg-main:rgb(40,42,54);--body-bg-main-transparent:rgba(40,42,54,0);--page-paper-main:#343746;--border-primary:#191a21;--note-bg:#3c3a2e;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba(52,55,70,0);--modal-background:rgba(40,42,54,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#21222c;--color-primary-100:rgba(189,147,249,0.08);--color-primary-opaque-200:#383349;--muted-text:#d0d0cb;--alert-surface:rgba(255,85,85,0.25);--muted-surface:#a9aec4;--muted-surface-text:#282a36;--stripe-pattern:#5a4550;--drop-overlay-bg:rgba(52,55,70,0.93);}.one-dark{--color-primary:#61afef;--color-secondary:#c678dd;--color-theme-100:#000000;--color-theme-200:#2f343f;--color-theme-300:#262a31;--color-theme-400:#21252b;--color-theme-500:#5c6370;--color-theme-600:#767d8a;--color-theme-700:#9aa2b1;--color-theme-800:#cdd3de;--color-theme-900:#dcdfe4;--color-primary-200:rgba(97,175,239,0.05);--color-primary-300:rgba(97,175,239,0.1);--color-primary-400:rgba(97,175,239,0.25);--color-primary-500:rgba(97,175,239,0.5);--color-primary-600:rgba(97,175,239,0.75);--color-primary-700:#61afef;--color-primary-800:#8ec6f4;--color-primary-900:#bcdcf9;--color-secondary-200:rgba(198,120,221,0.05);--color-secondary-300:rgba(198,120,221,0.1);--color-secondary-400:rgba(198,120,221,0.25);--color-secondary-500:rgba(198,120,221,0.5);--color-secondary-600:rgba(198,120,221,0.75);--color-secondary-700:#c678dd;--color-secondary-800:#d79ce8;--color-secondary-900:#e8c2f2;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#33475c;--color-primary-opaque-400:#3c5771;--color-secondary-opaque-300:#4a3552;--color-secondary-opaque-400:#5e4268;--body-bg-main:rgb(40,44,52);--body-bg-main-transparent:rgba(40,44,52,0);--page-paper-main:#31363f;--border-primary:#21252b;--note-bg:#3a3730;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba(49,54,63,0);--modal-background:rgba(40,44,52,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#21252b;--color-primary-100:rgba(97,175,239,0.08);--color-primary-opaque-200:#2c3a49;--muted-text:#c5cbd6;--alert-surface:rgba(224,108,117,0.25);--muted-surface:#a3aab8;--muted-surface-text:#282c34;--stripe-pattern:#55464a;--drop-overlay-bg:rgba(49,54,63,0.93);}html{color-scheme:light;&", "{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"], DARK_THEME_MATCH);
 //# sourceMappingURL=GlobalStyle.js.map

package/dist/esm/components/GlobalStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.js","names":["createGlobalStyle","GlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n  :root {\n    --color-primary: #5d2bff;\n    --color-secondary: #5d2bff;\n\n    --color-theme-100: #ffffff;\n    --color-theme-200: #f6f6f9;\n    --color-theme-300: #ebebee;\n    --color-theme-400: #d7d7da;\n    --color-theme-500: #b9b9bd;\n    --color-theme-600: #89898e;\n    --color-theme-700: #6d6d73;\n    --color-theme-800: #5b5b61;\n    --color-theme-900: #303037;\n\n    --color-primary-200: rgba(93, 43, 255, 0.05);\n    --color-primary-300: rgba(93, 43, 255, 0.1);\n    --color-primary-400: rgba(93, 43, 255, 0.25);\n    --color-primary-500: rgba(93, 43, 255, 0.5);\n    --color-primary-600: rgba(93, 43, 255, 0.75);\n    --color-primary-700: #5d2bff;\n    --color-primary-800: #4a21cd;\n    --color-primary-900: #32178b;\n\n    --color-secondary-200: rgba(93, 43, 255, 0.05);\n    --color-secondary-300: rgba(93, 43, 255, 0.1);\n    --color-secondary-400: rgba(93, 43, 255, 0.25);\n    --color-secondary-500: rgba(93, 43, 255, 0.5);\n    --color-secondary-600: rgba(93, 43, 255, 0.75);\n    --color-secondary-700: #5d2bff;\n    --color-secondary-800: #4a21cd;\n    --color-secondary-900: #32178b;\n\n    --color-theme-transparent-200: rgba(36,36,76,0.04);\n    --color-theme-transparent-300: rgba(48,48,55,0.1);\n    --color-theme-transparent-400: rgba(48,48,55,0.2);\n    --color-theme-transparent-500: rgba(48,48,55,0.34);\n    --color-theme-transparent-600: rgba(48,48,55,0.57);\n    --color-theme-transparent-700: rgba(48,48,55,0.7);\n    --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n    --color-primary-opaque-300: #efeaff;\n    --color-primary-opaque-400: #d6caff;\n\n    --color-secondary-opaque-300: #efeaff;\n    --color-secondary-opaque-400: #d6caff;\n\n    --color-sucess-green: #64cd93;\n    --color-pale-green: #c3e799;\n    --color-progress-blue: #4182f2;\n\n    --color-yellow: #FDF196;\n    --color-yellow-darker: #948D5D;\n    --color-yellow-lighter: #EBD429;\n    --color-orange: #FBBB75;\n    --color-orange-darker: #916C43;\n    --color-orange-lighter: #E99841;\n    --color-beige: #EAC2AD;\n    --color-beige-darker: #877064;\n    --color-beige-lighter: #B98A72;\n    --color-pink: #FBD6E7;\n    --color-pink-darker: #917C86;\n    --color-pink-lighter: #E4A1C0;\n    --color-coral: #FF9C9C;\n    --color-coral-darker: #945A5A;\n    --color-coral-lighter: #DB4545;\n    --color-purple-dirty: #C49CB6;\n    --color-purple-dirty-darker: #715A69;\n    --color-purple-dirty-lighter: #B16E9A;\n    --color-purple: #BEACF9;\n    --color-purple-darker: #6E6390;\n    --color-purple-lighter: #9B86DF;\n    --color-blue-aqua: #BDF7FD;\n    --color-blue-aqua-darker: #6D8F92;\n    --color-blue-aqua-lighter: #7BDDE7;\n    --color-blue-pale: #BEEAFF;\n    --color-blue-pale-darker: #6E8794;\n    --color-blue-pale-lighter: #92BFD4;\n    --color-blue-sky: #A0CBFD;\n    --color-blue-sky-darker: #5C7592;\n    --color-blue-sky-lighter: #568CCB;\n    --color-turquoise: #B9E4E0;\n    --color-turquoise-darker: #6B8482;\n    --color-turquoise-lighter: #70BFB8;\n    --color-green-pale: #C3E799;\n    --color-green-pale-darker: #718658;\n    --color-green-pale-lighter: #80C333;\n    --color-green-olive-drab: #98B57C;\n    --color-green-olive-drab-darker: #647157;\n    --color-green-olive-drab-lighter: #819F65;\n    --color-gray-silver: #DDDDDD;\n    --color-gray-silver-darker: #808080;\n    --color-gray-silver-lighter: #ACACAC;\n    --color-gray: #CACACA;\n    --color-gray-darker: #757575;\n    --color-gray-lighter: #7D7D7D;\n\n    --body-bg-main: rgb(244, 245, 247);\n    --body-bg-main-transparent: rgba(244, 245, 247, 0);\n    --page-paper-main: #ffffff;\n    --border-primary: #d7d7da;\n\n    --note-bg: #fff9f1;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n      0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n      0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n      0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n      0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n      0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n    --page-paper-main-shadow: rgba(\n      255,\n      255,\n      255,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(244, 245, 247, 0.6);\n\n    --highlight-dark: rgba(0, 0, 0, 0.03);\n\n    --input-background-color: #ffffff;\n\n    --ai-gradient: linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222);\n    \n    --ai-gradient-lighter: linear-gradient(\n      135deg,\n      rgba(77, 162, 237, 0.1),\n      rgba(159, 105, 229, 0.1),\n      rgba(236, 67, 216, 0.1),\n      rgba(230, 10, 10, 0.1)\n    );\n\n    --red-alert: rgb(237, 97, 97);\n\n    --warning: #ffcc6b;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n\n    --ac-br-4: 4px;\n\n    --ac-br-6: 6px;\n\n    --ac-br-8: 8px;\n\n    --ac-br-rounded: 999px;\n  }\n\n  .cupcake {\n    --color-primary: #29bcdd;\n    --color-secondary: #fe6fa7;\n\n    --color-primary-200: rgba(41, 188, 221, 0.07);\n    --color-primary-300: rgba(41, 188, 221, 0.12);\n    --color-primary-400: rgba(41, 188, 221, 0.26);\n    --color-primary-500: rgba(41, 188, 221, 0.52);\n    --color-primary-600: rgba(41, 188, 221, 0.75);\n    --color-primary-700: #29bcdd;\n    --color-primary-800: #219fbb;\n    --color-primary-900: #1a768b;\n\n    --color-secondary-200: rgba(254, 111, 167, 0.07);\n    --color-secondary-300: rgba(254, 111, 167, 0.13);\n    --color-secondary-400: rgba(254, 111, 167, 0.27);\n    --color-secondary-500: rgba(254, 111, 167, 0.52);\n    --color-secondary-600: rgba(254, 111, 167, 0.75);\n    --color-secondary-700: #fe6fa7;\n    --color-secondary-800: #dd6091;\n    --color-secondary-900: #ab496f;\n\n    --color-primary-opaque-300: #e5f7fb;\n    --color-primary-opaque-400: #c8eef6;\n\n    --color-secondary-opaque-300: #ffecf4;\n    --color-secondary-opaque-400: #ffd8e7;\n  }\n\n  .classic {\n    --color-primary: #4182f2;\n    --color-secondary: #4182f2;\n\n    --color-primary-200: rgba(65, 130, 242, 0.07);\n    --color-primary-300: rgba(65, 130, 242, 0.13);\n    --color-primary-400: rgba(65, 130, 242, 0.26);\n    --color-primary-500: rgba(65, 130, 242, 0.52);\n    --color-primary-600: rgba(65, 130, 242, 0.75);\n    --color-primary-700: #4182f2;\n    --color-primary-800: #356bc8;\n    --color-primary-900: #244a8a;\n\n    --color-secondary-200: rgba(65, 130, 242, 0.07);\n    --color-secondary-300: rgba(65, 130, 242, 0.13);\n    --color-secondary-400: rgba(65, 130, 242, 0.26);\n    --color-secondary-500: rgba(65, 130, 242, 0.52);\n    --color-secondary-600: rgba(65, 130, 242, 0.75);\n    --color-secondary-700: #4182f2;\n    --color-secondary-800: #356bc8;\n    --color-secondary-900: #244a8a;\n\n    --color-primary-opaque-300: #e6effd;\n    --color-primary-opaque-400: #cedffc;\n\n    --color-secondary-opaque-300: #e6effd;\n    --color-secondary-opaque-400: #cedffc;\n  }\n\n  .neon {\n    --color-primary: #67ffc8;\n    --color-secondary: #67ffc8;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #31333e;\n    --color-theme-300: #2b2d37;\n    --color-theme-400: #1f2024;\n    --color-theme-500: #6D6D73;\n    --color-theme-600: #89898e;\n    --color-theme-700: #b0b0b5;\n    --color-theme-800: #dfdfe5;\n    --color-theme-900: #ffffff;\n\n    --color-primary-200: rgba(103, 255, 200, 0.05);\n    --color-primary-300: rgba(103, 255, 200, 0.1);\n    --color-primary-400: rgba(103, 255, 200, 0.25);\n    --color-primary-500: rgba(103, 255, 200, 0.5);\n    --color-primary-600: rgba(103, 255, 200, 0.75);\n    --color-primary-700: #67ffc8;\n    --color-primary-800: #a5ffdf;\n    --color-primary-900: #d0fdec;\n\n    --color-secondary-200: rgba(103, 255, 200, 0.05);\n    --color-secondary-300: rgba(103, 255, 200, 0.1);\n    --color-secondary-400: rgba(103, 255, 200, 0.25);\n    --color-secondary-500: rgba(103, 255, 200, 0.5);\n    --color-secondary-600: rgba(103, 255, 200, 0.75);\n    --color-secondary-700: #67ffc8;\n    --color-secondary-800: #a5ffdf;\n    --color-secondary-900: #d0fdec;\n\n    --color-theme-transparent-200: rgba(6,7,8,0.12);\n    --color-theme-transparent-300: rgba(6,7,8,0.22);\n    --color-theme-transparent-400: rgba(6,7,8,0.5);\n    --color-theme-transparent-500: rgba(255,255,255,0.27);\n    --color-theme-transparent-600: rgba(255,255,255,0.4);\n    --color-theme-transparent-700: rgba(255,255,255,0.6);\n    --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n    --color-primary-opaque-300: #3b4e51;\n    --color-primary-opaque-400: #436b64;\n\n    --color-secondary-opaque-300: #3b4e51;\n    --color-secondary-opaque-400: #436b64;\n\n    --body-bg-main: rgb(44, 46, 56);\n    --body-bg-main-transparent: rgba(44, 46, 56, 0);\n    --page-paper-main: #373a44;\n    --border-primary: #1f2024;\n\n    --note-bg: #464545;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(\n      55,\n      58,\n      68,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(44, 46, 56, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #2c2e38;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n  }\n\n  html {\n    color-scheme: light;\n  }\n\n  html {\n    &.neon {\n      color-scheme: dark;\n    }\n  }\n\n  .ac-shadow,\n  .ac-shadow--raised {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--raised {\n    &--lg {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-primary-hover);\n      }\n    }\n    &--sm {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    }\n  }\n\n  .ac-shadow-optimized--sm {\n    position: relative;\n    box-shadow: var(--shadow-tertiary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-tertiary);\n      opacity: 0;\n      border-radius: var(--ac-br-6);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-shadow-optimized--lg {\n    position: relative;\n    box-shadow: var(--shadow-primary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-primary);\n      opacity: 0;\n      border-radius: var(--ac-br-8);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-border-radius {\n    &-4 {\n      border-radius: var(--ac-br-4);\n    }\n\n    &-6 {\n      border-radius: var(--ac-br-6);\n    }\n\n    &-8 {\n      border-radius: var(--ac-br-8);\n    }\n\n    &-rounded {\n      border-radius: var(--ac-br-rounded);\n    }\n  }\n\n\n  // CSS Tooltip ::after content: data-tooltip\n\n  .c-cooltip {\n  position: relative;\n\n    /*\n      * Prefer scoped variables in this case.\n      * This lines of CSS should be scoped too.\n      */\n\n    --cooltip-spacing: 0.5rem;\n    --cooltip-padding: 0.25rem 0.625rem;\n    --cooltip-max-width: 12.5rem;\n\n    --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n    --cooltip-transition-delay: 0.6s;\n    --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n  }\n\n  .c-cooltip::after {\n    /*\n      * will-change is intended to be used as a last resort,\n      * in order to try to deal with existing performance problems.\n      * It should not be used to anticipate performance problems.\n      * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n      *\n      * will-change: transform, opacity\n      */\n    pointer-events: none;\n    content: attr(data-tooltip);\n    position: absolute;\n    color: #fff;\n    opacity: 0;\n    background-color: rgba(0, 0, 0, 0.9);\n    border-radius: 0.5rem;\n    font-size: 0.75rem;\n    font-weight: 500;\n    line-height: 1.3;\n    max-width: var(--cooltip-max-width);\n    padding: var(--cooltip-padding);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .c-cooltip--top::after {\n    bottom: calc(100% + var(--cooltip-spacing));\n    left: 50%;\n    transform: scale(0.85) translateX(-50%);\n    transform-origin: 0;\n  }\n\n  .c-cooltip--right::after {\n    left: calc(100% + var(--cooltip-spacing));\n    transform: scale(0.85);\n  }\n\n  .c-cooltip--bottom::after {\n    top: calc(100% + var(--cooltip-spacing));\n    left: 50%;\n    transform: scale(0.85) translateX(-50%);\n    transform-origin: 0;\n  }\n\n  .c-cooltip--left::after {\n    right: calc(100% + var(--cooltip-spacing));\n    transform: scale(0.85);\n  }\n\n  /*\n  * Make sure that disabled and aria pressed\n  * items do not have tooltips available.\n  */\n  .c-cooltip:disabled::after,\n  [aria-pressed=\"true\"]::after {\n    display: none;\n  }\n\n  /*\n  *\n  * Only use hover when is available .\n  * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n  */\n  @media (hover: hover) {\n    /*\n      * Here we maybe have a complex selector but actually it's not.\n      * We simply asks here to show tooltip only on hover.\n      * Focused elements (in this case, clicked elements) should hide the tooltip.\n      */\n    .c-cooltip--top:not(:focus):hover::after,\n    .c-cooltip--bottom:not(:focus):hover::after {\n      transition-property: opacity, transform;\n      transition-duration: var(--cooltip-transition-duration);\n      transition-delay: var(--cooltip-transition-delay);\n      transition-timing-function: var(--cooltip-timing);\n      transform: scale(1) translateX(-50%);\n      opacity: 1;\n    }\n\n    /*\n      *\n      * This is not code duplication!\n      * Transform properties are tricky to animate and values\n      * are not the same depending on the tooltip position.\n      *\n      * Animating only one transform, eg. scale(1) will\n      * override all previously set transforms, eg. translateY.\n      * So we need to always chain them.\n      * eg. transform: scale(1) translateY(-50%) etc...\n      */\n\n    .c-cooltip--right:not(:focus):hover::after,\n    .c-cooltip--left:not(:focus):hover::after {\n      transition-property: opacity, transform;\n      transition-duration: var(--cooltip-transition-duration);\n      transition-delay: var(--cooltip-transition-delay);\n      transition-timing-function: var(--cooltip-timing);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  .c-date-picker--calendar {\n    width: 260px;\n    padding: 16px 0px 8px 0px;\n    margin: auto;\n    background-color: var(--page-paper-main);\n  }\n`;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AAErD,OAAO,MAAMC,WAAW,GAAGD,iBAAiB,muVAshB3C","ignoreList":[]}
+{"version":3,"file":"GlobalStyle.js","names":["createGlobalStyle","DARK_THEME_MATCH","GlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nimport { DARK_THEME_MATCH } from \"../utils/themes\";\n\nexport const GlobalStyle = createGlobalStyle`\n  :root {\n    --color-primary: #5d2bff;\n    --color-secondary: #5d2bff;\n\n    --color-theme-100: #ffffff;\n    --color-theme-200: #f6f6f9;\n    --color-theme-300: #ebebee;\n    --color-theme-400: #d7d7da;\n    --color-theme-500: #b9b9bd;\n    --color-theme-600: #89898e;\n    --color-theme-700: #6d6d73;\n    --color-theme-800: #5b5b61;\n    --color-theme-900: #303037;\n\n    --color-primary-200: rgba(93, 43, 255, 0.05);\n    --color-primary-300: rgba(93, 43, 255, 0.1);\n    --color-primary-400: rgba(93, 43, 255, 0.25);\n    --color-primary-500: rgba(93, 43, 255, 0.5);\n    --color-primary-600: rgba(93, 43, 255, 0.75);\n    --color-primary-700: #5d2bff;\n    --color-primary-800: #4a21cd;\n    --color-primary-900: #32178b;\n\n    --color-secondary-200: rgba(93, 43, 255, 0.05);\n    --color-secondary-300: rgba(93, 43, 255, 0.1);\n    --color-secondary-400: rgba(93, 43, 255, 0.25);\n    --color-secondary-500: rgba(93, 43, 255, 0.5);\n    --color-secondary-600: rgba(93, 43, 255, 0.75);\n    --color-secondary-700: #5d2bff;\n    --color-secondary-800: #4a21cd;\n    --color-secondary-900: #32178b;\n\n    --color-theme-transparent-200: rgba(36,36,76,0.04);\n    --color-theme-transparent-300: rgba(48,48,55,0.1);\n    --color-theme-transparent-400: rgba(48,48,55,0.2);\n    --color-theme-transparent-500: rgba(48,48,55,0.34);\n    --color-theme-transparent-600: rgba(48,48,55,0.57);\n    --color-theme-transparent-700: rgba(48,48,55,0.7);\n    --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n    --color-primary-opaque-300: #efeaff;\n    --color-primary-opaque-400: #d6caff;\n\n    --color-secondary-opaque-300: #efeaff;\n    --color-secondary-opaque-400: #d6caff;\n\n    --color-sucess-green: #64cd93;\n    --color-pale-green: #c3e799;\n    --color-progress-blue: #4182f2;\n\n    --color-yellow: #FDF196;\n    --color-yellow-darker: #948D5D;\n    --color-yellow-lighter: #EBD429;\n    --color-orange: #FBBB75;\n    --color-orange-darker: #916C43;\n    --color-orange-lighter: #E99841;\n    --color-beige: #EAC2AD;\n    --color-beige-darker: #877064;\n    --color-beige-lighter: #B98A72;\n    --color-pink: #FBD6E7;\n    --color-pink-darker: #917C86;\n    --color-pink-lighter: #E4A1C0;\n    --color-coral: #FF9C9C;\n    --color-coral-darker: #945A5A;\n    --color-coral-lighter: #DB4545;\n    --color-purple-dirty: #C49CB6;\n    --color-purple-dirty-darker: #715A69;\n    --color-purple-dirty-lighter: #B16E9A;\n    --color-purple: #BEACF9;\n    --color-purple-darker: #6E6390;\n    --color-purple-lighter: #9B86DF;\n    --color-blue-aqua: #BDF7FD;\n    --color-blue-aqua-darker: #6D8F92;\n    --color-blue-aqua-lighter: #7BDDE7;\n    --color-blue-pale: #BEEAFF;\n    --color-blue-pale-darker: #6E8794;\n    --color-blue-pale-lighter: #92BFD4;\n    --color-blue-sky: #A0CBFD;\n    --color-blue-sky-darker: #5C7592;\n    --color-blue-sky-lighter: #568CCB;\n    --color-turquoise: #B9E4E0;\n    --color-turquoise-darker: #6B8482;\n    --color-turquoise-lighter: #70BFB8;\n    --color-green-pale: #C3E799;\n    --color-green-pale-darker: #718658;\n    --color-green-pale-lighter: #80C333;\n    --color-green-olive-drab: #98B57C;\n    --color-green-olive-drab-darker: #647157;\n    --color-green-olive-drab-lighter: #819F65;\n    --color-gray-silver: #DDDDDD;\n    --color-gray-silver-darker: #808080;\n    --color-gray-silver-lighter: #ACACAC;\n    --color-gray: #CACACA;\n    --color-gray-darker: #757575;\n    --color-gray-lighter: #7D7D7D;\n\n    --body-bg-main: rgb(244, 245, 247);\n    --body-bg-main-transparent: rgba(244, 245, 247, 0);\n    --page-paper-main: #ffffff;\n    --border-primary: #d7d7da;\n\n    --note-bg: #fff9f1;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n      0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n      0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n      0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n      0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n      0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n    --page-paper-main-shadow: rgba(\n      255,\n      255,\n      255,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(244, 245, 247, 0.6);\n\n    --highlight-dark: rgba(0, 0, 0, 0.03);\n\n    --input-background-color: #ffffff;\n\n    /* Consumed by app LESS under the dark-theme selector; every theme must define them so a dark\n       theme never inherits another theme's chrome. */\n    --color-primary-100: rgba(93, 43, 255, 0.03);\n    --color-primary-opaque-200: #f7f4ff;\n    --muted-text: #6d6d73;\n    --alert-surface: rgba(243, 24, 72, 0.12);\n    --muted-surface: #d7d7da;\n    --muted-surface-text: #303037;\n    --stripe-pattern: #e6e6e9;\n    --drop-overlay-bg: rgba(255, 255, 255, 0.93);\n\n    --ai-gradient: linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222);\n    \n    --ai-gradient-lighter: linear-gradient(\n      135deg,\n      rgba(77, 162, 237, 0.1),\n      rgba(159, 105, 229, 0.1),\n      rgba(236, 67, 216, 0.1),\n      rgba(230, 10, 10, 0.1)\n    );\n\n    --red-alert: rgb(237, 97, 97);\n\n    --warning: #ffcc6b;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n\n    --ac-br-4: 4px;\n\n    --ac-br-6: 6px;\n\n    --ac-br-8: 8px;\n\n    --ac-br-rounded: 999px;\n  }\n\n  .cupcake {\n    --color-primary: #29bcdd;\n    --color-secondary: #fe6fa7;\n\n    --color-primary-200: rgba(41, 188, 221, 0.07);\n    --color-primary-300: rgba(41, 188, 221, 0.12);\n    --color-primary-400: rgba(41, 188, 221, 0.26);\n    --color-primary-500: rgba(41, 188, 221, 0.52);\n    --color-primary-600: rgba(41, 188, 221, 0.75);\n    --color-primary-700: #29bcdd;\n    --color-primary-800: #219fbb;\n    --color-primary-900: #1a768b;\n\n    --color-secondary-200: rgba(254, 111, 167, 0.07);\n    --color-secondary-300: rgba(254, 111, 167, 0.13);\n    --color-secondary-400: rgba(254, 111, 167, 0.27);\n    --color-secondary-500: rgba(254, 111, 167, 0.52);\n    --color-secondary-600: rgba(254, 111, 167, 0.75);\n    --color-secondary-700: #fe6fa7;\n    --color-secondary-800: #dd6091;\n    --color-secondary-900: #ab496f;\n\n    --color-primary-opaque-300: #e5f7fb;\n    --color-primary-opaque-400: #c8eef6;\n\n    --color-secondary-opaque-300: #ffecf4;\n    --color-secondary-opaque-400: #ffd8e7;\n\n    --color-primary-100: rgba(41, 188, 221, 0.04);\n    --color-primary-opaque-200: #f0fafc;\n  }\n\n  .classic {\n    --color-primary: #4182f2;\n    --color-secondary: #4182f2;\n\n    --color-primary-200: rgba(65, 130, 242, 0.07);\n    --color-primary-300: rgba(65, 130, 242, 0.13);\n    --color-primary-400: rgba(65, 130, 242, 0.26);\n    --color-primary-500: rgba(65, 130, 242, 0.52);\n    --color-primary-600: rgba(65, 130, 242, 0.75);\n    --color-primary-700: #4182f2;\n    --color-primary-800: #356bc8;\n    --color-primary-900: #244a8a;\n\n    --color-secondary-200: rgba(65, 130, 242, 0.07);\n    --color-secondary-300: rgba(65, 130, 242, 0.13);\n    --color-secondary-400: rgba(65, 130, 242, 0.26);\n    --color-secondary-500: rgba(65, 130, 242, 0.52);\n    --color-secondary-600: rgba(65, 130, 242, 0.75);\n    --color-secondary-700: #4182f2;\n    --color-secondary-800: #356bc8;\n    --color-secondary-900: #244a8a;\n\n    --color-primary-opaque-300: #e6effd;\n    --color-primary-opaque-400: #cedffc;\n\n    --color-secondary-opaque-300: #e6effd;\n    --color-secondary-opaque-400: #cedffc;\n\n    --color-primary-100: rgba(65, 130, 242, 0.04);\n    --color-primary-opaque-200: #f2f6fe;\n  }\n\n  .neon {\n    --color-primary: #67ffc8;\n    --color-secondary: #67ffc8;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #31333e;\n    --color-theme-300: #2b2d37;\n    --color-theme-400: #1f2024;\n    --color-theme-500: #6D6D73;\n    --color-theme-600: #89898e;\n    --color-theme-700: #b0b0b5;\n    --color-theme-800: #dfdfe5;\n    --color-theme-900: #ffffff;\n\n    --color-primary-200: rgba(103, 255, 200, 0.05);\n    --color-primary-300: rgba(103, 255, 200, 0.1);\n    --color-primary-400: rgba(103, 255, 200, 0.25);\n    --color-primary-500: rgba(103, 255, 200, 0.5);\n    --color-primary-600: rgba(103, 255, 200, 0.75);\n    --color-primary-700: #67ffc8;\n    --color-primary-800: #a5ffdf;\n    --color-primary-900: #d0fdec;\n\n    --color-secondary-200: rgba(103, 255, 200, 0.05);\n    --color-secondary-300: rgba(103, 255, 200, 0.1);\n    --color-secondary-400: rgba(103, 255, 200, 0.25);\n    --color-secondary-500: rgba(103, 255, 200, 0.5);\n    --color-secondary-600: rgba(103, 255, 200, 0.75);\n    --color-secondary-700: #67ffc8;\n    --color-secondary-800: #a5ffdf;\n    --color-secondary-900: #d0fdec;\n\n    --color-theme-transparent-200: rgba(6,7,8,0.12);\n    --color-theme-transparent-300: rgba(6,7,8,0.22);\n    --color-theme-transparent-400: rgba(6,7,8,0.5);\n    --color-theme-transparent-500: rgba(255,255,255,0.27);\n    --color-theme-transparent-600: rgba(255,255,255,0.4);\n    --color-theme-transparent-700: rgba(255,255,255,0.6);\n    --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n    --color-primary-opaque-300: #3b4e51;\n    --color-primary-opaque-400: #436b64;\n\n    --color-secondary-opaque-300: #3b4e51;\n    --color-secondary-opaque-400: #436b64;\n\n    --body-bg-main: rgb(44, 46, 56);\n    --body-bg-main-transparent: rgba(44, 46, 56, 0);\n    --page-paper-main: #373a44;\n    --border-primary: #1f2024;\n\n    --note-bg: #464545;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(\n      55,\n      58,\n      68,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(44, 46, 56, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #2c2e38;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n\n    --color-primary-100: rgba(103, 255, 200, 0.08);\n    --color-primary-opaque-200: #394a44;\n    --muted-text: #cfcfd0;\n    --alert-surface: rgba(243, 24, 72, 0.25);\n    --muted-surface: #b4b4b8;\n    --muted-surface-text: #4a4a4a;\n    --stripe-pattern: #5c494d;\n    --drop-overlay-bg: rgba(55, 58, 68, 0.93);\n  }\n\n  .dracula {\n    --color-primary: #bd93f9;\n    --color-secondary: #ff79c6;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #303243;\n    --color-theme-300: #272935;\n    --color-theme-400: #191a21;\n    --color-theme-500: #6272a4;\n    --color-theme-600: #7d8ab8;\n    --color-theme-700: #a4aecd;\n    --color-theme-800: #dededa;\n    --color-theme-900: #f8f8f2;\n\n    --color-primary-200: rgba(189, 147, 249, 0.05);\n    --color-primary-300: rgba(189, 147, 249, 0.1);\n    --color-primary-400: rgba(189, 147, 249, 0.25);\n    --color-primary-500: rgba(189, 147, 249, 0.5);\n    --color-primary-600: rgba(189, 147, 249, 0.75);\n    --color-primary-700: #bd93f9;\n    --color-primary-800: #d2b6fb;\n    --color-primary-900: #e4d3fd;\n\n    --color-secondary-200: rgba(255, 121, 198, 0.05);\n    --color-secondary-300: rgba(255, 121, 198, 0.1);\n    --color-secondary-400: rgba(255, 121, 198, 0.25);\n    --color-secondary-500: rgba(255, 121, 198, 0.5);\n    --color-secondary-600: rgba(255, 121, 198, 0.75);\n    --color-secondary-700: #ff79c6;\n    --color-secondary-800: #ffa3d7;\n    --color-secondary-900: #ffc9e7;\n\n    --color-theme-transparent-200: rgba(6, 7, 8, 0.12);\n    --color-theme-transparent-300: rgba(6, 7, 8, 0.22);\n    --color-theme-transparent-400: rgba(6, 7, 8, 0.5);\n    --color-theme-transparent-500: rgba(255, 255, 255, 0.27);\n    --color-theme-transparent-600: rgba(255, 255, 255, 0.4);\n    --color-theme-transparent-700: rgba(255, 255, 255, 0.6);\n    --color-theme-transparent-800: rgba(255, 255, 255, 0.85);\n\n    --color-primary-opaque-300: #4a3f66;\n    --color-primary-opaque-400: #5b4b7d;\n\n    --color-secondary-opaque-300: #5f3b52;\n    --color-secondary-opaque-400: #7a4a69;\n\n    --body-bg-main: rgb(40, 42, 54);\n    --body-bg-main-transparent: rgba(40, 42, 54, 0);\n    --page-paper-main: #343746;\n    --border-primary: #191a21;\n\n    --note-bg: #3c3a2e;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(52, 55, 70, 0);\n\n    --modal-background: rgba(40, 42, 54, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #21222c;\n\n    --color-primary-100: rgba(189, 147, 249, 0.08);\n    --color-primary-opaque-200: #383349;\n    --muted-text: #d0d0cb;\n    --alert-surface: rgba(255, 85, 85, 0.25);\n    --muted-surface: #a9aec4;\n    --muted-surface-text: #282a36;\n    --stripe-pattern: #5a4550;\n    --drop-overlay-bg: rgba(52, 55, 70, 0.93);\n  }\n\n  .one-dark {\n    --color-primary: #61afef;\n    --color-secondary: #c678dd;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #2f343f;\n    --color-theme-300: #262a31;\n    --color-theme-400: #21252b;\n    --color-theme-500: #5c6370;\n    --color-theme-600: #767d8a;\n    --color-theme-700: #9aa2b1;\n    --color-theme-800: #cdd3de;\n    --color-theme-900: #dcdfe4;\n\n    --color-primary-200: rgba(97, 175, 239, 0.05);\n    --color-primary-300: rgba(97, 175, 239, 0.1);\n    --color-primary-400: rgba(97, 175, 239, 0.25);\n    --color-primary-500: rgba(97, 175, 239, 0.5);\n    --color-primary-600: rgba(97, 175, 239, 0.75);\n    --color-primary-700: #61afef;\n    --color-primary-800: #8ec6f4;\n    --color-primary-900: #bcdcf9;\n\n    --color-secondary-200: rgba(198, 120, 221, 0.05);\n    --color-secondary-300: rgba(198, 120, 221, 0.1);\n    --color-secondary-400: rgba(198, 120, 221, 0.25);\n    --color-secondary-500: rgba(198, 120, 221, 0.5);\n    --color-secondary-600: rgba(198, 120, 221, 0.75);\n    --color-secondary-700: #c678dd;\n    --color-secondary-800: #d79ce8;\n    --color-secondary-900: #e8c2f2;\n\n    --color-theme-transparent-200: rgba(6, 7, 8, 0.12);\n    --color-theme-transparent-300: rgba(6, 7, 8, 0.22);\n    --color-theme-transparent-400: rgba(6, 7, 8, 0.5);\n    --color-theme-transparent-500: rgba(255, 255, 255, 0.27);\n    --color-theme-transparent-600: rgba(255, 255, 255, 0.4);\n    --color-theme-transparent-700: rgba(255, 255, 255, 0.6);\n    --color-theme-transparent-800: rgba(255, 255, 255, 0.85);\n\n    --color-primary-opaque-300: #33475c;\n    --color-primary-opaque-400: #3c5771;\n\n    --color-secondary-opaque-300: #4a3552;\n    --color-secondary-opaque-400: #5e4268;\n\n    --body-bg-main: rgb(40, 44, 52);\n    --body-bg-main-transparent: rgba(40, 44, 52, 0);\n    --page-paper-main: #31363f;\n    --border-primary: #21252b;\n\n    --note-bg: #3a3730;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(49, 54, 63, 0);\n\n    --modal-background: rgba(40, 44, 52, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #21252b;\n\n    --color-primary-100: rgba(97, 175, 239, 0.08);\n    --color-primary-opaque-200: #2c3a49;\n    --muted-text: #c5cbd6;\n    --alert-surface: rgba(224, 108, 117, 0.25);\n    --muted-surface: #a3aab8;\n    --muted-surface-text: #282c34;\n    --stripe-pattern: #55464a;\n    --drop-overlay-bg: rgba(49, 54, 63, 0.93);\n  }\n\n  html {\n    color-scheme: light;\n\n    &${DARK_THEME_MATCH} {\n      color-scheme: dark;\n    }\n  }\n\n  .ac-shadow,\n  .ac-shadow--raised {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--raised {\n    &--lg {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-primary-hover);\n      }\n    }\n    &--sm {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    }\n  }\n\n  .ac-shadow-optimized--sm {\n    position: relative;\n    box-shadow: var(--shadow-tertiary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-tertiary);\n      opacity: 0;\n      border-radius: var(--ac-br-6);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-shadow-optimized--lg {\n    position: relative;\n    box-shadow: var(--shadow-primary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-primary);\n      opacity: 0;\n      border-radius: var(--ac-br-8);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-border-radius {\n    &-4 {\n      border-radius: var(--ac-br-4);\n    }\n\n    &-6 {\n      border-radius: var(--ac-br-6);\n    }\n\n    &-8 {\n      border-radius: var(--ac-br-8);\n    }\n\n    &-rounded {\n      border-radius: var(--ac-br-rounded);\n    }\n  }\n\n\n  // CSS Tooltip ::after content: data-tooltip\n\n  .c-cooltip {\n  position: relative;\n\n    /*\n      * Prefer scoped variables in this case.\n      * This lines of CSS should be scoped too.\n      */\n\n    --cooltip-spacing: 0.5rem;\n    --cooltip-padding: 0.25rem 0.625rem;\n    --cooltip-max-width: 12.5rem;\n\n    --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n    --cooltip-transition-delay: 0.6s;\n    --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n  }\n\n  .c-cooltip::after {\n    /*\n      * will-change is intended to be used as a last resort,\n      * in order to try to deal with existing performance problems.\n      * It should not be used to anticipate performance problems.\n      * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n      *\n      * will-change: transform, opacity\n      */\n    pointer-events: none;\n    content: attr(data-tooltip);\n    position: absolute;\n    color: #fff;\n    opacity: 0;\n    background-color: rgba(0, 0, 0, 0.9);\n    border-radius: 0.5rem;\n    font-size: 0.75rem;\n    font-weight: 500;\n    line-height: 1.3;\n    max-width: var(--cooltip-max-width);\n    padding: var(--cooltip-padding);\n    text-align: center;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .c-cooltip--top::after {\n    bottom: calc(100% + var(--cooltip-spacing));\n    left: 50%;\n    transform: scale(0.85) translateX(-50%);\n    transform-origin: 0;\n  }\n\n  .c-cooltip--right::after {\n    left: calc(100% + var(--cooltip-spacing));\n    transform: scale(0.85);\n  }\n\n  .c-cooltip--bottom::after {\n    top: calc(100% + var(--cooltip-spacing));\n    left: 50%;\n    transform: scale(0.85) translateX(-50%);\n    transform-origin: 0;\n  }\n\n  .c-cooltip--left::after {\n    right: calc(100% + var(--cooltip-spacing));\n    transform: scale(0.85);\n  }\n\n  /*\n  * Make sure that disabled and aria pressed\n  * items do not have tooltips available.\n  */\n  .c-cooltip:disabled::after,\n  [aria-pressed=\"true\"]::after {\n    display: none;\n  }\n\n  /*\n  *\n  * Only use hover when is available .\n  * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n  */\n  @media (hover: hover) {\n    /*\n      * Here we maybe have a complex selector but actually it's not.\n      * We simply asks here to show tooltip only on hover.\n      * Focused elements (in this case, clicked elements) should hide the tooltip.\n      */\n    .c-cooltip--top:not(:focus):hover::after,\n    .c-cooltip--bottom:not(:focus):hover::after {\n      transition-property: opacity, transform;\n      transition-duration: var(--cooltip-transition-duration);\n      transition-delay: var(--cooltip-transition-delay);\n      transition-timing-function: var(--cooltip-timing);\n      transform: scale(1) translateX(-50%);\n      opacity: 1;\n    }\n\n    /*\n      *\n      * This is not code duplication!\n      * Transform properties are tricky to animate and values\n      * are not the same depending on the tooltip position.\n      *\n      * Animating only one transform, eg. scale(1) will\n      * override all previously set transforms, eg. translateY.\n      * So we need to always chain them.\n      * eg. transform: scale(1) translateY(-50%) etc...\n      */\n\n    .c-cooltip--right:not(:focus):hover::after,\n    .c-cooltip--left:not(:focus):hover::after {\n      transition-property: opacity, transform;\n      transition-duration: var(--cooltip-transition-duration);\n      transition-delay: var(--cooltip-transition-delay);\n      transition-timing-function: var(--cooltip-timing);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  .c-date-picker--calendar {\n    width: 260px;\n    padding: 16px 0px 8px 0px;\n    margin: auto;\n    background-color: var(--page-paper-main);\n  }\n`;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AAErD,SAASC,gBAAgB,QAAQ,iBAAiB;AAElD,OAAO,MAAMC,WAAW,GAAGF,iBAAiB,mugBAofrCC,gBAAgB,CAoOtB","ignoreList":[]}

package/dist/esm/components/Loaders/Skeleton/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Skeleton/Styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,oBAAoB,oEAyBhC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Skeleton/Styles.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,oBAAoB,oEAyBhC,CAAC"}

package/dist/esm/components/Loaders/Skeleton/Styles.js

@@ -1,7 +1,8 @@
 import styled, { keyframes } from "styled-components";
+import { DARK_THEME_SELECTOR } from "../../../utils/themes";
 const linearAnimation = keyframes(["0%{background-position:left;}100%{background-position:right;}"]);
 export const StyledSkeletonLoader = styled.div.withConfig({
   displayName: "Styles__StyledSkeletonLoader",
   componentId: "sc-1n0a2yl-0"
-})(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;.neon &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], linearAnimation);
+})(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;", " &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], DARK_THEME_SELECTOR, linearAnimation);
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Loaders/Skeleton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","keyframes","linearAnimation","StyledSkeletonLoader","div","withConfig","displayName","componentId"],"sources":["../../../../../src/components/Loaders/Skeleton/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst linearAnimation = keyframes`\n  0% {\n    background-position: left;\n  }\n  100% {\n    background-position: right;\n  }\n`;\n\nexport const StyledSkeletonLoader = styled.div`\n  width: 70%;\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 20%,\n    rgba(0, 0, 0, 0.05) 50%,\n    rgba(255, 255, 255, 0) 60%\n  );\n  background-size: 400%;\n  height: 16px;\n  border-radius: 8px;\n  .neon & {\n    background: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 20%,\n      rgba(0, 0, 0, 0.2) 50%,\n      rgba(255, 255, 255, 0) 60%\n    );\n    background-size: 500%;\n  }\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: ${linearAnimation};\n  animation-timing-function: linear;\n  animation-direction: reverse;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AAErD,MAAMC,eAAe,GAAGD,SAAS,mEAOhC;AAED,OAAO,MAAME,oBAAoB,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+bAsB1BL,eAAe,CAGlC","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","keyframes","DARK_THEME_SELECTOR","linearAnimation","StyledSkeletonLoader","div","withConfig","displayName","componentId"],"sources":["../../../../../src/components/Loaders/Skeleton/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nimport { DARK_THEME_SELECTOR } from \"../../../utils/themes\";\n\nconst linearAnimation = keyframes`\n  0% {\n    background-position: left;\n  }\n  100% {\n    background-position: right;\n  }\n`;\n\nexport const StyledSkeletonLoader = styled.div`\n  width: 70%;\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 20%,\n    rgba(0, 0, 0, 0.05) 50%,\n    rgba(255, 255, 255, 0) 60%\n  );\n  background-size: 400%;\n  height: 16px;\n  border-radius: 8px;\n  ${DARK_THEME_SELECTOR} & {\n    background: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 20%,\n      rgba(0, 0, 0, 0.2) 50%,\n      rgba(255, 255, 255, 0) 60%\n    );\n    background-size: 500%;\n  }\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: ${linearAnimation};\n  animation-timing-function: linear;\n  animation-direction: reverse;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AAErD,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,MAAMC,eAAe,GAAGF,SAAS,mEAOhC;AAED,OAAO,MAAMG,oBAAoB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8bAW1CN,mBAAmB,EAWHC,eAAe,CAGlC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe;oBACV,SAAS,GAAG,WAAW;SA6CxC,CAAC;AAGF,eAAO,MAAM,eAAe,sEAsB3B,CAAC;AAGF,eAAO,MAAM,kBAAkB,oEAY9B,CAAC;AAGF,eAAO,MAAM,WAAW;cACZ,OAAO;SAyBlB,CAAC;AAGF,eAAO,MAAM,eAAe,oEA8L3B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tables/Styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe;oBACV,SAAS,GAAG,WAAW;SA6CxC,CAAC;AAGF,eAAO,MAAM,eAAe,sEAsB3B,CAAC;AAGF,eAAO,MAAM,kBAAkB,oEAY9B,CAAC;AAGF,eAAO,MAAM,WAAW;cACZ,OAAO;SAyBlB,CAAC;AAGF,eAAO,MAAM,eAAe,oEA8L3B,CAAC"}

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

@@ -1,4 +1,5 @@
 import styled, { css } from "styled-components";
+import { DARK_THEME_SELECTOR } from "../../utils/themes";
 import { BoxSizingStyle } from "../BoxSizingStyle";
 import { FontStyle } from "../FontStyle";
 export const StyledTableHead = styled.thead.withConfig({
@@ -87,7 +88,7 @@ StyledTable.displayName = "StyledTable";
 export const StyledDataTable = styled.div.withConfig({
   displayName: "Styles__StyledDataTable",
   componentId: "sc-e16t6w-4"
-})(["", " ", " &.c-table__collapsible{.c-table__head{tr{th{position:sticky;top:0;z-index:1;}}}}&.c-table__grouped{.c-table__head th{", " &:last-child{", "}}}&.c-data-table{position:relative;.c-table__head th{&:last-child{", "}}}.c-table__cell{", " &:hover{.c-table__icon{", "}}}.c-table__overlay{", " top:0px;border-top-left-radius:8px;border-top-right-radius:8px;background:rgba(0,0,0,0.02);.neon &{background:rgba(0,0,0,0.1);}z-index:5;}.c-table__icon-wrapper{", "}.c-table__label{", "}.c-table__icon{transform:translateY(1px);", " fill:var(--color-theme-900);&:hover{", "}}.c-table__icon--inactive{", "}.c-table__icon--active{", "}.c-table__icon--desc{transform:rotate(-180deg) scale(-1,1);}.c-table__grouped__head{", " > :first-child{", "}a:first-child{", "}}.c-table__head--hidden{", "}.c-table__collapse_icon--expanded{transition-duration:0.3s;", "}.c-table__collapse_icon--collapsed{transform:rotate(180deg);transition-duration:0.3s;", "}.c-table__head__icon-wrapper__icon{", " transform:translate(-24px,-5px);}&.c-table__collapsible{.c-table__group{.c-table__row:last-child .c-table__cell{border-bottom:1px solid var(--border-primary);}&:last-child{.c-table__row:last-child .c-table__cell{border-bottom:0;}}}.c-table__grouped__head{tr td{border-bottom:1px solid var(--border-primary);}.c-table__body__collapse td{border-bottom:0;}&.last{tr td{border-bottom:0 !important;}}}.c-table__grouped__head--expanded{tr:last-child td{border-bottom:0;}}}.c-table__collapse_body{tr{background-color:transparent !important;}td:last-child{", "}", "}.c-table__row{td:first-child{position:sticky;left:0;z-index:1;}&:nth-child(odd){td{", "}}&:nth-child(even){td{", "}}}.c-table__row{th:first-child{position:sticky;left:0;z-index:2 !important;}}&.c-table__collapsible .c-table__body{tr{td:first-child,th:first-child{", "}}}.c-table__body__icon{", " padding-left:0 !important;transform:translateY(8px);}&.padding-b-0{", "}.cursor-pointer{", "}.text-center{", "}.opacity-75{", "}.hidden{", "}"], FontStyle, BoxSizingStyle, {
+})(["", " ", " &.c-table__collapsible{.c-table__head{tr{th{position:sticky;top:0;z-index:1;}}}}&.c-table__grouped{.c-table__head th{", " &:last-child{", "}}}&.c-data-table{position:relative;.c-table__head th{&:last-child{", "}}}.c-table__cell{", " &:hover{.c-table__icon{", "}}}.c-table__overlay{", " top:0px;border-top-left-radius:8px;border-top-right-radius:8px;background:rgba(0,0,0,0.02);", " &{background:rgba(0,0,0,0.1);}z-index:5;}.c-table__icon-wrapper{", "}.c-table__label{", "}.c-table__icon{transform:translateY(1px);", " fill:var(--color-theme-900);&:hover{", "}}.c-table__icon--inactive{", "}.c-table__icon--active{", "}.c-table__icon--desc{transform:rotate(-180deg) scale(-1,1);}.c-table__grouped__head{", " > :first-child{", "}a:first-child{", "}}.c-table__head--hidden{", "}.c-table__collapse_icon--expanded{transition-duration:0.3s;", "}.c-table__collapse_icon--collapsed{transform:rotate(180deg);transition-duration:0.3s;", "}.c-table__head__icon-wrapper__icon{", " transform:translate(-24px,-5px);}&.c-table__collapsible{.c-table__group{.c-table__row:last-child .c-table__cell{border-bottom:1px solid var(--border-primary);}&:last-child{.c-table__row:last-child .c-table__cell{border-bottom:0;}}}.c-table__grouped__head{tr td{border-bottom:1px solid var(--border-primary);}.c-table__body__collapse td{border-bottom:0;}&.last{tr td{border-bottom:0 !important;}}}.c-table__grouped__head--expanded{tr:last-child td{border-bottom:0;}}}.c-table__collapse_body{tr{background-color:transparent !important;}td:last-child{", "}", "}.c-table__row{td:first-child{position:sticky;left:0;z-index:1;}&:nth-child(odd){td{", "}}&:nth-child(even){td{", "}}}.c-table__row{th:first-child{position:sticky;left:0;z-index:2 !important;}}&.c-table__collapsible .c-table__body{tr{td:first-child,th:first-child{", "}}}.c-table__body__icon{", " padding-left:0 !important;transform:translateY(8px);}&.padding-b-0{", "}.cursor-pointer{", "}.text-center{", "}.opacity-75{", "}.hidden{", "}"], FontStyle, BoxSizingStyle, {
   "paddingBottom": "1rem"
 }, {
   "paddingRight": "0px"
@@ -102,7 +103,7 @@ export const StyledDataTable = styled.div.withConfig({
   "position": "absolute",
   "left": "0px",
   "width": "100%"
-}, {
+}, DARK_THEME_SELECTOR, {
   "display": "inline-block",
   "userSelect": "none"
 }, {

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledTableHead","thead","withConfig","displayName","componentId","props","$headerVariant","StyledTableBody","tbody","StyledTableWrapper","div","StyledTable","table","$striped","StyledDataTable"],"sources":["../../../../src/components/Tables/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTableHead = styled.thead<{\n  $headerVariant: \"primary\" | \"secondary\";\n}>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-text-left tw-uppercase`}\n  ${tw`tw-text-theme-700 tw-font-semibold tw-text-xxs`}\n\n  ${(props) =>\n    props.$headerVariant &&\n    props.$headerVariant === \"primary\" &&\n    css`\n      th {\n        ${tw`tw-whitespace-nowrap tw-pl-4 tw-pr-4 tw-pb-8 tw-pt-2`}\n      }\n\n      tr {\n        td:first-child,\n        th:first-child {\n          ${tw`tw-pl-6`}\n        }\n      }\n    `}\n\n    ${(props) =>\n    props.$headerVariant &&\n    props.$headerVariant === \"secondary\" &&\n    css`\n      th {\n        ${tw`tw-whitespace-nowrap`}\n      }\n\n      tr {\n        th {\n          padding-bottom: 8px;\n          padding-left: 16px;\n        }\n      }\n\n      tr {\n        th:last-child {\n          padding-right: 16px;\n        }\n      }\n    `}\n`;\nStyledTableHead.displayName = \"StyledTableHead\";\n\nexport const StyledTableBody = styled.tbody`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-truncate`}\n\n  td {\n    ${tw`tw-truncate`}\n  }\n\n  &:not(.c-table__grouped__head) {\n    td {\n      ${tw`tw-text-theme-700`}\n    }\n  }\n\n  a {\n    ${tw`tw-no-underline tw-text-primary`}\n    &:hover {\n      ${tw`tw-underline`}\n    }\n  }\n`;\nStyledTableBody.displayName = \"StyledTableBody\";\n\nexport const StyledTableWrapper = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-mt-8 tw-mx-4 tw-overflow-x-auto tw-overflow-y-hidden`}\n\n  &:before {\n    ${tw`tw-absolute tw-left-0 tw-right-0 tw-bottom-0 tw-bg-page-paper-main tw-rounded-lg tw-shadow-lg`}\n    content: \"\";\n    top: 39px;\n    z-index: -1;\n  }\n`;\nStyledTableWrapper.displayName = \"StyledTableWrapper\";\n\nexport const StyledTable = styled.table<{\n  $striped: boolean;\n}>`\n  ${tw`tw-w-full tw-p-0 tw-text-xs tw-pb-4`}\n  border-spacing: 0;\n\n  ${StyledTableHead} tr th,\n  ${StyledTableBody} tr td {\n    &:last-child {\n      ${tw`tw-text-right`}\n    }\n  }\n\n  td {\n    ${tw`tw-py-3 tw-px-4`}\n  }\n\n  ${(props) =>\n    props.$striped &&\n    css`\n      ${StyledTableBody}:not(.c-table__grouped__head) {\n        tr:nth-child(odd) {\n          ${tw`tw-bg-theme-200`}\n        }\n      }\n    `}\n`;\nStyledTable.displayName = \"StyledTable\";\n\nexport const StyledDataTable = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  &.c-table__collapsible {\n    .c-table__head {\n      tr {\n        th {\n          position: sticky;\n          top: 0;\n          z-index: 1;\n        }\n      }\n    }\n  }\n  &.c-table__grouped {\n    .c-table__head th {\n      ${tw`tw-pb-4`}\n      &:last-child {\n        ${tw`tw-pr-0`}\n      }\n    }\n  }\n  &.c-data-table {\n    position: relative;\n    .c-table__head th {\n      &:last-child {\n        ${tw`tw-pr-0`}\n      }\n    }\n  }\n  .c-table__cell {\n    ${tw`tw-relative`}\n    &:hover {\n      .c-table__icon {\n        ${tw`tw-opacity-50`}\n      }\n    }\n  }\n  .c-table__overlay {\n    ${tw`tw-absolute tw-w-full tw-left-0 tw-pointer-events-none`}\n    top: 0px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n    background: rgba(0, 0, 0, 0.02);\n    .neon & {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    z-index: 5;\n  }\n  .c-table__icon-wrapper {\n    ${tw`tw-inline-block tw-select-none`}\n  }\n  .c-table__label {\n    ${tw`tw-border-0 tw-border-0 tw-border-transparent tw-border-solid`}\n  }\n  .c-table__icon {\n    transform: translateY(1px);\n    ${tw`tw-ml-1`}\n    fill: var(--color-theme-900);\n\n    &:hover {\n      ${tw`tw-opacity-100`}\n    }\n  }\n  .c-table__icon--inactive {\n    ${tw`tw-opacity-0`}\n  }\n  .c-table__icon--active {\n    ${tw`tw-opacity-100`}\n  }\n  .c-table__icon--desc {\n    transform: rotate(-180deg) scale(-1, 1);\n  }\n  .c-table__grouped__head {\n    ${tw`tw-font-bold`}\n    > :first-child {\n      ${tw`tw-text-theme-900`}\n    }\n    a:first-child {\n      ${tw`tw-text-primary`}\n    }\n  }\n  .c-table__head--hidden {\n    ${tw`tw-pointer-events-none tw-opacity-0`}\n  }\n  .c-table__collapse_icon--expanded {\n    transition-duration: 0.3s;\n    ${tw`tw-cursor-pointer`}\n  }\n  .c-table__collapse_icon--collapsed {\n    transform: rotate(180deg);\n    transition-duration: 0.3s;\n    ${tw`tw-cursor-pointer`}\n  }\n  .c-table__head__icon-wrapper__icon {\n    ${tw`tw-absolute tw-cursor-pointer`}\n    transform: translate(-24px, -5px);\n  }\n  &.c-table__collapsible {\n    .c-table__group {\n      .c-table__row:last-child .c-table__cell {\n        border-bottom: 1px solid var(--border-primary);\n      }\n      &:last-child {\n        .c-table__row:last-child .c-table__cell {\n          border-bottom: 0;\n        }\n      }\n    }\n    .c-table__grouped__head {\n      tr td {\n        border-bottom: 1px solid var(--border-primary);\n      }\n      .c-table__body__collapse td {\n        border-bottom: 0;\n      }\n      &.last {\n        tr td {\n          border-bottom: 0 !important;\n        }\n      }\n    }\n    .c-table__grouped__head--expanded {\n      tr:last-child td {\n        border-bottom: 0;\n      }\n    }\n  }\n  .c-table__collapse_body {\n    tr {\n      background-color: transparent !important;\n    }\n    td:last-child {\n      ${tw`tw-border-0`}\n    }\n    ${tw`tw-absolute`}\n  }\n  .c-table__row {\n    td:first-child {\n      position: sticky;\n      left: 0;\n      z-index: 1;\n    }\n    &:nth-child(odd) {\n      td {\n        ${tw`tw-bg-theme-200`}\n      }\n    }\n    &:nth-child(even) {\n      td {\n        ${tw`tw-bg-page-paper-main`}\n      }\n    }\n  }\n  .c-table__row {\n    th:first-child {\n      position: sticky;\n      left: 0;\n      z-index: 2 !important;\n    }\n  }\n  &.c-table__collapsible .c-table__body {\n    tr {\n      td:first-child,\n      th:first-child {\n        ${tw`tw-pl-6`}\n      }\n    }\n  }\n  .c-table__body__icon {\n    ${tw`tw-p-0`}\n    padding-left: 0 !important;\n    transform: translateY(8px);\n  }\n  &.padding-b-0 {\n    ${tw`tw-pb-0`}\n  }\n  .cursor-pointer {\n    ${tw`tw-cursor-pointer`}\n  }\n  .text-center {\n    ${tw`tw-text-center`}\n  }\n  .opacity-75 {\n    ${tw`tw-opacity-75`}\n  }\n  .hidden {\n    ${tw`tw-hidden`}\n  }\n`;\nStyledDataTable.displayName = \"StyledDataTable\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","DARK_THEME_SELECTOR","BoxSizingStyle","FontStyle","StyledTableHead","thead","withConfig","displayName","componentId","props","$headerVariant","StyledTableBody","tbody","StyledTableWrapper","div","StyledTable","table","$striped","StyledDataTable"],"sources":["../../../../src/components/Tables/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { DARK_THEME_SELECTOR } from \"../../utils/themes\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTableHead = styled.thead<{\n  $headerVariant: \"primary\" | \"secondary\";\n}>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-text-left tw-uppercase`}\n  ${tw`tw-text-theme-700 tw-font-semibold tw-text-xxs`}\n\n  ${(props) =>\n    props.$headerVariant &&\n    props.$headerVariant === \"primary\" &&\n    css`\n      th {\n        ${tw`tw-whitespace-nowrap tw-pl-4 tw-pr-4 tw-pb-8 tw-pt-2`}\n      }\n\n      tr {\n        td:first-child,\n        th:first-child {\n          ${tw`tw-pl-6`}\n        }\n      }\n    `}\n\n    ${(props) =>\n    props.$headerVariant &&\n    props.$headerVariant === \"secondary\" &&\n    css`\n      th {\n        ${tw`tw-whitespace-nowrap`}\n      }\n\n      tr {\n        th {\n          padding-bottom: 8px;\n          padding-left: 16px;\n        }\n      }\n\n      tr {\n        th:last-child {\n          padding-right: 16px;\n        }\n      }\n    `}\n`;\nStyledTableHead.displayName = \"StyledTableHead\";\n\nexport const StyledTableBody = styled.tbody`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-truncate`}\n\n  td {\n    ${tw`tw-truncate`}\n  }\n\n  &:not(.c-table__grouped__head) {\n    td {\n      ${tw`tw-text-theme-700`}\n    }\n  }\n\n  a {\n    ${tw`tw-no-underline tw-text-primary`}\n    &:hover {\n      ${tw`tw-underline`}\n    }\n  }\n`;\nStyledTableBody.displayName = \"StyledTableBody\";\n\nexport const StyledTableWrapper = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-mt-8 tw-mx-4 tw-overflow-x-auto tw-overflow-y-hidden`}\n\n  &:before {\n    ${tw`tw-absolute tw-left-0 tw-right-0 tw-bottom-0 tw-bg-page-paper-main tw-rounded-lg tw-shadow-lg`}\n    content: \"\";\n    top: 39px;\n    z-index: -1;\n  }\n`;\nStyledTableWrapper.displayName = \"StyledTableWrapper\";\n\nexport const StyledTable = styled.table<{\n  $striped: boolean;\n}>`\n  ${tw`tw-w-full tw-p-0 tw-text-xs tw-pb-4`}\n  border-spacing: 0;\n\n  ${StyledTableHead} tr th,\n  ${StyledTableBody} tr td {\n    &:last-child {\n      ${tw`tw-text-right`}\n    }\n  }\n\n  td {\n    ${tw`tw-py-3 tw-px-4`}\n  }\n\n  ${(props) =>\n    props.$striped &&\n    css`\n      ${StyledTableBody}:not(.c-table__grouped__head) {\n        tr:nth-child(odd) {\n          ${tw`tw-bg-theme-200`}\n        }\n      }\n    `}\n`;\nStyledTable.displayName = \"StyledTable\";\n\nexport const StyledDataTable = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  &.c-table__collapsible {\n    .c-table__head {\n      tr {\n        th {\n          position: sticky;\n          top: 0;\n          z-index: 1;\n        }\n      }\n    }\n  }\n  &.c-table__grouped {\n    .c-table__head th {\n      ${tw`tw-pb-4`}\n      &:last-child {\n        ${tw`tw-pr-0`}\n      }\n    }\n  }\n  &.c-data-table {\n    position: relative;\n    .c-table__head th {\n      &:last-child {\n        ${tw`tw-pr-0`}\n      }\n    }\n  }\n  .c-table__cell {\n    ${tw`tw-relative`}\n    &:hover {\n      .c-table__icon {\n        ${tw`tw-opacity-50`}\n      }\n    }\n  }\n  .c-table__overlay {\n    ${tw`tw-absolute tw-w-full tw-left-0 tw-pointer-events-none`}\n    top: 0px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n    background: rgba(0, 0, 0, 0.02);\n    ${DARK_THEME_SELECTOR} & {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    z-index: 5;\n  }\n  .c-table__icon-wrapper {\n    ${tw`tw-inline-block tw-select-none`}\n  }\n  .c-table__label {\n    ${tw`tw-border-0 tw-border-0 tw-border-transparent tw-border-solid`}\n  }\n  .c-table__icon {\n    transform: translateY(1px);\n    ${tw`tw-ml-1`}\n    fill: var(--color-theme-900);\n\n    &:hover {\n      ${tw`tw-opacity-100`}\n    }\n  }\n  .c-table__icon--inactive {\n    ${tw`tw-opacity-0`}\n  }\n  .c-table__icon--active {\n    ${tw`tw-opacity-100`}\n  }\n  .c-table__icon--desc {\n    transform: rotate(-180deg) scale(-1, 1);\n  }\n  .c-table__grouped__head {\n    ${tw`tw-font-bold`}\n    > :first-child {\n      ${tw`tw-text-theme-900`}\n    }\n    a:first-child {\n      ${tw`tw-text-primary`}\n    }\n  }\n  .c-table__head--hidden {\n    ${tw`tw-pointer-events-none tw-opacity-0`}\n  }\n  .c-table__collapse_icon--expanded {\n    transition-duration: 0.3s;\n    ${tw`tw-cursor-pointer`}\n  }\n  .c-table__collapse_icon--collapsed {\n    transform: rotate(180deg);\n    transition-duration: 0.3s;\n    ${tw`tw-cursor-pointer`}\n  }\n  .c-table__head__icon-wrapper__icon {\n    ${tw`tw-absolute tw-cursor-pointer`}\n    transform: translate(-24px, -5px);\n  }\n  &.c-table__collapsible {\n    .c-table__group {\n      .c-table__row:last-child .c-table__cell {\n        border-bottom: 1px solid var(--border-primary);\n      }\n      &:last-child {\n        .c-table__row:last-child .c-table__cell {\n          border-bottom: 0;\n        }\n      }\n    }\n    .c-table__grouped__head {\n      tr td {\n        border-bottom: 1px solid var(--border-primary);\n      }\n      .c-table__body__collapse td {\n        border-bottom: 0;\n      }\n      &.last {\n        tr td {\n          border-bottom: 0 !important;\n        }\n      }\n    }\n    .c-table__grouped__head--expanded {\n      tr:last-child td {\n        border-bottom: 0;\n      }\n    }\n  }\n  .c-table__collapse_body {\n    tr {\n      background-color: transparent !important;\n    }\n    td:last-child {\n      ${tw`tw-border-0`}\n    }\n    ${tw`tw-absolute`}\n  }\n  .c-table__row {\n    td:first-child {\n      position: sticky;\n      left: 0;\n      z-index: 1;\n    }\n    &:nth-child(odd) {\n      td {\n        ${tw`tw-bg-theme-200`}\n      }\n    }\n    &:nth-child(even) {\n      td {\n        ${tw`tw-bg-page-paper-main`}\n      }\n    }\n  }\n  .c-table__row {\n    th:first-child {\n      position: sticky;\n      left: 0;\n      z-index: 2 !important;\n    }\n  }\n  &.c-table__collapsible .c-table__body {\n    tr {\n      td:first-child,\n      th:first-child {\n        ${tw`tw-pl-6`}\n      }\n    }\n  }\n  .c-table__body__icon {\n    ${tw`tw-p-0`}\n    padding-left: 0 !important;\n    transform: translateY(8px);\n  }\n  &.padding-b-0 {\n    ${tw`tw-pb-0`}\n  }\n  .cursor-pointer {\n    ${tw`tw-cursor-pointer`}\n  }\n  .text-center {\n    ${tw`tw-text-center`}\n  }\n  .opacity-75 {\n    ${tw`tw-opacity-75`}\n  }\n  .hidden {\n    ${tw`tw-hidden`}\n  }\n`;\nStyledDataTable.displayName = \"StyledDataTable\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/presentation/shared/PresentationShell.js

@@ -8,7 +8,7 @@ import { Modal } from "../../components/Modal";
 import { Paper } from "../../components/Paper";
 import { Tooltip } from "../../components/Tooltip";
 import { Body2, Caption1 } from "../../components/Typography";
-import { useResizeObserver } from "../../utils";
+import { DARK_THEME_SELECTOR, useResizeObserver } from "../../utils";
 const MENU_ITEMS = [{
   icon: RocketIcon,
   text: "Getting Started"
@@ -107,7 +107,7 @@ const StyledTopRightControls = styled.div.withConfig({
 const StyledHeaderAvatar = styled.div.withConfig({
   displayName: "PresentationShell__StyledHeaderAvatar",
   componentId: "sc-12j90o1-12"
-})(["width:28px;height:28px;border-radius:50%;background-color:var(--color-secondary);color:var(--only-white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin:0 8px;flex-shrink:0;cursor:pointer;.neon &{color:var(--page-paper-main);}"]);
+})(["width:28px;height:28px;border-radius:50%;background-color:var(--color-secondary);color:var(--only-white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin:0 8px;flex-shrink:0;cursor:pointer;", " &{color:var(--page-paper-main);}"], DARK_THEME_SELECTOR);
 
 /* ------------------------------------------------------------------ */
 /* Page region (mirrors Page.jsx / PageBody.jsx)                       */