ics-ui-kit 0.1.6 → 0.1.8

package/dist/components/search-select.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as D, Fragment as q } from "react/jsx-runtime";
 import F, { useState as w, useCallback as x, useEffect as A, forwardRef as ee, useMemo as M, useRef as H } from "react";
 import { T as Q } from "../index-BVqs-uqP.js";
 import { u as K, S as fe } from "../SearchSelectTag-DFCX9zT1.js";
-import { b as Se, g as re, C as te, c as ne, e as ge, i as ve } from "../Command-BhbfL5wm.js";
+import { b as Se, g as re, C as te, c as ne, e as ge, i as ve } from "../Command-CiZHptkR.js";
 import { I as j } from "../Icon-DH3ev9GK.js";
 import { b as ye, P as _, a as $ } from "../Popover-Dvr7y0YY.js";
 import { m as Ce, s as be } from "../Select-DRwv6-eZ.js";

package/dist/components/sheet.js

@@ -1,4 +1,4 @@
-import { S as a, g as s, a as h, e as S, c as r, b as o, i, h as l, d as g, f as n } from "../Sheet-rtwmzm2-.js";
+import { S as a, g as s, a as h, e as S, c as r, b as o, i, h as l, d as g, f as n } from "../Sheet-zTMuP7C8.js";
 export {
   a as Sheet,
   s as SheetClose,

package/dist/components/sidebar.js

@@ -3,7 +3,7 @@ import { e as T } from "../useBreakpoints-D8wKOvil.js";
 import o from "react";
 import { T as B, b as D, c as A, a as E } from "../Tooltip-C4rVuWr4.js";
 import { c as w } from "../cn-dsXlqdJg.js";
-import { S as G, a as L, b as O, d as H, e as P } from "../Sheet-rtwmzm2-.js";
+import { S as G, a as L, b as O, d as H, e as P } from "../Sheet-zTMuP7C8.js";
 import { I as R } from "../IconButton-DwkpNgn3.js";
 import { T as K } from "../TextInput-Cj50ImXi.js";
 import { D as j } from "../Divider-DPW5ZhZ8.js";

package/dist/formatBytes-C4QXq5lC.js

@@ -0,0 +1,9 @@
+const e = (t, o = 2) => {
+  if (t === 0) return "0 Bytes";
+  const B = 1024, s = o < 0 ? 0 : o, a = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], r = Math.floor(Math.log(t) / Math.log(B));
+  return `${Number.parseFloat((t / Math.pow(B, r)).toFixed(s))} ${a[r]}`;
+};
+export {
+  e as f
+};
+//# sourceMappingURL=formatBytes-C4QXq5lC.js.map

package/dist/formatBytes-C4QXq5lC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatBytes-C4QXq5lC.js","sources":["../src/lib/utils/file/formatBytes.ts"],"sourcesContent":["// Helper function to format bytes to human-readable format\nexport const formatBytes = (bytes: number, decimals = 2): string => {\n\tif (bytes === 0) return \"0 Bytes\";\n\n\tconst k = 1024;\n\tconst dm = decimals < 0 ? 0 : decimals;\n\tconst sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\n\tconst i = Math.floor(Math.log(bytes) / Math.log(k));\n\n\treturn `${Number.parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n};\n"],"names":["formatBytes","bytes","decimals","k","dm","sizes","i"],"mappings":"AACO,MAAMA,IAAc,CAACC,GAAeC,IAAW,MAAc;AAC/D,MAAAD,MAAU,EAAU,QAAA;AAExB,QAAME,IAAI,MACJC,IAAKF,IAAW,IAAI,IAAIA,GACxBG,IAAQ,CAAC,SAAS,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,GAEhEC,IAAI,KAAK,MAAM,KAAK,IAAIL,CAAK,IAAI,KAAK,IAAIE,CAAC,CAAC;AAElD,SAAO,GAAG,OAAO,YAAYF,IAAQ,KAAK,IAAIE,GAAGG,CAAC,GAAG,QAAQF,CAAE,CAAC,CAAC,IAAIC,EAAMC,CAAC,CAAC;AAC9E;"}

package/dist/hooks/use-file-upload.js

