ics-ui-kit 0.1.16 → 0.1.18

package/dist/components/select/Select.d.ts

@@ -17,7 +17,6 @@ export declare const selectTriggerStyles: TVReturnType<{
     disabled: {
         true: {
             base: string;
-            icon: string;
         };
     };
 }, {
@@ -32,7 +31,6 @@ export declare const selectTriggerStyles: TVReturnType<{
     disabled: {
         true: {
             base: string;
-            icon: string;
         };
     };
 }, {
@@ -47,7 +45,6 @@ export declare const selectTriggerStyles: TVReturnType<{
     disabled: {
         true: {
             base: string;
-            icon: string;
         };
     };
 }, {

package/dist/components/select.js

@@ -1,4 +1,4 @@
-import { S as l, d as a, a as c, f as S, l as s, k as o, e as r, j as n, i as p, h as i, g as m, c as u, b as I } from "../Select-MLPTpIl5.js";
+import { S as l, d as a, a as c, f as S, l as s, k as o, e as r, j as n, i as p, h as i, g as m, c as u, b as I } from "../Select-D9juHX8o.js";
 export {
   l as Select,
   a as SelectContent,

package/dist/components/sidebar.js

@@ -5,7 +5,7 @@ import { T as A, b as D, c as G } from "../Tooltip-7Duaau0S.js";
 import { c as w } from "../cn-dsXlqdJg.js";
 import { S as L, a as H, b as O, d as P, e as K } from "../Sheet-qTIXsqm0.js";
 import { I as R } from "../IconButton-DwkpNgn3.js";
-import { T as j } from "../TextInput-Cj50ImXi.js";
+import { T as j } from "../TextInput-Db0ylY91.js";
 import { D as F } from "../Divider-DPW5ZhZ8.js";
 import { S as y } from "../index-BtQfgaSF.js";
 import { T as n } from "../index-BVqs-uqP.js";

package/dist/components/table/tree.js

@@ -1,4 +1,4 @@
-import { s as a, o as E, p as s, u as l, r, q as _, v as R, j as t, k as L, m as N, l as O, x as n, w as G, n as i, t as b } from "../../treeModel-jvOXFZvK.js";
+import { s as a, o as E, p as s, u as l, r, q as _, v as R, j as t, k as L, m as N, l as O, x as n, w as G, n as i, t as b } from "../../treeModel-BlJWP4sc.js";
 export {
   a as TREE_CONNECTOR_Y,
   E as TREE_INDENT,

package/dist/components/table.js

@@ -1,4 +1,4 @@
-import { s, o as T, p as l, u as E, r as t, q as o, v as R, T as r, b as _, c as n, h as i, g as C, d as b, e as d, a as L, i as O, f as S, j as A, k as N, m as c, l as f, x as g, w as m, n as u, t as p } from "../treeModel-jvOXFZvK.js";
+import { s, o as T, p as l, u as E, r as t, q as o, v as R, T as r, b as _, c as n, h as i, g as C, d as b, e as d, a as L, i as O, f as S, j as A, k as N, m as c, l as f, x as g, w as m, n as u, t as p } from "../treeModel-BlJWP4sc.js";
 import { C as I, g as G, u as x } from "../useColumnResize-wjfEyBBg.js";
 import { C as F, u as H } from "../useColumnReorder-tE5pMONm.js";
 import { T as W, a as h, b as k, o as w, t as z } from "../opaqueCell-D95h1mFM.js";

package/dist/components/tag-input.js

@@ -3,8 +3,8 @@ import { u as z, S as H } from "../SearchSelectTag-CA7Ie3Nx.js";
 import { u as J } from "../useItemsKeyboardNavigation-CmeOR30y.js";
 import M, { useState as k, useRef as V, useCallback as r } from "react";
 import { T as S } from "../index-BVqs-uqP.js";
-import { I as P, a as Q, b as U } from "../InputGroup-BvD9Igmt.js";
-import { s as W } from "../Select-MLPTpIl5.js";
+import { I as P, a as Q, b as U } from "../InputGroup-BcRWP-zL.js";
+import { s as W } from "../Select-D9juHX8o.js";
 const X = S({
   extend: W,
   base: "group/search-select-trigger flex h-auto min-h-10 flex-wrap items-center gap-1 !py-[0.3125rem] px-1.5 lg:h-auto lg:min-h-9 lg:px-1.5"

package/dist/components/textarea.js

@@ -3,7 +3,7 @@ import * as c from "react";
 import m, { useRef as N, useLayoutEffect as P } from "react";
 import { T as k } from "../index-BVqs-uqP.js";
 import { u as O } from "../useMergeRefs-qoKniYqT.js";
-import { u as j, a as B } from "../inputBaseStyles-DbzD_jvq.js";
+import { u as j, a as B } from "../inputBaseStyles-BfZIWuQ6.js";
 const _ = k({
   extend: B,
   base: "min-h-14",

package/dist/{inputBaseStyles-DbzD_jvq.js → inputBaseStyles-BfZIWuQ6.js}

@@ -10,20 +10,20 @@ const d = s({
   base: [
     "w-full rounded-lg border border-secondary-border bg-secondary-bg px-3 py-2.5 shadow-soft-sm outline-none transition-colors lg:py-2",
     "font-sans text-sm text-primary-fg placeholder:text-muted",
-    "hover:border-primary-border hover:shadow-soft-base",
+    "hover:border-primary-border",
     "focus:rounded-lg focus:border focus:border-secondary-border focus:bg-secondary-bg focus:shadow-focus"
   ]
 }), b = s({
   extend: d,
   base: [
-    "read-only:border-primary-border read-only:bg-secondary-bg-hover read-only:shadow-soft-sm",
+    "read-only:border-primary-border read-only:bg-secondary-bg-hover read-only:shadow-none",
     "read-only:hover:bg-secondary-bg-hover",
     "read-only:focus:bg-secondary-bg-hover",
     "disabled:border-primary-border disabled:bg-secondary-bg-hover disabled:shadow-soft-sm",
     "invalid:border-status-error-secondary-border invalid:shadow-soft-base invalid:hover:border-status-error-primary-border",
-    "invalid:hover:shadow-soft-base invalid:focus:border-status-error-secondary-border invalid:focus:shadow-focus-error",
+    "invalid:focus:border-status-error-secondary-border invalid:focus:shadow-focus-error",
     "aria-[invalid=true]:border-status-error-secondary-border aria-[invalid=true]:shadow-soft-base aria-[invalid=true]:hover:border-status-error-primary-border",
-    "aria-[invalid=true]:hover:shadow-soft-base aria-[invalid=true]:focus:border-status-error-secondary-border aria-[invalid=true]:focus:shadow-focus-error"
+    "aria-[invalid=true]:focus:border-status-error-secondary-border aria-[invalid=true]:focus:shadow-focus-error"
   ]
 });
 export {
@@ -31,4 +31,4 @@ export {
   d as i,
   n as u
 };
-//# sourceMappingURL=inputBaseStyles-DbzD_jvq.js.map
+//# sourceMappingURL=inputBaseStyles-BfZIWuQ6.js.map

package/dist/inputBaseStyles-BfZIWuQ6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputBaseStyles-BfZIWuQ6.js","sources":["../src/hooks/useCustomValidity.ts","../src/components/input/styles/inputBaseStyles.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\n\n/**\n * Хук для установки кастомного сообщения об ошибке валидации на HTML элементе.\n * Автоматически управляет состоянием валидности элемента на основе переданной ошибки.\n *\n * @param elementRef - Ref к HTML элементу, поддерживающему валидацию (input, textarea, select)\n * @param error - Текст ошибки. При наличии делает элемент невалидным, при отсутствии - валидным\n */\nexport function useCustomValidity<T extends HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>(\n\telementRef: RefObject<T>,\n\terror?: string\n) {\n\tuseEffect(() => {\n\t\tconst element = elementRef.current;\n\t\tif (!element) return;\n\n\t\tif (error) {\n\t\t\telement.setCustomValidity(error);\n\t\t} else {\n\t\t\telement.setCustomValidity(\"\");\n\t\t}\n\t}, [elementRef, error]);\n}\n","import { tv } from \"tailwind-variants\";\n\nexport const inputBaseElementStyles = tv({\n\tbase: [\n\t\t\"w-full rounded-lg border border-secondary-border bg-secondary-bg px-3 py-2.5 shadow-soft-sm outline-none transition-colors lg:py-2\",\n\t\t\"font-sans text-sm text-primary-fg placeholder:text-muted\",\n\t\t\"hover:border-primary-border\",\n\t\t\"focus:rounded-lg focus:border focus:border-secondary-border focus:bg-secondary-bg focus:shadow-focus\"\n\t]\n});\n\nexport const inputBaseControlStyles = tv({\n\textend: inputBaseElementStyles,\n\tbase: [\n\t\t\"read-only:border-primary-border read-only:bg-secondary-bg-hover read-only:shadow-none\",\n\t\t\"read-only:hover:bg-secondary-bg-hover\",\n\t\t\"read-only:focus:bg-secondary-bg-hover\",\n\t\t\"disabled:border-primary-border disabled:bg-secondary-bg-hover disabled:shadow-soft-sm\",\n\t\t\"invalid:border-status-error-secondary-border invalid:shadow-soft-base invalid:hover:border-status-error-primary-border\",\n\t\t\"invalid:focus:border-status-error-secondary-border invalid:focus:shadow-focus-error\",\n\t\t\"aria-[invalid=true]:border-status-error-secondary-border aria-[invalid=true]:shadow-soft-base aria-[invalid=true]:hover:border-status-error-primary-border\",\n\t\t\"aria-[invalid=true]:focus:border-status-error-secondary-border aria-[invalid=true]:focus:shadow-focus-error\"\n\t]\n});\n"],"names":["useCustomValidity","elementRef","error","useEffect","element","inputBaseElementStyles","tv","inputBaseControlStyles"],"mappings":";;AASgB,SAAAA,EACfC,GACAC,GACC;AACD,EAAAC,EAAU,MAAM;AACf,UAAMC,IAAUH,EAAW;AAC3B,IAAKG,MAEDF,IACHE,EAAQ,kBAAkBF,CAAK,IAE/BE,EAAQ,kBAAkB,EAAE;AAAA,EAC7B,GACE,CAACH,GAAYC,CAAK,CAAC;AACvB;ACrBO,MAAMG,IAAyBC,EAAG;AAAA,EACxC,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,CAAC,GAEYC,IAAyBD,EAAG;AAAA,EACxC,QAAQD;AAAA,EACR,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,CAAC;"}

package/dist/styles-scoped.css

@@ -116,9 +116,6 @@
 	--status-error-secondary-border: 0 96% 89%;
 
 	/** Alpha **/
-	--alpha-03: 210 40% 96% / 3%;
-	--alpha-05: 210 40% 96% / 5%;
-	--alpha-08: 210 40% 96% / 8%;
 	--alpha-10: 210 40% 96% / 10%;
 	--alpha-20: 210 40% 96% / 20%;
 	--alpha-30: 210 40% 96% / 30%;
@@ -129,9 +126,6 @@
 	--alpha-80: 210 40% 96% / 80%;
 	--alpha-90: 210 40% 96% / 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%;
@@ -142,8 +136,10 @@
 	--alpha-high-80: 229 84% 5% / 80%;
 	--alpha-high-90: 229 84% 5% / 90%;
 
+	--alpha-hover: 210 40% 96% / 6%;
 	--alpha-accent-primary: 210 40% 96% / 16%;
 	--alpha-accent-secondary: 210 40% 96% / 8%;
+	--alpha-high-hover: 229 84% 5% / 4%;
 	--alpha-accent-high-primary: 222 47% 11% / 16%;
 	--alpha-accent-high-secondary: 222 47% 11% / 8%;
 
@@ -286,9 +282,6 @@
 	--status-error-secondary-border: 0 63% 31%;
 
 	/** Alpha **/
-	--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%;
@@ -299,9 +292,6 @@
 	--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%;
-	--alpha-high-08: 210 40% 96% / 8%;
 	--alpha-high-10: 210 40% 96% / 10%;
 	--alpha-high-20: 210 40% 96% / 20%;
 	--alpha-high-30: 210 40% 96% / 30%;
@@ -312,8 +302,10 @@
 	--alpha-high-80: 210 40% 96% / 80%;
 	--alpha-high-90: 210 40% 96% / 90%;
 
+	--alpha-hover: 229 84% 5% / 4%;
 	--alpha-accent-primary: 222 47% 11% / 16%;
 	--alpha-accent-secondary: 222 47% 11% / 8%;
+	--alpha-high-hover: 210 40% 96% / 6%;
 	--alpha-accent-high-primary: 210 40% 96% / 16%;
 	--alpha-accent-high-secondary: 210 40% 96% / 8%;
 
@@ -4016,8 +4008,8 @@
 	opacity: 0.8;
 }
 .ui-kit .\!shadow-focus {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)) !important;
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color) !important;
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus)) !important;
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color) !important;
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
 }
 .ui-kit .\!shadow-none {
@@ -4031,8 +4023,8 @@
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .shadow-focus {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .shadow-glass-md {
@@ -4076,23 +4068,23 @@
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .shadow-soft-base {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .shadow-soft-lg {
-	--tw-shadow: 0 8px 16px -4px rgba(15, 23, 42, 0.12), 0 4px 8px -4px rgba(15, 23, 42, 0.12);
-	--tw-shadow-colored: 0 8px 16px -4px var(--tw-shadow-color), 0 4px 8px -4px var(--tw-shadow-color);
+	--tw-shadow: 0 10px 15px -3px hsl(var(--primary-fg) / 0.12), 0 4px 6px -4px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .shadow-soft-md {
-	--tw-shadow: 0 2px 4px -2px rgba(15, 23, 42, 0.12), 0 4px 8px -1px rgba(15, 23, 42, 0.12);
-	--tw-shadow-colored: 0 2px 4px -2px var(--tw-shadow-color), 0 4px 8px -1px var(--tw-shadow-color);
+	--tw-shadow: 0 4px 6px -1px hsl(var(--primary-fg) / 0.12), 0 2px 4px -2px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .shadow-soft-sm {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
+	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .outline-none {
@@ -4311,8 +4303,8 @@
 .ui-kit .\@container {
 	container-type: inline-size;
 }
-.ui-kit .\[--table-row-bg-hover\:hsl\(var\(--alpha-high-03\)\)\] {
-	--table-row-bg-hover: hsl(var(--alpha-high-03));
+.ui-kit .\[--table-row-bg-hover\:hsl\(var\(--alpha-high-hover\)\)\] {
+	--table-row-bg-hover: hsl(var(--alpha-high-hover));
 }
 .ui-kit .\[--table-row-bg\:transparent\] {
 	--table-row-bg: transparent;
@@ -4528,8 +4520,8 @@
 	border-color: hsl(var(--status-error-secondary-border));
 }
 .ui-kit .invalid\:shadow-soft-base:invalid {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .read-only\:w-0:read-only {
@@ -4544,9 +4536,9 @@
 .ui-kit .read-only\:bg-secondary-bg-hover:read-only {
 	background-color: hsl(var(--secondary-bg-hover));
 }
-.ui-kit .read-only\:shadow-soft-sm:read-only {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
+.ui-kit .read-only\:shadow-none:read-only {
+	--tw-shadow: 0 0 #0000;
+	--tw-shadow-colored: 0 0 #0000;
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 @media (hover: hover) and (pointer: fine) {
@@ -4589,9 +4581,6 @@
 	.ui-kit .hover\:bg-alpha-high-90:hover {
 		background-color: hsl(var(--alpha-high-10));
 	}
-	.ui-kit .hover\:bg-alpha-high-95:hover {
-		background-color: hsl(var(--alpha-high-05));
-	}
 	.ui-kit .hover\:bg-amber-100:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
@@ -4687,18 +4676,18 @@
 		opacity: 0.65;
 	}
 	.ui-kit .hover\:shadow-focus:hover {
-		--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
-		--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+		--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
+		--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
 	.ui-kit .hover\:shadow-soft-base:hover {
-		--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-		--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+		--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
 	.ui-kit .hover\:shadow-soft-sm:hover {
-		--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
-		--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
+		--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
 	.ui-kit .hover\:brightness-110:hover {
@@ -4725,11 +4714,6 @@
 	.ui-kit .invalid\:hover\:border-status-error-primary-border:hover:invalid {
 		border-color: hsl(var(--status-error-primary-border));
 	}
-	.ui-kit .invalid\:hover\:shadow-soft-base:hover:invalid {
-		--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-		--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-	}
 	.ui-kit .read-only\:hover\:bg-secondary-bg-hover:hover:read-only {
 		background-color: hsl(var(--secondary-bg-hover));
 	}
@@ -4774,18 +4758,18 @@
 	color: hsl(var(--primary-fg));
 }
 .ui-kit .focus\:shadow-focus:focus {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .focus\:shadow-focus-error:focus {
-	--tw-shadow: 0 0 0 1px hsl(var(--status-error));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--status-error));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .focus\:shadow-soft-sm:focus {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
+	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .focus\:outline-none:focus {
@@ -4807,8 +4791,8 @@
 	border-color: hsl(var(--status-error-secondary-border));
 }
 .ui-kit .invalid\:focus\:shadow-focus-error:focus:invalid {
-	--tw-shadow: 0 0 0 1px hsl(var(--status-error));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--status-error));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .read-only\:focus\:bg-secondary-bg-hover:focus:read-only {
@@ -4848,23 +4832,23 @@
 	background-color: hsl(var(--secondary-bg-hover));
 }
 .ui-kit .focus-visible\:\!shadow-focus:focus-visible {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)) !important;
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color) !important;
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus)) !important;
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color) !important;
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
 }
 .ui-kit .focus-visible\:shadow-focus:focus-visible {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .focus-visible\:shadow-focus-error:focus-visible {
-	--tw-shadow: 0 0 0 1px hsl(var(--status-error));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--status-error));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .focus-visible\:shadow-inverse-focus:focus-visible {
-	--tw-shadow: 0 0 0 1px hsl(var(--inverse-primary-bg)), 0 0 0 2px hsl(var(--inverse-muted));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--inverse-primary-bg)), 0 0 0 1px hsl(var(--inverse-muted));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .focus-visible\:outline-none:focus-visible {
@@ -4907,8 +4891,8 @@
 	border-color: hsl(var(--status-error-secondary-border));
 }
 .ui-kit .invalid\:focus-visible\:shadow-focus-error:focus-visible:invalid {
-	--tw-shadow: 0 0 0 1px hsl(var(--status-error));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--status-error));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .active\:cursor-grabbing:active {
@@ -5026,9 +5010,14 @@
 .ui-kit .disabled\:opacity-50:disabled {
 	opacity: 0.5;
 }
+.ui-kit .disabled\:shadow-none:disabled {
+	--tw-shadow: 0 0 #0000;
+	--tw-shadow-colored: 0 0 #0000;
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .ui-kit .disabled\:shadow-soft-sm:disabled {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
+	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 @media (hover: hover) and (pointer: fine) {
@@ -5049,8 +5038,8 @@
 	opacity: 1;
 }
 .ui-kit :is(.group\/search-select-trigger:focus-within .group-focus-within\/search-select-trigger\:shadow-focus) {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 @media (hover: hover) and (pointer: fine) {
@@ -5091,9 +5080,6 @@
 .ui-kit :is(.group:focus-visible .group-focus-visible\:opacity-100) {
 	opacity: 1;
 }
-.ui-kit :is(.group:disabled .group-disabled\:hidden) {
-	display: none;
-}
 @media (hover: hover) and (pointer: fine) {
 	.ui-kit :is(.peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg) {
 		background-color: hsl(var(--primary-fg));
@@ -5166,48 +5152,48 @@
 	opacity: 0.5;
 }
 .ui-kit .has-\[div\[data-input-group-element\=\'contenteditable\'\]\:focus\]\:shadow-focus:has(div[data-input-group-element='contenteditable']:focus) {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .has-\[input\:disabled\]\:shadow-soft-sm:has(input:disabled) {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
+	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .has-\[input\:focus\]\:shadow-focus:has(input:focus) {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .has-\[input\:invalid\]\:has-\[input\:focus\]\:shadow-focus-error:has(input:focus):has(input:invalid) {
-	--tw-shadow: 0 0 0 1px hsl(var(--status-error));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--status-error));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .has-\[input\:invalid\]\:shadow-soft-base:has(input:invalid) {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:shadow-focus:has(input:focus):has(input:read-only:not([type='file'])) {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:shadow-soft-sm:has(input:read-only:not([type='file'])) {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
+.ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:shadow-none:has(input:read-only:not([type='file'])) {
+	--tw-shadow: 0 0 #0000;
+	--tw-shadow-colored: 0 0 #0000;
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .has-\[input\[aria-invalid\=true\]\]\:has-\[input\:focus\]\:shadow-focus-error:has(input:focus):has(input[aria-invalid=true]) {
-	--tw-shadow: 0 0 0 1px hsl(var(--status-error));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--status-error));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .has-\[input\[aria-invalid\=true\]\]\:shadow-soft-base:has(input[aria-invalid=true]) {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 @media (hover: hover) and (pointer: fine) {
@@ -5220,16 +5206,6 @@
 	.ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
 		background-color: hsl(var(--secondary-bg-hover));
 	}
-	.ui-kit .has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) {
-		--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-		--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-	}
-	.ui-kit .has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[aria-invalid=true]) {
-		--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-		--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-	}
 }
 .ui-kit :is(.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8) {
 	padding-right: 2rem;
@@ -5244,26 +5220,21 @@
 	border-color: hsl(var(--status-error-secondary-border));
 }
 .ui-kit .aria-\[invalid\=true\]\:shadow-soft-base[aria-invalid="true"] {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 @media (hover: hover) and (pointer: fine) {
 	.ui-kit .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
 		border-color: hsl(var(--status-error-primary-border));
 	}
-	.ui-kit .aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] {
-		--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-		--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-	}
 }
 .ui-kit .aria-\[invalid\=true\]\:focus\:border-status-error-secondary-border:focus[aria-invalid="true"] {
 	border-color: hsl(var(--status-error-secondary-border));
 }
 .ui-kit .aria-\[invalid\=true\]\:focus\:shadow-focus-error:focus[aria-invalid="true"] {
-	--tw-shadow: 0 0 0 1px hsl(var(--status-error));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--status-error));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
@@ -5493,8 +5464,8 @@
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
 }
 .ui-kit .data-\[state\=active\]\:shadow-soft-base[data-state="active"] {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+	--tw-shadow: 0 1px 3px 0 hsl(var(--primary-fg) / 0.12), 0 1px 2px -1px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .data-\[state\=open\]\:shadow-none[data-state="open"] {
@@ -5663,25 +5634,15 @@
 	.ui-kit .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
 		color: hsl(var(--primary-fg));
 	}
-	.ui-kit .data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] {
-		--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-		--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-	}
-	.ui-kit .data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] {
-		--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
-		--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-	}
 }
 .ui-kit .data-\[state\=checked\]\:focus-visible\:shadow-focus:focus-visible[data-state="checked"] {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .data-\[state\=indeterminate\]\:focus-visible\:shadow-focus:focus-visible[data-state="indeterminate"] {
-	--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus));
-	--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
+	--tw-shadow: 0 0 0 0.5px hsl(var(--primary-bg)), 0 0 0 1px hsl(var(--focus));
+	--tw-shadow-colored: 0 0 0 0.5px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .active\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:active {
@@ -5720,13 +5681,13 @@
 	opacity: 0.5;
 }
 .ui-kit .data-\[state\=checked\]\:disabled\:shadow-soft-sm:disabled[data-state="checked"] {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
+	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit .data-\[state\=indeterminate\]\:disabled\:shadow-soft-sm:disabled[data-state="indeterminate"] {
-	--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
-	--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
+	--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]) {
@@ -5866,8 +5827,8 @@
 	opacity: 1;
 }
 .ui-kit :is(.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-soft-xl) {
-	--tw-shadow: 0 6px 12px -6px rgba(15, 23, 42, 0.12), 0 16px 24px -6px rgba(15, 23, 42, 0.12);
-	--tw-shadow-colored: 0 6px 12px -6px var(--tw-shadow-color), 0 16px 24px -6px var(--tw-shadow-color);
+	--tw-shadow: 0 20px 25px -5px hsl(var(--primary-fg) / 0.12), 0 8px 10px -6px hsl(var(--primary-fg) / 0.12);
+	--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .ui-kit :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full)::after {
@@ -6314,8 +6275,8 @@
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
 	.ui-kit .lg\:shadow-soft-sm {
-		--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
-		--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
+		--tw-shadow: 0 1px 2px 0 hsl(var(--primary-fg) / 0.06);
+		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 	}
 	@media (hover: hover) and (pointer: fine) {