ics-ui-kit 0.1.5 → 0.1.7

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

@@ -181,6 +181,7 @@
 
 	--shadow-glass-sm: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 0 40px 30px -40px rgba(0, 0, 0, 0.16) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-secondary-border, #E4E4E7), 0 8px 16px 0 rgba(0, 0, 0, 0.02);
 	--shadow-glass-md: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-primary-border, #D4D4D8), 0 4px 24px 0 rgba(0, 0, 0, 0.12);
+	--shadow-glass-lg: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-secondary-border, #E4E4E7), 0 8px 16px 0 rgba(0, 0, 0, 0.02);
 }
 .dark {
 	/**
@@ -344,6 +345,7 @@
 
 	--shadow-glass-sm: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -40px 80px -40px rgba(255, 255, 255, 0.30) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 16px 0 rgba(0, 0, 0, 0.04);
 	--shadow-glass-md: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -20px 250px -100px rgba(255, 255, 255, 0.20) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 48px 0 rgba(0, 0, 0, 0.48);
+	--shadow-glass-lg: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -20px 250px -100px rgba(255, 255, 255, 0.20) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 16px 0 rgba(0, 0, 0, 0.04);
 }
 .backdrop-glass-clear {
 	backdrop-filter: var(--glass-clear);
@@ -1440,6 +1442,9 @@
 .ui-kit .right-0 {
 	right: 0px;
 }
+.ui-kit .right-0\.5 {
+	right: 0.125rem;
+}
 .ui-kit .right-1 {
 	right: 0.25rem;
 }
@@ -3002,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));
@@ -6103,6 +6108,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

@@ -181,6 +181,7 @@
 
 	--shadow-glass-sm: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 0 40px 30px -40px rgba(0, 0, 0, 0.16) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-secondary-border, #E4E4E7), 0 8px 16px 0 rgba(0, 0, 0, 0.02);
 	--shadow-glass-md: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-primary-border, #D4D4D8), 0 4px 24px 0 rgba(0, 0, 0, 0.12);
+	--shadow-glass-lg: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-secondary-border, #E4E4E7), 0 8px 16px 0 rgba(0, 0, 0, 0.02);
 }
 .dark {
 	/**
@@ -344,6 +345,7 @@
 
 	--shadow-glass-sm: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -40px 80px -40px rgba(255, 255, 255, 0.30) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 16px 0 rgba(0, 0, 0, 0.04);
 	--shadow-glass-md: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -20px 250px -100px rgba(255, 255, 255, 0.20) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 48px 0 rgba(0, 0, 0, 0.48);
+	--shadow-glass-lg: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -20px 250px -100px rgba(255, 255, 255, 0.20) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 16px 0 rgba(0, 0, 0, 0.04);
 }
 .backdrop-glass-clear {
 	backdrop-filter: var(--glass-clear);
@@ -1425,6 +1427,9 @@ body {
 .right-0 {
 	right: 0px;
 }
+.right-0\.5 {
+	right: 0.125rem;
+}
 .right-1 {
 	right: 0.25rem;
 }
@@ -2987,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));
@@ -6092,6 +6097,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

@@ -180,6 +180,7 @@
 
 	--shadow-glass-sm: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 0 40px 30px -40px rgba(0, 0, 0, 0.16) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-secondary-border, #E4E4E7), 0 8px 16px 0 rgba(0, 0, 0, 0.02);
 	--shadow-glass-md: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-primary-border, #D4D4D8), 0 4px 24px 0 rgba(0, 0, 0, 0.12);
+	--shadow-glass-lg: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-secondary-border, #E4E4E7), 0 8px 16px 0 rgba(0, 0, 0, 0.02);
 }
 
 .dark {
@@ -344,6 +345,7 @@
 
 	--shadow-glass-sm: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -40px 80px -40px rgba(255, 255, 255, 0.30) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 16px 0 rgba(0, 0, 0, 0.04);
 	--shadow-glass-md: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -20px 250px -100px rgba(255, 255, 255, 0.20) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 48px 0 rgba(0, 0, 0, 0.48);
+	--shadow-glass-lg: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -20px 250px -100px rgba(255, 255, 255, 0.20) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 16px 0 rgba(0, 0, 0, 0.04);
 }
 
 .backdrop-glass-clear {

package/dist/useFileUpload-Bnl3P8mP.js

@@ -0,0 +1,193 @@
+import { useMemo as W, useState as k, useRef as O, useCallback as n } from "react";
+import { f as h } from "./formatBytes-C4QXq5lC.js";
+const j = {
+  fileTooLarge: (s, c) => `File "${s}" exceeds the maximum size of ${h(c)}.`,
+  invalidFileType: (s) => `File "${s}" is not an accepted file type.`,
+  tooManyFiles: (s) => `You can only upload a maximum of ${s} files.`,
+  someFilesTooLarge: (s) => `Some files exceed the maximum size of ${h(s)}.`,
+  singleFileTooLarge: (s) => `File exceeds the maximum size of ${h(s)}.`
+}, N = {
+  fileTooLarge: (s, c) => `Файл "${s}" превышает максимальный размер ${h(c)}`,
+  invalidFileType: (s) => `Файл "${s}" имеет недопустимый тип`,
+  tooManyFiles: (s) => `Можно загрузить максимум ${s} файлов`,
+  someFilesTooLarge: (s) => `Некоторые файлы превышают максимальный размер ${h(s)}`,
+  singleFileTooLarge: (s) => `Файл превышает максимальный размер ${h(s)}`
+}, Y = (s = {}) => {
+  const {
+    maxFiles: c = 1 / 0,
+    maxSize: g = 1 / 0,
+    accept: T = "*",
+    multiple: o = !1,
+    initialFiles: z = [],
+    onFilesChange: m,
+    onFilesAdded: D,
+    errorMessages: w
+  } = s, p = W(() => ({ ...j, ...w }), [w]), [v, l] = k({
+    files: z.map((e) => ({
+      file: e,
+      id: e.id,
+      preview: e.url
+    })),
+    isDragging: !1,
+    errors: []
+  }), f = O(null), x = n(
+    (e) => {
+      const r = (e instanceof File, e.name);
+      if (e.size > g)
+        return p.fileTooLarge(r, g);
+      if (T !== "*") {
+        const i = T.split(",").map((u) => u.trim()), a = e instanceof File ? e.type || "" : e.type, t = `.${r.split(".").pop()}`;
+        if (!i.some((u) => {
+          if (u.startsWith("."))
+            return t.toLowerCase() === u.toLowerCase();
+          if (u.endsWith("/*")) {
+            const y = u.split("/")[0];
+            return a.startsWith(`${y}/`);
+          }
+          return a === u;
+        }))
+          return p.invalidFileType(r);
+      }
+      return null;
+    },
+    [T, g, p]
+  ), M = n((e) => e instanceof File ? URL.createObjectURL(e) : e.url, []), R = n((e) => e instanceof File ? `${e.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}` : e.id, []), L = n(() => {
+    l((e) => {
+      e.files.forEach((i) => {
+        i.preview && i.file instanceof File && i.file.type.startsWith("image/") && URL.revokeObjectURL(i.preview);
+      }), f.current && (f.current.value = "");
+      const r = {
+        ...e,
+        files: [],
+        errors: []
+      };
+      return m?.(r.files), r;
+    });
+  }, [m]), d = n(
+    (e) => {
+      if (!e || e.length === 0) return;
+      const r = Array.from(e), i = [];
+      if (l((t) => ({ ...t, errors: [] })), o || L(), o && c !== 1 / 0 && v.files.length + r.length > c) {
+        i.push(p.tooManyFiles(c)), l((t) => ({ ...t, errors: i }));
+        return;
+      }
+      const a = [];
+      r.forEach((t) => {
+        if (o && v.files.some(
+          (y) => y.file.name === t.name && y.file.size === t.size
+        ))
+          return;
+        if (t.size > g) {
+          i.push(
+            o ? p.someFilesTooLarge(g) : p.singleFileTooLarge(g)
+          );
+          return;
+        }
+        const F = x(t);
+        F ? i.push(F) : a.push({
+          file: t,
+          id: R(t),
+          preview: M(t)
+        });
+      }), a.length > 0 ? (D?.(a), l((t) => {
+        const F = o ? [...t.files, ...a] : a;
+        return m?.(F), {
+          ...t,
+          files: F,
+          errors: i
+        };
+      })) : i.length > 0 && l((t) => ({
+        ...t,
+        errors: i
+      })), f.current && (f.current.value = "");
+    },
+    [
+      v.files,
+      c,
+      o,
+      g,
+      x,
+      M,
+      R,
+      L,
+      m,
+      D,
+      p
+    ]
+  ), E = n(
+    (e) => {
+      l((r) => {
+        const i = r.files.find((t) => t.id === e);
+        i && i.preview && i.file instanceof File && i.file.type.startsWith("image/") && URL.revokeObjectURL(i.preview);
+        const a = r.files.filter((t) => t.id !== e);
+        return m?.(a), {
+          ...r,
+          files: a,
+          errors: []
+        };
+      });
+    },
+    [m]
+  ), U = n(() => {
+    l((e) => ({
+      ...e,
+      errors: []
+    }));
+  }, []), b = n((e) => {
+    e.preventDefault(), e.stopPropagation(), l((r) => ({ ...r, isDragging: !0 }));
+  }, []), C = n((e) => {
+    e.preventDefault(), e.stopPropagation(), !e.currentTarget.contains(e.relatedTarget) && l((r) => ({ ...r, isDragging: !1 }));
+  }, []), P = n((e) => {
+    e.preventDefault(), e.stopPropagation();
+  }, []), S = n(
+    (e) => {
+      if (e.preventDefault(), e.stopPropagation(), l((r) => ({ ...r, isDragging: !1 })), !f.current?.disabled && e.dataTransfer.files && e.dataTransfer.files.length > 0)
+        if (o)
+          d(e.dataTransfer.files);
+        else {
+          const r = e.dataTransfer.files[0];
+          d([r]);
+        }
+    },
+    [d, o]
+  ), $ = n(
+    (e) => {
+      e.target.files && e.target.files.length > 0 && d(e.target.files);
+    },
+    [d]
+  ), A = n(() => {
+    f.current && f.current.click();
+  }, []), I = n(
+    (e = {}) => ({
+      ...e,
+      type: "file",
+      onChange: $,
+      accept: e.accept || T,
+      multiple: e.multiple !== void 0 ? e.multiple : o,
+      ref: f
+    }),
+    [T, o, $]
+  );
+  return [
+    v,
+    {
+      addFiles: d,
+      removeFile: E,
+      clearFiles: L,
+      clearErrors: U,
+      handleDragEnter: b,
+      handleDragLeave: C,
+      handleDragOver: P,
+      handleDrop: S,
+      handleFileChange: $,
+      openFileDialog: A,
+      getInputProps: I
+    }
+  ];
+};
+export {
+  N as a,
+  j as d,
+  Y as u
+};
+//# sourceMappingURL=useFileUpload-Bnl3P8mP.js.map

package/dist/useFileUpload-Bnl3P8mP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUpload-Bnl3P8mP.js","sources":["../src/hooks/use-file-upload/errorMessages.ts","../src/hooks/use-file-upload/useFileUpload.ts"],"sourcesContent":["import { formatBytes } from \"@/lib/utils/file/formatBytes\";\n\n/**\n * Интерфейс для кастомизации сообщений об ошибках в useFileUpload\n */\nexport interface FileUploadErrorMessages {\n\t/**\n\t * Сообщение когда файл превышает максимальный размер\n\t * @param fileName - имя файла\n\t * @param maxSizeBytes - максимальный размер в байтах\n\t */\n\tfileTooLarge?: (fileName: string, maxSizeBytes: number) => string;\n\n\t/**\n\t * Сообщение когда тип файла не разрешен\n\t * @param fileName - имя файла\n\t */\n\tinvalidFileType?: (fileName: string) => string;\n\n\t/**\n\t * Сообщение когда превышено максимальное количество файлов\n\t * @param maxFiles - максимальное количество файлов\n\t */\n\ttooManyFiles?: (maxFiles: number) => string;\n\n\t/**\n\t * Сообщение когда некоторые файлы превышают максимальный размер (для множественной загрузки)\n\t * @param maxSizeBytes - максимальный размер в байтах\n\t */\n\tsomeFilesTooLarge?: (maxSizeBytes: number) => string;\n\n\t/**\n\t * Сообщение когда файл превышает максимальный размер (для одиночной загрузки)\n\t * @param maxSizeBytes - максимальный размер в байтах\n\t */\n\tsingleFileTooLarge?: (maxSizeBytes: number) => string;\n}\n\n/**\n * Сообщения об ошибках по умолчанию\n */\nexport const defaultErrorMessages: Required<FileUploadErrorMessages> = {\n\tfileTooLarge: (fileName, maxSizeBytes) =>\n\t\t`File \"${fileName}\" exceeds the maximum size of ${formatBytes(maxSizeBytes)}.`,\n\tinvalidFileType: (fileName) => `File \"${fileName}\" is not an accepted file type.`,\n\ttooManyFiles: (maxFiles) => `You can only upload a maximum of ${maxFiles} files.`,\n\tsomeFilesTooLarge: (maxSizeBytes) => `Some files exceed the maximum size of ${formatBytes(maxSizeBytes)}.`,\n\tsingleFileTooLarge: (maxSizeBytes) => `File exceeds the maximum size of ${formatBytes(maxSizeBytes)}.`\n};\n\n/**\n * Сообщения об ошибках на русском языке\n */\nexport const defaultErrorMessagesRu: Required<FileUploadErrorMessages> = {\n\tfileTooLarge: (fileName, maxSizeBytes) =>\n\t\t`Файл \"${fileName}\" превышает максимальный размер ${formatBytes(maxSizeBytes)}`,\n\tinvalidFileType: (fileName) => `Файл \"${fileName}\" имеет недопустимый тип`,\n\ttooManyFiles: (maxFiles) => `Можно загрузить максимум ${maxFiles} файлов`,\n\tsomeFilesTooLarge: (maxSizeBytes) => `Некоторые файлы превышают максимальный размер ${formatBytes(maxSizeBytes)}`,\n\tsingleFileTooLarge: (maxSizeBytes) => `Файл превышает максимальный размер ${formatBytes(maxSizeBytes)}`\n};\n","import {\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\ttype ChangeEvent,\n\ttype DragEvent,\n\ttype InputHTMLAttributes\n} from \"react\";\nimport { defaultErrorMessages, type FileUploadErrorMessages } from \"./errorMessages\";\n\nexport type FileData = {\n\tname: string;\n\tsize: number;\n\ttype: string;\n\tid?: string;\n};\n\nexport type FileMetadata = FileData & {\n\turl: string;\n\tid: string;\n};\n\nexport type FileValue = File | FileData;\n\nexport type FileWithPreview = {\n\tfile: FileValue;\n\tid: string;\n\tpreview?: string;\n};\n\n/**\n * Ограничения для загрузки файлов\n */\nexport type FileUploadConstraints = {\n\t/**\n\t * Максимальное количество файлов\n\t * Используется только когда multiple=true\n\t * @default Infinity\n\t */\n\tmaxFiles?: number;\n\n\t/**\n\t * Максимальный размер файла в байтах\n\t * @default Infinity\n\t */\n\tmaxSize?: number;\n\n\t/**\n\t * Допустимые типы файлов (строка MIME-типов или расширений через запятую)\n\t * @example \"image/jpeg,image/png,.pdf,.doc\"\n\t * @example \"*.jpg,*.png\"\n\t * @example \"image/*\"\n\t * @default \"*\"\n\t */\n\taccept?: string;\n\n\t/**\n\t * Разрешить выбор нескольких файлов\n\t * @default false\n\t */\n\tmultiple?: boolean;\n};\n\nexport type FileUploadOptions = FileUploadConstraints & {\n\tinitialFiles?: FileMetadata[];\n\tonFilesChange?: (files: FileWithPreview[]) => void;\n\tonFilesAdded?: (addedFiles: FileWithPreview[]) => void;\n\t/**\n\t * Кастомные сообщения об ошибках\n\t * Можно переопределить только нужные сообщения\n\t */\n\terrorMessages?: Partial<FileUploadErrorMessages>;\n};\n\nexport type FileUploadState = {\n\tfiles: FileWithPreview[];\n\tisDragging: boolean;\n\terrors: string[];\n};\n\nexport type FileUploadActions = {\n\taddFiles: (files: FileList | File[]) => void;\n\tremoveFile: (id: string) => void;\n\tclearFiles: () => void;\n\tclearErrors: () => void;\n\thandleDragEnter: (e: DragEvent<HTMLElement>) => void;\n\thandleDragLeave: (e: DragEvent<HTMLElement>) => void;\n\thandleDragOver: (e: DragEvent<HTMLElement>) => void;\n\thandleDrop: (e: DragEvent<HTMLElement>) => void;\n\thandleFileChange: (e: ChangeEvent<HTMLInputElement>) => void;\n\topenFileDialog: () => void;\n\tgetInputProps: (props?: InputHTMLAttributes<HTMLInputElement>) => InputHTMLAttributes<HTMLInputElement> & {\n\t\tref: React.Ref<HTMLInputElement>;\n\t};\n};\n\n/** Хук был взять из библиотеки originui.\n * Код можно посмотреть по ссылке: https://github.com/origin-space/originui/blob/main/docs/use-file-upload.md\n */\nexport const useFileUpload = (options: FileUploadOptions = {}): [FileUploadState, FileUploadActions] => {\n\tconst {\n\t\tmaxFiles = Infinity,\n\t\tmaxSize = Infinity,\n\t\taccept = \"*\",\n\t\tmultiple = false,\n\t\tinitialFiles = [],\n\t\tonFilesChange,\n\t\tonFilesAdded,\n\t\terrorMessages: customErrorMessages\n\t} = options;\n\n\t// Объединяем дефолтные и кастомные сообщения\n\tconst errorMessages = useMemo(() => ({ ...defaultErrorMessages, ...customErrorMessages }), [customErrorMessages]);\n\n\tconst [state, setState] = useState<FileUploadState>({\n\t\tfiles: initialFiles.map((file) => ({\n\t\t\tfile,\n\t\t\tid: file.id,\n\t\t\tpreview: file.url\n\t\t})),\n\t\tisDragging: false,\n\t\terrors: []\n\t});\n\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\tconst validateFile = useCallback(\n\t\t(file: FileValue): string | null => {\n\t\t\tconst fileName = file instanceof File ? file.name : file.name;\n\n\t\t\tif (file.size > maxSize) {\n\t\t\t\treturn errorMessages.fileTooLarge(fileName, maxSize);\n\t\t\t}\n\n\t\t\tif (accept !== \"*\") {\n\t\t\t\tconst acceptedTypes = accept.split(\",\").map((type) => type.trim());\n\t\t\t\tconst fileType = file instanceof File ? file.type || \"\" : file.type;\n\t\t\t\tconst fileExtension = `.${fileName.split(\".\").pop()}`;\n\n\t\t\t\tconst isAccepted = acceptedTypes.some((type) => {\n\t\t\t\t\tif (type.startsWith(\".\")) {\n\t\t\t\t\t\treturn fileExtension.toLowerCase() === type.toLowerCase();\n\t\t\t\t\t}\n\t\t\t\t\tif (type.endsWith(\"/*\")) {\n\t\t\t\t\t\tconst baseType = type.split(\"/\")[0];\n\t\t\t\t\t\treturn fileType.startsWith(`${baseType}/`);\n\t\t\t\t\t}\n\t\t\t\t\treturn fileType === type;\n\t\t\t\t});\n\n\t\t\t\tif (!isAccepted) {\n\t\t\t\t\treturn errorMessages.invalidFileType(fileName);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn null;\n\t\t},\n\t\t[accept, maxSize, errorMessages]\n\t);\n\n\tconst createPreview = useCallback((file: File | FileMetadata): string | undefined => {\n\t\tif (file instanceof File) {\n\t\t\treturn URL.createObjectURL(file);\n\t\t}\n\t\treturn file.url;\n\t}, []);\n\n\tconst generateUniqueId = useCallback((file: File | FileMetadata): string => {\n\t\tif (file instanceof File) {\n\t\t\treturn `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n\t\t}\n\t\treturn file.id;\n\t}, []);\n\n\tconst clearFiles = useCallback(() => {\n\t\tsetState((prev) => {\n\t\t\t// Clean up object URLs\n\t\t\tprev.files.forEach((file) => {\n\t\t\t\tif (file.preview && file.file instanceof File && file.file.type.startsWith(\"image/\")) {\n\t\t\t\t\tURL.revokeObjectURL(file.preview);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tif (inputRef.current) {\n\t\t\t\tinputRef.current.value = \"\";\n\t\t\t}\n\n\t\t\tconst newState = {\n\t\t\t\t...prev,\n\t\t\t\tfiles: [],\n\t\t\t\terrors: []\n\t\t\t};\n\n\t\t\tonFilesChange?.(newState.files);\n\t\t\treturn newState;\n\t\t});\n\t}, [onFilesChange]);\n\n\tconst addFiles = useCallback(\n\t\t(newFiles: FileList | File[]) => {\n\t\t\tif (!newFiles || newFiles.length === 0) return;\n\n\t\t\tconst newFilesArray = Array.from(newFiles);\n\t\t\tconst errors: string[] = [];\n\n\t\t\t// Clear existing errors when new files are uploaded\n\t\t\tsetState((prev) => ({ ...prev, errors: [] }));\n\n\t\t\t// In single file mode, clear existing files first\n\t\t\tif (!multiple) {\n\t\t\t\tclearFiles();\n\t\t\t}\n\n\t\t\t// Check if adding these files would exceed maxFiles (only in multiple mode)\n\t\t\tif (multiple && maxFiles !== Infinity && state.files.length + newFilesArray.length > maxFiles) {\n\t\t\t\terrors.push(errorMessages.tooManyFiles(maxFiles));\n\t\t\t\tsetState((prev) => ({ ...prev, errors }));\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst validFiles: FileWithPreview[] = [];\n\n\t\t\tnewFilesArray.forEach((file) => {\n\t\t\t\t// Only check for duplicates if multiple files are allowed\n\t\t\t\tif (multiple) {\n\t\t\t\t\tconst isDuplicate = state.files.some(\n\t\t\t\t\t\t(existingFile) => existingFile.file.name === file.name && existingFile.file.size === file.size\n\t\t\t\t\t);\n\n\t\t\t\t\t// Skip duplicate files silently\n\t\t\t\t\tif (isDuplicate) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Check file size\n\t\t\t\tif (file.size > maxSize) {\n\t\t\t\t\terrors.push(\n\t\t\t\t\t\tmultiple ? errorMessages.someFilesTooLarge(maxSize) : errorMessages.singleFileTooLarge(maxSize)\n\t\t\t\t\t);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst error = validateFile(file);\n\t\t\t\tif (error) {\n\t\t\t\t\terrors.push(error);\n\t\t\t\t} else {\n\t\t\t\t\tvalidFiles.push({\n\t\t\t\t\t\tfile,\n\t\t\t\t\t\tid: generateUniqueId(file),\n\t\t\t\t\t\tpreview: createPreview(file)\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// Only update state if we have valid files to add\n\t\t\tif (validFiles.length > 0) {\n\t\t\t\t// Call the onFilesAdded callback with the newly added valid files\n\t\t\t\tonFilesAdded?.(validFiles);\n\n\t\t\t\tsetState((prev) => {\n\t\t\t\t\tconst newFiles = !multiple ? validFiles : [...prev.files, ...validFiles];\n\t\t\t\t\tonFilesChange?.(newFiles);\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\tfiles: newFiles,\n\t\t\t\t\t\terrors\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t} else if (errors.length > 0) {\n\t\t\t\tsetState((prev) => ({\n\t\t\t\t\t...prev,\n\t\t\t\t\terrors\n\t\t\t\t}));\n\t\t\t}\n\n\t\t\t// Reset input value after handling files\n\t\t\tif (inputRef.current) {\n\t\t\t\tinputRef.current.value = \"\";\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\tstate.files,\n\t\t\tmaxFiles,\n\t\t\tmultiple,\n\t\t\tmaxSize,\n\t\t\tvalidateFile,\n\t\t\tcreatePreview,\n\t\t\tgenerateUniqueId,\n\t\t\tclearFiles,\n\t\t\tonFilesChange,\n\t\t\tonFilesAdded,\n\t\t\terrorMessages\n\t\t]\n\t);\n\n\tconst removeFile = useCallback(\n\t\t(id: string) => {\n\t\t\tsetState((prev) => {\n\t\t\t\tconst fileToRemove = prev.files.find((file) => file.id === id);\n\t\t\t\tif (\n\t\t\t\t\tfileToRemove &&\n\t\t\t\t\tfileToRemove.preview &&\n\t\t\t\t\tfileToRemove.file instanceof File &&\n\t\t\t\t\tfileToRemove.file.type.startsWith(\"image/\")\n\t\t\t\t) {\n\t\t\t\t\tURL.revokeObjectURL(fileToRemove.preview);\n\t\t\t\t}\n\n\t\t\t\tconst newFiles = prev.files.filter((file) => file.id !== id);\n\t\t\t\tonFilesChange?.(newFiles);\n\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tfiles: newFiles,\n\t\t\t\t\terrors: []\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\t[onFilesChange]\n\t);\n\n\tconst clearErrors = useCallback(() => {\n\t\tsetState((prev) => ({\n\t\t\t...prev,\n\t\t\terrors: []\n\t\t}));\n\t}, []);\n\n\tconst handleDragEnter = useCallback((e: DragEvent<HTMLElement>) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tsetState((prev) => ({ ...prev, isDragging: true }));\n\t}, []);\n\n\tconst handleDragLeave = useCallback((e: DragEvent<HTMLElement>) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tif (e.currentTarget.contains(e.relatedTarget as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetState((prev) => ({ ...prev, isDragging: false }));\n\t}, []);\n\n\tconst handleDragOver = useCallback((e: DragEvent<HTMLElement>) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t}, []);\n\n\tconst handleDrop = useCallback(\n\t\t(e: DragEvent<HTMLElement>) => {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\tsetState((prev) => ({ ...prev, isDragging: false }));\n\n\t\t\t// Don't process files if the input is disabled\n\t\t\tif (inputRef.current?.disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n\t\t\t\t// In single file mode, only use the first file\n\t\t\t\tif (!multiple) {\n\t\t\t\t\tconst file = e.dataTransfer.files[0];\n\t\t\t\t\taddFiles([file]);\n\t\t\t\t} else {\n\t\t\t\t\taddFiles(e.dataTransfer.files);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[addFiles, multiple]\n\t);\n\n\tconst handleFileChange = useCallback(\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\n\t\t\tif (e.target.files && e.target.files.length > 0) {\n\t\t\t\taddFiles(e.target.files);\n\t\t\t}\n\t\t},\n\t\t[addFiles]\n\t);\n\n\tconst openFileDialog = useCallback(() => {\n\t\tif (inputRef.current) {\n\t\t\tinputRef.current.click();\n\t\t}\n\t}, []);\n\n\tconst getInputProps = useCallback(\n\t\t(props: InputHTMLAttributes<HTMLInputElement> = {}) => {\n\t\t\treturn {\n\t\t\t\t...props,\n\t\t\t\ttype: \"file\" as const,\n\t\t\t\tonChange: handleFileChange,\n\t\t\t\taccept: props.accept || accept,\n\t\t\t\tmultiple: props.multiple !== undefined ? props.multiple : multiple,\n\t\t\t\tref: inputRef\n\t\t\t};\n\t\t},\n\t\t[accept, multiple, handleFileChange]\n\t);\n\n\treturn [\n\t\tstate,\n\t\t{\n\t\t\taddFiles,\n\t\t\tremoveFile,\n\t\t\tclearFiles,\n\t\t\tclearErrors,\n\t\t\thandleDragEnter,\n\t\t\thandleDragLeave,\n\t\t\thandleDragOver,\n\t\t\thandleDrop,\n\t\t\thandleFileChange,\n\t\t\topenFileDialog,\n\t\t\tgetInputProps\n\t\t}\n\t];\n};\n"],"names":["defaultErrorMessages","fileName","maxSizeBytes","formatBytes","maxFiles","defaultErrorMessagesRu","useFileUpload","options","maxSize","accept","multiple","initialFiles","onFilesChange","onFilesAdded","customErrorMessages","errorMessages","useMemo","state","setState","useState","file","inputRef","useRef","validateFile","useCallback","acceptedTypes","type","fileType","fileExtension","baseType","createPreview","generateUniqueId","clearFiles","prev","newState","addFiles","newFiles","newFilesArray","errors","validFiles","existingFile","error","removeFile","id","fileToRemove","clearErrors","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleFileChange","openFileDialog","getInputProps","props"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ics-ui-kit",
-	"version": "0.1.5",
+	"version": "0.1.7",
 	"packageManager": "pnpm@10.17.1",
 	"repository": {
 		"type": "git",

package/tailwind.preset.js

@@ -164,7 +164,7 @@ export default {
 					30: "hsl(var(--alpha-70))",
 					40: "hsl(var(--alpha-60))",
 					50: "hsl(var(--alpha-50))",
-					60: "hsl(var(--alpha-50))",
+					60: "hsl(var(--alpha-40))",
 					70: "hsl(var(--alpha-30))",
 					80: "hsl(var(--alpha-20))",
 					90: "hsl(var(--alpha-10))",
@@ -178,7 +178,7 @@ export default {
 					30: "hsl(var(--alpha-high-70))",
 					40: "hsl(var(--alpha-high-60))",
 					50: "hsl(var(--alpha-high-50))",
-					60: "hsl(var(--alpha-high-50))",
+					60: "hsl(var(--alpha-high-40))",
 					70: "hsl(var(--alpha-high-30))",
 					80: "hsl(var(--alpha-high-20))",
 					90: "hsl(var(--alpha-high-10))",
@@ -255,7 +255,8 @@ export default {
 					"0 4px 6px 0 rgba(2, 6, 23, 0.35), 0 0 0.5px 0 rgba(255, 255, 255, 0.35) inset, 0 12px 28px 0 rgba(2, 6, 23, 0.45), 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset",
 
 				"glass-sm": "var(--shadow-glass-sm)",
-				"glass-md": "var(--shadow-glass-md)"
+				"glass-md": "var(--shadow-glass-md)",
+				"glass-lg": "var(--shadow-glass-lg)"
 			},
 			lineHeight: {
 				none: "100%",

package/dist/useFileUpload-iDag0iqM.js

@@ -1,197 +0,0 @@
-import { useMemo as A, useState as I, useRef as W, useCallback as n } from "react";
-const T = (t, o = 2) => {
-  if (t === 0) return "0 Bytes";
-  const c = 1024, p = o < 0 ? 0 : o, a = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], v = Math.floor(Math.log(t) / Math.log(c));
-  return Number.parseFloat((t / Math.pow(c, v)).toFixed(p)) + a[v];
-}, O = {
-  fileTooLarge: (t, o) => `File "${t}" exceeds the maximum size of ${T(o)}.`,
-  invalidFileType: (t) => `File "${t}" is not an accepted file type.`,
-  tooManyFiles: (t) => `You can only upload a maximum of ${t} files.`,
-  someFilesTooLarge: (t) => `Some files exceed the maximum size of ${T(t)}.`,
-  singleFileTooLarge: (t) => `File exceeds the maximum size of ${T(t)}.`
-}, N = {
-  fileTooLarge: (t, o) => `Файл "${t}" превышает максимальный размер ${T(o)}`,
-  invalidFileType: (t) => `Файл "${t}" имеет недопустимый тип`,
-  tooManyFiles: (t) => `Можно загрузить максимум ${t} файлов`,
-  someFilesTooLarge: (t) => `Некоторые файлы превышают максимальный размер ${T(t)}`,
-  singleFileTooLarge: (t) => `Файл превышает максимальный размер ${T(t)}`
-}, Y = (t = {}) => {
-  const {
-    maxFiles: o = 1 / 0,
-    maxSize: c = 1 / 0,
-    accept: p = "*",
-    multiple: a = !1,
-    initialFiles: v = [],
-    onFilesChange: m,
-    onFilesAdded: M,
-    errorMessages: w
-  } = t, d = A(() => ({ ...O, ...w }), [w]), [y, f] = I({
-    files: v.map((e) => ({
-      file: e,
-      id: e.id,
-      preview: e.url
-    })),
-    isDragging: !1,
-    errors: []
-  }), u = W(null), x = n(
-    (e) => {
-      const r = (e instanceof File, e.name);
-      if (e.size > c)
-        return d.fileTooLarge(r, c);
-      if (p !== "*") {
-        const i = p.split(",").map((g) => g.trim()), l = e instanceof File ? e.type || "" : e.type, s = `.${r.split(".").pop()}`;
-        if (!i.some((g) => {
-          if (g.startsWith("."))
-            return s.toLowerCase() === g.toLowerCase();
-          if (g.endsWith("/*")) {
-            const L = g.split("/")[0];
-            return l.startsWith(`${L}/`);
-          }
-          return l === g;
-        }))
-          return d.invalidFileType(r);
-      }
-      return null;
-    },
-    [p, c, d]
-  ), B = n((e) => e instanceof File ? URL.createObjectURL(e) : e.url, []), R = n((e) => e instanceof File ? `${e.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}` : e.id, []), $ = n(() => {
-    f((e) => {
-      e.files.forEach((i) => {
-        i.preview && i.file instanceof File && i.file.type.startsWith("image/") && URL.revokeObjectURL(i.preview);
-      }), u.current && (u.current.value = "");
-      const r = {
-        ...e,
-        files: [],
-        errors: []
-      };
-      return m?.(r.files), r;
-    });
-  }, [m]), F = n(
-    (e) => {
-      if (!e || e.length === 0) return;
-      const r = Array.from(e), i = [];
-      if (f((s) => ({ ...s, errors: [] })), a || $(), a && o !== 1 / 0 && y.files.length + r.length > o) {
-        i.push(d.tooManyFiles(o)), f((s) => ({ ...s, errors: i }));
-        return;
-      }
-      const l = [];
-      r.forEach((s) => {
-        if (a && y.files.some(
-          (L) => L.file.name === s.name && L.file.size === s.size
-        ))
-          return;
-        if (s.size > c) {
-          i.push(
-            a ? d.someFilesTooLarge(c) : d.singleFileTooLarge(c)
-          );
-          return;
-        }
-        const h = x(s);
-        h ? i.push(h) : l.push({
-          file: s,
-          id: R(s),
-          preview: B(s)
-        });
-      }), l.length > 0 ? (M?.(l), f((s) => {
-        const h = a ? [...s.files, ...l] : l;
-        return m?.(h), {
-          ...s,
-          files: h,
-          errors: i
-        };
-      })) : i.length > 0 && f((s) => ({
-        ...s,
-        errors: i
-      })), u.current && (u.current.value = "");
-    },
-    [
-      y.files,
-      o,
-      a,
-      c,
-      x,
-      B,
-      R,
-      $,
-      m,
-      M,
-      d
-    ]
-  ), z = n(
-    (e) => {
-      f((r) => {
-        const i = r.files.find((s) => s.id === e);
-        i && i.preview && i.file instanceof File && i.file.type.startsWith("image/") && URL.revokeObjectURL(i.preview);
-        const l = r.files.filter((s) => s.id !== e);
-        return m?.(l), {
-          ...r,
-          files: l,
-          errors: []
-        };
-      });
-    },
-    [m]
-  ), E = n(() => {
-    f((e) => ({
-      ...e,
-      errors: []
-    }));
-  }, []), U = n((e) => {
-    e.preventDefault(), e.stopPropagation(), f((r) => ({ ...r, isDragging: !0 }));
-  }, []), P = n((e) => {
-    e.preventDefault(), e.stopPropagation(), !e.currentTarget.contains(e.relatedTarget) && f((r) => ({ ...r, isDragging: !1 }));
-  }, []), b = n((e) => {
-    e.preventDefault(), e.stopPropagation();
-  }, []), C = n(
-    (e) => {
-      if (e.preventDefault(), e.stopPropagation(), f((r) => ({ ...r, isDragging: !1 })), !u.current?.disabled && e.dataTransfer.files && e.dataTransfer.files.length > 0)
-        if (a)
-          F(e.dataTransfer.files);
-        else {
-          const r = e.dataTransfer.files[0];
-          F([r]);
-        }
-    },
-    [F, a]
-  ), D = n(
-    (e) => {
-      e.target.files && e.target.files.length > 0 && F(e.target.files);
-    },
-    [F]
-  ), S = n(() => {
-    u.current && u.current.click();
-  }, []), k = n(
-    (e = {}) => ({
-      ...e,
-      type: "file",
-      onChange: D,
-      accept: e.accept || p,
-      multiple: e.multiple !== void 0 ? e.multiple : a,
-      ref: u
-    }),
-    [p, a, D]
-  );
-  return [
-    y,
-    {
-      addFiles: F,
-      removeFile: z,
-      clearFiles: $,
-      clearErrors: E,
-      handleDragEnter: U,
-      handleDragLeave: P,
-      handleDragOver: b,
-      handleDrop: C,
-      handleFileChange: D,
-      openFileDialog: S,
-      getInputProps: k
-    }
-  ];
-};
-export {
-  N as a,
-  O as d,
-  T as f,
-  Y as u
-};
-//# sourceMappingURL=useFileUpload-iDag0iqM.js.map