@@ -1,4 +1,4 @@
-import { d as e, a as r, u as o } from "../useFileUpload-iDag0iqM.js";
+import { d as e, a as r, u as o } from "../useFileUpload-Bnl3P8mP.js";
 export {
   e as defaultErrorMessages,
   r as defaultErrorMessagesRu,

package/dist/lib/utils/index.d.ts

@@ -1,2 +1,3 @@
 export { formatCounterValue } from './formatCounterValue';
 export { cn } from './cn';
+export { formatBytes } from './file/formatBytes';

package/dist/lib/utils.js

@@ -1,4 +1,5 @@
-import { c as o } from "../cn-dsXlqdJg.js";
+import { c as i } from "../cn-dsXlqdJg.js";
+import { f as c } from "../formatBytes-C4QXq5lC.js";
 function n(r) {
   if (r === 0 || r < 0)
     return "";
@@ -19,7 +20,8 @@ function n(r) {
   return String(r);
 }
 export {
-  o as cn,
+  i as cn,
+  c as formatBytes,
   n as formatCounterValue
 };
 //# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/lib/utils/formatCounterValue.ts"],"sourcesContent":["/**\n * Форматирует число для отображения в компоненте Counter согласно правилам:\n * - Максимум 4 символа, включая `+`\n * - 0 не отображается\n * - Без дробей\n *\n * @param value - Число для форматирования\n * @returns Отформатированная строка или пустая строка для 0\n *\n * @example\n * formatCounterValue(5) // \"5\"\n * formatCounterValue(42) // \"42\"\n * formatCounterValue(150) // \"99+\"\n * formatCounterValue(5000) // \"999+\"\n * formatCounterValue(50000) // \"10k+\"\n * formatCounterValue(2000000) // \"2М+\"\n * formatCounterValue(10000000) // \"10М+\"\n * formatCounterValue(99000000) // \"99М+\"\n * formatCounterValue(0) // \"\"\n */\nexport function formatCounterValue(value: number): string {\n\t// 0 не отображаем\n\tif (value === 0) {\n\t\treturn \"\";\n\t}\n\n\t// Отрицательные числа не поддерживаются\n\tif (value < 0) {\n\t\treturn \"\";\n\t}\n\n\t// 1-9: показать одну цифру\n\tif (value >= 1 && value <= 9) {\n\t\treturn String(value);\n\t}\n\n\t// 10-99: показать две цифры\n\tif (value >= 10 && value <= 99) {\n\t\treturn String(value);\n\t}\n\n\t// 100-999: показать \"99+\"\n\tif (value >= 100 && value <= 999) {\n\t\treturn \"99+\";\n\t}\n\n\t// 1 000-9 999: показать \"999+\"\n\tif (value >= 1000 && value <= 9999) {\n\t\treturn \"999+\";\n\t}\n\n\t// 10 000-999 999: показать \"10k+\", \"99k+\" и т.д.\n\tif (value >= 10000 && value <= 999999) {\n\t\tconst thousands = Math.floor(value / 1000);\n\t\t// Проверяем, что результат не превышает 4 символа\n\t\tif (thousands <= 99) {\n\t\t\treturn `${thousands}k+`;\n\t\t}\n\t\t// Если больше 99k, показываем 99k+\n\t\treturn \"99k+\";\n\t}\n\n\t// ≥ 1 000 000: показать \"1М+\", \"9М+\", \"10М+\", \"99М+\" и т.д.\n\tif (value >= 1000000) {\n\t\tconst millions = Math.floor(value / 1000000);\n\t\t// 1-9 млн и 10-98 млн\"\n\t\tif ((millions >= 1 && millions <= 9) || (millions >= 10 && millions <= 98)) {\n\t\t\treturn `${millions}М+`;\n\t\t}\n\t\t// 99 млн и выше: всегда \"99М+\"\n\t\treturn \"99М+\";\n\t}\n\n\t// Fallback (не должно произойти)\n\treturn String(value);\n}\n"],"names":["formatCounterValue","value","thousands","millions"],"mappings":";AAoBO,SAASA,EAAmBC,GAAuB;AAOzD,MALIA,MAAU,KAKVA,IAAQ;AACJ,WAAA;AASJ,MALAA,KAAS,KAAKA,KAAS,KAKvBA,KAAS,MAAMA,KAAS;AAC3B,WAAO,OAAOA,CAAK;AAIhB,MAAAA,KAAS,OAAOA,KAAS;AACrB,WAAA;AAIJ,MAAAA,KAAS,OAAQA,KAAS;AACtB,WAAA;AAIJ,MAAAA,KAAS,OAASA,KAAS,QAAQ;AACtC,UAAMC,IAAY,KAAK,MAAMD,IAAQ,GAAI;AAEzC,WAAIC,KAAa,KACT,GAAGA,CAAS,OAGb;AAAA,EAAA;AAIR,MAAID,KAAS,KAAS;AACrB,UAAME,IAAW,KAAK,MAAMF,IAAQ,GAAO;AAE3C,WAAKE,KAAY,KAAKA,KAAY,KAAOA,KAAY,MAAMA,KAAY,KAC/D,GAAGA,CAAQ,OAGZ;AAAA,EAAA;AAIR,SAAO,OAAOF,CAAK;AACpB;"}
+{"version":3,"file":"utils.js","sources":["../../src/lib/utils/formatCounterValue.ts"],"sourcesContent":["/**\n * Форматирует число для отображения в компоненте Counter согласно правилам:\n * - Максимум 4 символа, включая `+`\n * - 0 не отображается\n * - Без дробей\n *\n * @param value - Число для форматирования\n * @returns Отформатированная строка или пустая строка для 0\n *\n * @example\n * formatCounterValue(5) // \"5\"\n * formatCounterValue(42) // \"42\"\n * formatCounterValue(150) // \"99+\"\n * formatCounterValue(5000) // \"999+\"\n * formatCounterValue(50000) // \"10k+\"\n * formatCounterValue(2000000) // \"2М+\"\n * formatCounterValue(10000000) // \"10М+\"\n * formatCounterValue(99000000) // \"99М+\"\n * formatCounterValue(0) // \"\"\n */\nexport function formatCounterValue(value: number): string {\n\t// 0 не отображаем\n\tif (value === 0) {\n\t\treturn \"\";\n\t}\n\n\t// Отрицательные числа не поддерживаются\n\tif (value < 0) {\n\t\treturn \"\";\n\t}\n\n\t// 1-9: показать одну цифру\n\tif (value >= 1 && value <= 9) {\n\t\treturn String(value);\n\t}\n\n\t// 10-99: показать две цифры\n\tif (value >= 10 && value <= 99) {\n\t\treturn String(value);\n\t}\n\n\t// 100-999: показать \"99+\"\n\tif (value >= 100 && value <= 999) {\n\t\treturn \"99+\";\n\t}\n\n\t// 1 000-9 999: показать \"999+\"\n\tif (value >= 1000 && value <= 9999) {\n\t\treturn \"999+\";\n\t}\n\n\t// 10 000-999 999: показать \"10k+\", \"99k+\" и т.д.\n\tif (value >= 10000 && value <= 999999) {\n\t\tconst thousands = Math.floor(value / 1000);\n\t\t// Проверяем, что результат не превышает 4 символа\n\t\tif (thousands <= 99) {\n\t\t\treturn `${thousands}k+`;\n\t\t}\n\t\t// Если больше 99k, показываем 99k+\n\t\treturn \"99k+\";\n\t}\n\n\t// ≥ 1 000 000: показать \"1М+\", \"9М+\", \"10М+\", \"99М+\" и т.д.\n\tif (value >= 1000000) {\n\t\tconst millions = Math.floor(value / 1000000);\n\t\t// 1-9 млн и 10-98 млн\"\n\t\tif ((millions >= 1 && millions <= 9) || (millions >= 10 && millions <= 98)) {\n\t\t\treturn `${millions}М+`;\n\t\t}\n\t\t// 99 млн и выше: всегда \"99М+\"\n\t\treturn \"99М+\";\n\t}\n\n\t// Fallback (не должно произойти)\n\treturn String(value);\n}\n"],"names":["formatCounterValue","value","thousands","millions"],"mappings":";;AAoBO,SAASA,EAAmBC,GAAuB;AAOzD,MALIA,MAAU,KAKVA,IAAQ;AACJ,WAAA;AASJ,MALAA,KAAS,KAAKA,KAAS,KAKvBA,KAAS,MAAMA,KAAS;AAC3B,WAAO,OAAOA,CAAK;AAIhB,MAAAA,KAAS,OAAOA,KAAS;AACrB,WAAA;AAIJ,MAAAA,KAAS,OAAQA,KAAS;AACtB,WAAA;AAIJ,MAAAA,KAAS,OAASA,KAAS,QAAQ;AACtC,UAAMC,IAAY,KAAK,MAAMD,IAAQ,GAAI;AAEzC,WAAIC,KAAa,KACT,GAAGA,CAAS,OAGb;AAAA,EAAA;AAIR,MAAID,KAAS,KAAS;AACrB,UAAME,IAAW,KAAK,MAAMF,IAAQ,GAAO;AAE3C,WAAKE,KAAY,KAAKA,KAAY,KAAOA,KAAY,MAAMA,KAAY,KAC/D,GAAGA,CAAQ,OAGZ;AAAA,EAAA;AAIR,SAAO,OAAOF,CAAK;AACpB;"}

package/dist/styles-scoped.css

@@ -128,18 +128,18 @@
 	--alpha-80: 210 40% 96% / 80%;
 	--alpha-90: 210 40% 96% / 90%;
 
-	--alpha-high-03: 222 47% 11% / 3%;
-	--alpha-high-05: 222 47% 11% / 5%;
-	--alpha-high-08: 222 47% 11% / 8%;
-	--alpha-high-10: 222 47% 11% / 10%;
-	--alpha-high-20: 222 47% 11% / 20%;
-	--alpha-high-30: 222 47% 11% / 30%;
-	--alpha-high-40: 222 47% 11% / 40%;
-	--alpha-high-50: 222 47% 11% / 50%;
-	--alpha-high-60: 222 47% 11% / 60%;
-	--alpha-high-70: 222 47% 11% / 70%;
-	--alpha-high-80: 222 47% 11% / 80%;
-	--alpha-high-90: 222 47% 11% / 90%;
+	--alpha-high-03: 229 84% 5% / 3%;
+	--alpha-high-05: 229 84% 5% / 5%;
+	--alpha-high-08: 229 84% 5% / 8%;
+	--alpha-high-10: 229 84% 5% / 10%;
+	--alpha-high-20: 229 84% 5% / 20%;
+	--alpha-high-30: 229 84% 5% / 30%;
+	--alpha-high-40: 229 84% 5% / 40%;
+	--alpha-high-50: 229 84% 5% / 50%;
+	--alpha-high-60: 229 84% 5% / 60%;
+	--alpha-high-70: 229 84% 5% / 70%;
+	--alpha-high-80: 229 84% 5% / 80%;
+	--alpha-high-90: 229 84% 5% / 90%;
 
 	--alpha-accent-primary: 210 40% 96% / 12%;
 	--alpha-accent-secondary: 210 40% 96% / 8%;
@@ -282,18 +282,18 @@
 	--status-error-secondary-border: 0 63% 31%;
 
 	/** Alpha **/
-	--alpha-03: 222 47% 11% / 3%;
-	--alpha-05: 222 47% 11% / 5%;
-	--alpha-08: 222 47% 11% / 8%;
-	--alpha-10: 222 47% 11% / 10%;
-	--alpha-20: 222 47% 11% / 20%;
-	--alpha-30: 222 47% 11% / 30%;
-	--alpha-40: 222 47% 11% / 40%;
-	--alpha-50: 222 47% 11% / 50%;
-	--alpha-60: 222 47% 11% / 60%;
-	--alpha-70: 222 47% 11% / 70%;
-	--alpha-80: 222 47% 11% / 80%;
-	--alpha-90: 222 47% 11% / 90%;
+	--alpha-03: 229 84% 5% / 3%;
+	--alpha-05: 229 84% 5% / 5%;
+	--alpha-08: 229 84% 5% / 8%;
+	--alpha-10: 229 84% 5% / 10%;
+	--alpha-20: 229 84% 5% / 20%;
+	--alpha-30: 229 84% 5% / 30%;
+	--alpha-40: 229 84% 5% / 40%;
+	--alpha-50: 229 84% 5% / 50%;
+	--alpha-60: 229 84% 5% / 60%;
+	--alpha-70: 229 84% 5% / 70%;
+	--alpha-80: 229 84% 5% / 80%;
+	--alpha-90: 229 84% 5% / 90%;
 
 	--alpha-high-03: 210 40% 96% / 3%;
 	--alpha-high-05: 210 40% 96% / 5%;
@@ -339,7 +339,7 @@
 
 	/** Glass **/
 	--glass-thin: blur(8px) brightness(68%) saturate(130%);
-	--glass-regular: blur(16px) brightness(62%) saturate(160%) contrast(110%);
+	--glass-regular: blur(16px);
 	--glass-thick: blur(24px) brightness(52%) saturate(180%) contrast(115%);
 	--glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6);
 
@@ -1442,6 +1442,9 @@
 .ui-kit .right-0 {
 	right: 0px;
 }
+.ui-kit .right-0\.5 {
+	right: 0.125rem;
+}
 .ui-kit .right-1 {
 	right: 0.25rem;
 }
@@ -3004,13 +3007,13 @@
 	background-color: hsl(var(--alpha-50));
 }
 .ui-kit .bg-alpha-60 {
-	background-color: hsl(var(--alpha-50));
+	background-color: hsl(var(--alpha-40));
 }
 .ui-kit .bg-alpha-high-20 {
 	background-color: hsl(var(--alpha-high-80));
 }
 .ui-kit .bg-alpha-high-60 {
-	background-color: hsl(var(--alpha-high-50));
+	background-color: hsl(var(--alpha-high-40));
 }
 .ui-kit .bg-alpha-high-80 {
 	background-color: hsl(var(--alpha-high-20));
@@ -3112,12 +3115,6 @@
 .ui-kit .bg-sidebar-bg {
 	background-color: hsl(var(--sidebar-bg));
 }
-.ui-kit .bg-slate-950\/20 {
-	background-color: rgb(2 6 23 / 0.2);
-}
-.ui-kit .bg-slate-950\/80 {
-	background-color: rgb(2 6 23 / 0.8);
-}
 .ui-kit .bg-status-error {
 	background-color: hsl(var(--status-error));
 }
@@ -3219,6 +3216,11 @@
 .ui-kit .bg-gradient-to-r {
 	background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
+.ui-kit .from-alpha-high-50 {
+	--tw-gradient-from: hsl(var(--alpha-high-50)) var(--tw-gradient-from-position);
+	--tw-gradient-to: hsl(var(--alpha-high-50) / 0) var(--tw-gradient-to-position);
+	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .ui-kit .from-blue-50 {
 	--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
 	--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
@@ -3229,10 +3231,8 @@
 	--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
 	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.ui-kit .from-slate-950\/50 {
-	--tw-gradient-from: rgb(2 6 23 / 0.5) var(--tw-gradient-from-position);
-	--tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
-	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+.ui-kit .to-alpha-high-20 {
+	--tw-gradient-to: hsl(var(--alpha-high-80)) var(--tw-gradient-to-position);
 }
 .ui-kit .to-blue-100 {
 	--tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
@@ -3240,9 +3240,6 @@
 .ui-kit .to-purple-600 {
 	--tw-gradient-to: #9333ea var(--tw-gradient-to-position);
 }
-.ui-kit .to-slate-950\/80 {
-	--tw-gradient-to: rgb(2 6 23 / 0.8) var(--tw-gradient-to-position);
-}
 .ui-kit .fill-alpha-high-20 {
 	fill: hsl(var(--alpha-high-80));
 }
@@ -5644,9 +5641,23 @@
 		animation: collapsible-down 200ms cubic-bezier(0.22,1,0.36,1);
 	}
 }
+.ui-kit .dark\:bg-alpha-20:is(.dark *) {
+	background-color: hsl(var(--alpha-80));
+}
+.ui-kit .dark\:bg-alpha-80:is(.dark *) {
+	background-color: hsl(var(--alpha-20));
+}
 .ui-kit .dark\:bg-secondary-bg:is(.dark *) {
 	background-color: hsl(var(--secondary-bg));
 }
+.ui-kit .dark\:from-alpha-50:is(.dark *) {
+	--tw-gradient-from: hsl(var(--alpha-50)) var(--tw-gradient-from-position);
+	--tw-gradient-to: hsl(var(--alpha-50) / 0) var(--tw-gradient-to-position);
+	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.ui-kit .dark\:to-alpha-20:is(.dark *) {
+	--tw-gradient-to: hsl(var(--alpha-80)) var(--tw-gradient-to-position);
+}
 .ui-kit .dark\:fill-primary-border:is(.dark *) {
 	fill: hsl(var(--primary-border));
 }
@@ -6105,6 +6116,9 @@
 		visibility: visible;
 	}
 }
+.ui-kit .\[\&\:\:-webkit-resizer\]\:appearance-none::-webkit-resizer {
+	appearance: none;
+}
 .ui-kit .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
 	display: none;
 }

package/dist/styles.css

@@ -128,18 +128,18 @@
 	--alpha-80: 210 40% 96% / 80%;
 	--alpha-90: 210 40% 96% / 90%;
 
-	--alpha-high-03: 222 47% 11% / 3%;
-	--alpha-high-05: 222 47% 11% / 5%;
-	--alpha-high-08: 222 47% 11% / 8%;
-	--alpha-high-10: 222 47% 11% / 10%;
-	--alpha-high-20: 222 47% 11% / 20%;
-	--alpha-high-30: 222 47% 11% / 30%;
-	--alpha-high-40: 222 47% 11% / 40%;
-	--alpha-high-50: 222 47% 11% / 50%;
-	--alpha-high-60: 222 47% 11% / 60%;
-	--alpha-high-70: 222 47% 11% / 70%;
-	--alpha-high-80: 222 47% 11% / 80%;
-	--alpha-high-90: 222 47% 11% / 90%;
+	--alpha-high-03: 229 84% 5% / 3%;
+	--alpha-high-05: 229 84% 5% / 5%;
+	--alpha-high-08: 229 84% 5% / 8%;
+	--alpha-high-10: 229 84% 5% / 10%;
+	--alpha-high-20: 229 84% 5% / 20%;
+	--alpha-high-30: 229 84% 5% / 30%;
+	--alpha-high-40: 229 84% 5% / 40%;
+	--alpha-high-50: 229 84% 5% / 50%;
+	--alpha-high-60: 229 84% 5% / 60%;
+	--alpha-high-70: 229 84% 5% / 70%;
+	--alpha-high-80: 229 84% 5% / 80%;
+	--alpha-high-90: 229 84% 5% / 90%;
 
 	--alpha-accent-primary: 210 40% 96% / 12%;
 	--alpha-accent-secondary: 210 40% 96% / 8%;
@@ -282,18 +282,18 @@
 	--status-error-secondary-border: 0 63% 31%;
 
 	/** Alpha **/
-	--alpha-03: 222 47% 11% / 3%;
-	--alpha-05: 222 47% 11% / 5%;
-	--alpha-08: 222 47% 11% / 8%;
-	--alpha-10: 222 47% 11% / 10%;
-	--alpha-20: 222 47% 11% / 20%;
-	--alpha-30: 222 47% 11% / 30%;
-	--alpha-40: 222 47% 11% / 40%;
-	--alpha-50: 222 47% 11% / 50%;
-	--alpha-60: 222 47% 11% / 60%;
-	--alpha-70: 222 47% 11% / 70%;
-	--alpha-80: 222 47% 11% / 80%;
-	--alpha-90: 222 47% 11% / 90%;
+	--alpha-03: 229 84% 5% / 3%;
+	--alpha-05: 229 84% 5% / 5%;
+	--alpha-08: 229 84% 5% / 8%;
+	--alpha-10: 229 84% 5% / 10%;
+	--alpha-20: 229 84% 5% / 20%;
+	--alpha-30: 229 84% 5% / 30%;
+	--alpha-40: 229 84% 5% / 40%;
+	--alpha-50: 229 84% 5% / 50%;
+	--alpha-60: 229 84% 5% / 60%;
+	--alpha-70: 229 84% 5% / 70%;
+	--alpha-80: 229 84% 5% / 80%;
+	--alpha-90: 229 84% 5% / 90%;
 
 	--alpha-high-03: 210 40% 96% / 3%;
 	--alpha-high-05: 210 40% 96% / 5%;
@@ -339,7 +339,7 @@
 
 	/** Glass **/
 	--glass-thin: blur(8px) brightness(68%) saturate(130%);
-	--glass-regular: blur(16px) brightness(62%) saturate(160%) contrast(110%);
+	--glass-regular: blur(16px);
 	--glass-thick: blur(24px) brightness(52%) saturate(180%) contrast(115%);
 	--glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6);
 
@@ -1427,6 +1427,9 @@ body {
 .right-0 {
 	right: 0px;
 }
+.right-0\.5 {
+	right: 0.125rem;
+}
 .right-1 {
 	right: 0.25rem;
 }
@@ -2989,13 +2992,13 @@ body {
 	background-color: hsl(var(--alpha-50));
 }
 .bg-alpha-60 {
-	background-color: hsl(var(--alpha-50));
+	background-color: hsl(var(--alpha-40));
 }
 .bg-alpha-high-20 {
 	background-color: hsl(var(--alpha-high-80));
 }
 .bg-alpha-high-60 {
-	background-color: hsl(var(--alpha-high-50));
+	background-color: hsl(var(--alpha-high-40));
 }
 .bg-alpha-high-80 {
 	background-color: hsl(var(--alpha-high-20));
@@ -3097,12 +3100,6 @@ body {
 .bg-sidebar-bg {
 	background-color: hsl(var(--sidebar-bg));
 }
-.bg-slate-950\/20 {
-	background-color: rgb(2 6 23 / 0.2);
-}
-.bg-slate-950\/80 {
-	background-color: rgb(2 6 23 / 0.8);
-}
 .bg-status-error {
 	background-color: hsl(var(--status-error));
 }
@@ -3204,6 +3201,11 @@ body {
 .bg-gradient-to-r {
 	background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
+.from-alpha-high-50 {
+	--tw-gradient-from: hsl(var(--alpha-high-50)) var(--tw-gradient-from-position);
+	--tw-gradient-to: hsl(var(--alpha-high-50) / 0) var(--tw-gradient-to-position);
+	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-blue-50 {
 	--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
 	--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
@@ -3214,10 +3216,8 @@ body {
 	--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
 	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.from-slate-950\/50 {
-	--tw-gradient-from: rgb(2 6 23 / 0.5) var(--tw-gradient-from-position);
-	--tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
-	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+.to-alpha-high-20 {
+	--tw-gradient-to: hsl(var(--alpha-high-80)) var(--tw-gradient-to-position);
 }
 .to-blue-100 {
 	--tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
@@ -3225,9 +3225,6 @@ body {
 .to-purple-600 {
 	--tw-gradient-to: #9333ea var(--tw-gradient-to-position);
 }
-.to-slate-950\/80 {
-	--tw-gradient-to: rgb(2 6 23 / 0.8) var(--tw-gradient-to-position);
-}
 .fill-alpha-high-20 {
 	fill: hsl(var(--alpha-high-80));
 }
@@ -5633,9 +5630,23 @@ body {
 		animation: collapsible-down 200ms cubic-bezier(0.22,1,0.36,1);
 	}
 }
+.dark\:bg-alpha-20:is(.dark *) {
+	background-color: hsl(var(--alpha-80));
+}
+.dark\:bg-alpha-80:is(.dark *) {
+	background-color: hsl(var(--alpha-20));
+}
 .dark\:bg-secondary-bg:is(.dark *) {
 	background-color: hsl(var(--secondary-bg));
 }
+.dark\:from-alpha-50:is(.dark *) {
+	--tw-gradient-from: hsl(var(--alpha-50)) var(--tw-gradient-from-position);
+	--tw-gradient-to: hsl(var(--alpha-50) / 0) var(--tw-gradient-to-position);
+	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.dark\:to-alpha-20:is(.dark *) {
+	--tw-gradient-to: hsl(var(--alpha-80)) var(--tw-gradient-to-position);
+}
 .dark\:fill-primary-border:is(.dark *) {
 	fill: hsl(var(--primary-border));
 }
@@ -6094,6 +6105,9 @@ body {
 		visibility: visible;
 	}
 }
+.\[\&\:\:-webkit-resizer\]\:appearance-none::-webkit-resizer {
+	appearance: none;
+}
 .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
 	display: none;
 }

package/dist/theme.css

@@ -127,18 +127,18 @@
 	--alpha-80: 210 40% 96% / 80%;
 	--alpha-90: 210 40% 96% / 90%;
 
-	--alpha-high-03: 222 47% 11% / 3%;
-	--alpha-high-05: 222 47% 11% / 5%;
-	--alpha-high-08: 222 47% 11% / 8%;
-	--alpha-high-10: 222 47% 11% / 10%;
-	--alpha-high-20: 222 47% 11% / 20%;
-	--alpha-high-30: 222 47% 11% / 30%;
-	--alpha-high-40: 222 47% 11% / 40%;
-	--alpha-high-50: 222 47% 11% / 50%;
-	--alpha-high-60: 222 47% 11% / 60%;
-	--alpha-high-70: 222 47% 11% / 70%;
-	--alpha-high-80: 222 47% 11% / 80%;
-	--alpha-high-90: 222 47% 11% / 90%;
+	--alpha-high-03: 229 84% 5% / 3%;
+	--alpha-high-05: 229 84% 5% / 5%;
+	--alpha-high-08: 229 84% 5% / 8%;
+	--alpha-high-10: 229 84% 5% / 10%;
+	--alpha-high-20: 229 84% 5% / 20%;
+	--alpha-high-30: 229 84% 5% / 30%;
+	--alpha-high-40: 229 84% 5% / 40%;
+	--alpha-high-50: 229 84% 5% / 50%;
+	--alpha-high-60: 229 84% 5% / 60%;
+	--alpha-high-70: 229 84% 5% / 70%;
+	--alpha-high-80: 229 84% 5% / 80%;
+	--alpha-high-90: 229 84% 5% / 90%;
 
 	--alpha-accent-primary: 210 40% 96% / 12%;
 	--alpha-accent-secondary: 210 40% 96% / 8%;
@@ -282,18 +282,18 @@
 	--status-error-secondary-border: 0 63% 31%;
 
 	/** Alpha **/
-	--alpha-03: 222 47% 11% / 3%;
-	--alpha-05: 222 47% 11% / 5%;
-	--alpha-08: 222 47% 11% / 8%;
-	--alpha-10: 222 47% 11% / 10%;
-	--alpha-20: 222 47% 11% / 20%;
-	--alpha-30: 222 47% 11% / 30%;
-	--alpha-40: 222 47% 11% / 40%;
-	--alpha-50: 222 47% 11% / 50%;
-	--alpha-60: 222 47% 11% / 60%;
-	--alpha-70: 222 47% 11% / 70%;
-	--alpha-80: 222 47% 11% / 80%;
-	--alpha-90: 222 47% 11% / 90%;
+	--alpha-03: 229 84% 5% / 3%;
+	--alpha-05: 229 84% 5% / 5%;
+	--alpha-08: 229 84% 5% / 8%;
+	--alpha-10: 229 84% 5% / 10%;
+	--alpha-20: 229 84% 5% / 20%;
+	--alpha-30: 229 84% 5% / 30%;
+	--alpha-40: 229 84% 5% / 40%;
+	--alpha-50: 229 84% 5% / 50%;
+	--alpha-60: 229 84% 5% / 60%;
+	--alpha-70: 229 84% 5% / 70%;
+	--alpha-80: 229 84% 5% / 80%;
+	--alpha-90: 229 84% 5% / 90%;
 
 	--alpha-high-03: 210 40% 96% / 3%;
 	--alpha-high-05: 210 40% 96% / 5%;
@@ -339,7 +339,7 @@
 
 	/** Glass **/
 	--glass-thin: blur(8px) brightness(68%) saturate(130%);
-	--glass-regular: blur(16px) brightness(62%) saturate(160%) contrast(110%);
+	--glass-regular: blur(16px);
 	--glass-thick: blur(24px) brightness(52%) saturate(180%) contrast(115%);
 	--glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6);