@synergy-design-system/components 2.65.0 → 2.67.0

package/dist/chunks/{chunk.EM2H6C6L.js → chunk.22EMGZBG.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.477VJYGX.js";
+} from "./chunk.R7H46OHS.js";
 
 // src/components/range-tick/range-tick.ts
 var range_tick_default = SynRangeTick;
@@ -9,4 +9,4 @@ SynRangeTick.define("syn-range-tick");
 export {
   range_tick_default
 };
-//# sourceMappingURL=chunk.EM2H6C6L.js.map
+//# sourceMappingURL=chunk.22EMGZBG.js.map

package/dist/chunks/{chunk.PF3NAG26.js → chunk.23GA4ASZ.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.62TJ27QL.js";
+} from "./chunk.6JHHTQHV.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.PF3NAG26.js.map
+//# sourceMappingURL=chunk.23GA4ASZ.js.map

package/dist/chunks/{chunk.C435SRBD.js → chunk.2IRMFJQ6.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.KJWL6FCT.js";
+} from "./chunk.NTRLT76V.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.C435SRBD.js.map
+//# sourceMappingURL=chunk.2IRMFJQ6.js.map

package/dist/chunks/{chunk.BCFNMS5C.js → chunk.2P42TWJC.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.YMV5UUZV.js";
+} from "./chunk.LJOGOH4A.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -89,4 +89,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.BCFNMS5C.js.map
+//# sourceMappingURL=chunk.2P42TWJC.js.map

package/dist/chunks/{chunk.EOTGBOJW.js → chunk.2RRRUEJX.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.JS3VQ4EC.js";
+} from "./chunk.F6WAGWYI.js";
 import {
   compareValues,
   isAllowedValue
@@ -13,7 +13,7 @@ import {
 } from "./chunk.XTWO6ZZW.js";
 import {
   SynPopup
-} from "./chunk.QH76BBND.js";
+} from "./chunk.O2J5DFS6.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -40,22 +40,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.BTZ53ROB.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.D5TUJ7H4.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.YMV5UUZV.js";
+} from "./chunk.LJOGOH4A.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.EOTGBOJW.js.map
+//# sourceMappingURL=chunk.2RRRUEJX.js.map

package/dist/chunks/{chunk.OAPIFRL6.js → chunk.2XZ64I43.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.NKIZN4PF.js";
+} from "./chunk.U2JJNNGK.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.OAPIFRL6.js.map
+//# sourceMappingURL=chunk.2XZ64I43.js.map

package/dist/chunks/{chunk.GNLYKZOF.js → chunk.3F774AL5.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.N7Y7ZHLT.js";
+} from "./chunk.SBV6V4MD.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.GNLYKZOF.js.map
+//# sourceMappingURL=chunk.3F774AL5.js.map

package/dist/chunks/{chunk.UTPFOMS3.js → chunk.3JWWA3AR.js}

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.SJ2EYSGL.js";
+} from "./chunk.HSDBATKG.js";
 
 // src/components/range/range.ts
 var range_default = SynRange;
@@ -9,4 +9,4 @@ SynRange.define("syn-range");
 export {
   range_default
 };
-//# sourceMappingURL=chunk.UTPFOMS3.js.map
+//# sourceMappingURL=chunk.3JWWA3AR.js.map

package/dist/chunks/{chunk.RFC3WYPX.js → chunk.4A6JD5B2.js}

@@ -6,7 +6,6 @@ var icons = {
   "chevron-right": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="m12.946 12-4.6-4.6L9.4 6.346 15.054 12 9.4 17.654 8.346 16.6z"/></svg>`,
   "details-close": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M5.5 12.75v-1.5h13v1.5z"/></svg>`,
   "details-open": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M11.25 12.75H5.5v-1.5h5.75V5.5h1.5v5.75h5.75v1.5h-5.75v5.75h-1.5z"/></svg>`,
-  "error": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12 16.73q.343 0 .575-.232a.78.78 0 0 0 .233-.575.78.78 0 0 0-.232-.575.78.78 0 0 0-.576-.232.78.78 0 0 0-.575.232.78.78 0 0 0-.233.575q0 .343.232.575a.78.78 0 0 0 .576.233m-.75-3.653h1.5v-6h-1.5zm.752 8.423a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749"/></svg>`,
   "eye": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12.002 15.577q1.7 0 2.888-1.19t1.187-2.89-1.19-2.886-2.89-1.188-2.886 1.19-1.188 2.89 1.19 2.887 2.89 1.187M12 14.2q-1.125 0-1.912-.787A2.6 2.6 0 0 1 9.3 11.5q0-1.125.788-1.912A2.6 2.6 0 0 1 12 8.8q1.125 0 1.913.787.787.788.787 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m.001 4.3q-3.45 0-6.285-1.903-2.837-1.904-4.177-5.097 1.34-3.194 4.175-5.097T12 4.5t6.286 1.903q2.836 1.904 4.177 5.097-1.341 3.195-4.176 5.097T12.001 18.5"/></svg>`,
   "eye-slash": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="m19.762 21.87-4.046-4.016q-.77.285-1.705.465-.936.18-2.01.181-3.525 0-6.341-1.939-2.815-1.938-4.121-5.061.554-1.325 1.43-2.472A11.4 11.4 0 0 1 4.9 7.038l-2.77-2.8 1.055-1.053 17.63 17.63zM12 15.576q.314 0 .642-.054.33-.053.585-.158l-5.092-5.092q-.104.275-.158.599a4 4 0 0 0-.054.628q0 1.702 1.188 2.89 1.186 1.187 2.89 1.187m6.954.507-3.137-3.111q.118-.32.189-.684.07-.366.071-.789 0-1.702-1.187-2.89Q13.702 7.424 12 7.424q-.422 0-.779.076-.355.076-.684.228L8.035 5.235a10 10 0 0 1 1.936-.556q.99-.18 2.03-.179 3.514 0 6.34 1.939 2.824 1.938 4.12 5.061-.555 1.34-1.435 2.502a11 11 0 0 1-2.072 2.082m-4.27-4.234-3.009-3q.661-.124 1.25.098.586.223 1.012.663.435.44.636 1.033.202.593.112 1.206"/></svg>`,
   "indeterminate": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M5.5 12.75v-1.5h13v1.5z"/></svg>`,
@@ -16,7 +15,7 @@ var icons = {
   "more-vert": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12 19.27q-.619 0-1.06-.442a1.44 1.44 0 0 1-.44-1.059q0-.618.44-1.06.442-.44 1.06-.44t1.06.44q.44.442.44 1.06 0 .62-.44 1.06-.442.44-1.06.44m0-5.77q-.619 0-1.06-.44A1.44 1.44 0 0 1 10.5 12q0-.619.44-1.06.442-.44 1.06-.44t1.06.44q.44.441.44 1.06t-.44 1.06-1.06.44m0-5.77q-.619 0-1.06-.44a1.44 1.44 0 0 1-.44-1.06q0-.618.44-1.059.442-.44 1.06-.44t1.06.44q.44.44.44 1.06 0 .618-.44 1.06-.442.44-1.06.44"/></svg>`,
   "placeholder": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M3.5 20.5V13H5v6h6v1.5zm9.5 0V19h6v-6h1.5v7.5zm-6.25-3.75 2.48-3.289 2 2.558 2.809-3.653 3.288 4.384zM3.5 11V3.5H11V5H5v6zM19 11V5h-6V3.5h7.5V11zm-3.594-1.096q-.566 0-.938-.37a1.26 1.26 0 0 1-.372-.936q0-.566.37-.938t.936-.372.938.37q.371.37.372.936 0 .566-.37.938a1.26 1.26 0 0 1-.936.372"/></svg>`,
   "radio": `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill='currentColor'><path d="M6 10.75a4.6 4.6 0 0 1-1.852-.374A4.8 4.8 0 0 1 2.64 9.361a4.8 4.8 0 0 1-1.016-1.508 4.6 4.6 0 0 1-.374-1.852q0-.986.374-1.853.375-.866 1.015-1.508.641-.641 1.508-1.016a4.6 4.6 0 0 1 1.852-.374q.986 0 1.853.374.867.375 1.508 1.015.642.641 1.016 1.508t.374 1.852-.374 1.853A4.8 4.8 0 0 1 9.361 9.36q-.642.642-1.508 1.016a4.6 4.6 0 0 1-1.852.374"/></svg>`,
-  "status-error": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12 16.73q.343 0 .575-.232a.78.78 0 0 0 .233-.575.78.78 0 0 0-.232-.575.78.78 0 0 0-.576-.232.78.78 0 0 0-.575.232.78.78 0 0 0-.233.575q0 .343.232.575a.78.78 0 0 0 .576.233m-.75-3.653h1.5v-6h-1.5zm.752 8.423a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"/></svg>`,
+  "status-error": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12 16.712q.343 0 .575-.233a.78.78 0 0 0 .233-.575.78.78 0 0 0-.232-.576.78.78 0 0 0-.576-.232.78.78 0 0 0-.575.232.78.78 0 0 0-.233.576q0 .343.232.575a.78.78 0 0 0 .576.233m-.75-3.481h1.5V7.192h-1.5zM8.461 20.5 3.5 15.543V8.462L8.457 3.5h7.082L20.5 8.457v7.082L15.543 20.5zM9.1 19h5.8l4.1-4.1V9.1L14.9 5H9.1L5 9.1v5.8z"/></svg>`,
   "status-informative": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M11.25 16.75h1.5V11h-1.5zM12 9.289q.343 0 .575-.233a.78.78 0 0 0 .233-.575.78.78 0 0 0-.232-.576.78.78 0 0 0-.576-.232.78.78 0 0 0-.575.232.78.78 0 0 0-.233.576q0 .343.232.575A.78.78 0 0 0 12 9.29m.002 12.211a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"/></svg>`,
   "status-neutral": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="m9.692 21.5-.38-3.046a5.3 5.3 0 0 1-1.579-.896L4.912 18.75l-2.308-4 2.44-1.844a5 5 0 0 1-.049-.448 7 7 0 0 1 0-.882q.014-.22.05-.482L2.603 9.25l2.308-3.98 2.811 1.182a6.4 6.4 0 0 1 .772-.524 5 5 0 0 1 .807-.382l.39-3.046h4.616l.38 3.056q.45.163.815.381t.735.515l2.85-1.183 2.308 3.981-2.479 1.873q.054.243.059.453t.005.424q0 .204-.01.415-.01.21-.069.481l2.46 1.854-2.308 4-2.815-1.202q-.372.296-.758.524a4.6 4.6 0 0 1-.793.372l-.38 3.056zM11 20h1.966l.359-2.679q.765-.2 1.399-.568.634-.369 1.222-.947l2.485 1.044.985-1.7-2.17-1.635q.125-.387.17-.761a6.3 6.3 0 0 0 0-1.508 4 4 0 0 0-.17-.742l2.189-1.654-.985-1.7-2.513 1.06a5.3 5.3 0 0 0-1.203-.949 5.2 5.2 0 0 0-1.418-.582L13 4h-1.985l-.33 2.67a5.2 5.2 0 0 0-1.414.553q-.648.374-1.237.962L5.55 7.15l-.984 1.7 2.159 1.61a3.7 3.7 0 0 0-.175.74 6.3 6.3 0 0 0 0 1.575q.05.375.165.74l-2.15 1.635.985 1.7 2.475-1.05q.57.585 1.217.958t1.433.573zm1.011-5q1.249 0 2.125-.876A2.9 2.9 0 0 0 15.012 12q0-1.248-.876-2.124A2.9 2.9 0 0 0 12.012 9q-1.264 0-2.132.876A2.9 2.9 0 0 0 9.01 12q0 1.248.869 2.124T12.01 15"/></svg>`,
   "status-success": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="m10.58 16.254 6.724-6.723-1.054-1.054-5.67 5.67-2.85-2.85-1.053 1.053zm1.422 5.246a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"/></svg>`,
@@ -32,4 +31,4 @@ var icons = {
 export {
   icons
 };
-//# sourceMappingURL=chunk.RFC3WYPX.js.map
+//# sourceMappingURL=chunk.4A6JD5B2.js.map

package/dist/chunks/chunk.4A6JD5B2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/icon/sick2025-system-icons.ts"],
+  "sourcesContent": ["/* eslint-disable */\nexport const icons = {\n  \"add\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M11.25 12.75H5.5v-1.5h5.75V5.5h1.5v5.75h5.75v1.5h-5.75v5.75h-1.5z\\\"/></svg>\",\n  \"check\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m9.55 17.654-5.334-5.335 1.069-1.069 4.265 4.265 9.166-9.165 1.069 1.07z\\\"/></svg>\",\n  \"chevron-down\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 15.039 6.346 9.384 7.4 8.331l4.6 4.6 4.6-4.6 1.054 1.053z\\\"/></svg>\",\n  \"chevron-right\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m12.946 12-4.6-4.6L9.4 6.346 15.054 12 9.4 17.654 8.346 16.6z\\\"/></svg>\",\n  \"details-close\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M5.5 12.75v-1.5h13v1.5z\\\"/></svg>\",\n  \"details-open\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M11.25 12.75H5.5v-1.5h5.75V5.5h1.5v5.75h5.75v1.5h-5.75v5.75h-1.5z\\\"/></svg>\",\n  \"eye\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12.002 15.577q1.7 0 2.888-1.19t1.187-2.89-1.19-2.886-2.89-1.188-2.886 1.19-1.188 2.89 1.19 2.887 2.89 1.187M12 14.2q-1.125 0-1.912-.787A2.6 2.6 0 0 1 9.3 11.5q0-1.125.788-1.912A2.6 2.6 0 0 1 12 8.8q1.125 0 1.913.787.787.788.787 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m.001 4.3q-3.45 0-6.285-1.903-2.837-1.904-4.177-5.097 1.34-3.194 4.175-5.097T12 4.5t6.286 1.903q2.836 1.904 4.177 5.097-1.341 3.195-4.176 5.097T12.001 18.5\\\"/></svg>\",\n  \"eye-slash\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m19.762 21.87-4.046-4.016q-.77.285-1.705.465-.936.18-2.01.181-3.525 0-6.341-1.939-2.815-1.938-4.121-5.061.554-1.325 1.43-2.472A11.4 11.4 0 0 1 4.9 7.038l-2.77-2.8 1.055-1.053 17.63 17.63zM12 15.576q.314 0 .642-.054.33-.053.585-.158l-5.092-5.092q-.104.275-.158.599a4 4 0 0 0-.054.628q0 1.702 1.188 2.89 1.186 1.187 2.89 1.187m6.954.507-3.137-3.111q.118-.32.189-.684.07-.366.071-.789 0-1.702-1.187-2.89Q13.702 7.424 12 7.424q-.422 0-.779.076-.355.076-.684.228L8.035 5.235a10 10 0 0 1 1.936-.556q.99-.18 2.03-.179 3.514 0 6.34 1.939 2.824 1.938 4.12 5.061-.555 1.34-1.435 2.502a11 11 0 0 1-2.072 2.082m-4.27-4.234-3.009-3q.661-.124 1.25.098.586.223 1.012.663.435.44.636 1.033.202.593.112 1.206\\\"/></svg>\",\n  \"indeterminate\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M5.5 12.75v-1.5h13v1.5z\\\"/></svg>\",\n  \"logo-color\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"295\\\" height=\\\"94\\\" viewBox=\\\"0 0 295 94\\\" fill='currentColor'><g clip-path=\\\"url(#a)\\\"><path d=\\\"M166.39 0c17.638 0 32.976 9.895 40.876 24.493L188.19 34.788c-4.268-7.865-12.516-13.108-21.8-13.108-13.545 0-24.876 11.14-24.876 25.32s11.331 25.32 24.876 25.32c9.476 0 17.925-5.452 22.106-13.596l19.058 10.347C199.723 83.905 184.202 94 166.39 94c-25.713 0-46.556-21.044-46.556-47S140.677 0 166.39 0M56.85 1.673c12.543 0 21.498 9.389 21.498 21.296H26.436c-6.977.993-7.421 11.697 0 12.908H54.08c15.164.41 27.263 12.481 27.263 27.768 0 14.084-11.95 28.238-27.194 28.238H25.643c-12.134 0-25.495-6.55-25.495-21.758.151 0 46.601 0 54.011.009 7.9-1.577 7.02-11.541 0-12.917H26.436C11.68 57.217 0 44.622 0 29.614 0 15.182 10.792 1.673 26.436 1.673zm53.803 90.21H89.349V1.664h21.304zm126.48-90.219v36.182h8.292l22.402-36.182h26.497L263.795 47.35l30.085 44.534h-26.505L244.702 56.93h-7.569v34.953h-21.549V1.664z\\\"/></g><defs><clipPath id=\\\"a\\\"><path d=\\\"M0 0h295v94H0z\\\"/></clipPath></defs></svg>\",\n  \"menu\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M3.5 17.635v-1.5h17v1.5zm0-4.885v-1.5h17v1.5zm0-4.885v-1.5h17v1.5z\\\"/></svg>\",\n  \"more\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M6.23 13.5q-.618 0-1.059-.44a1.44 1.44 0 0 1-.44-1.06q0-.619.44-1.06.44-.44 1.06-.44.618 0 1.06.44.44.442.44 1.06t-.44 1.06q-.442.44-1.06.44m5.77 0q-.619 0-1.06-.44A1.44 1.44 0 0 1 10.5 12q0-.619.44-1.06.441-.44 1.06-.44.618 0 1.06.44.44.442.44 1.06t-.44 1.06q-.442.44-1.06.44m5.77 0q-.62 0-1.06-.44a1.44 1.44 0 0 1-.44-1.06q0-.619.44-1.06.44-.44 1.06-.44.618 0 1.058.44.441.442.441 1.06t-.44 1.06q-.44.44-1.06.44\\\"/></svg>\",\n  \"more-vert\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 19.27q-.619 0-1.06-.442a1.44 1.44 0 0 1-.44-1.059q0-.618.44-1.06.442-.44 1.06-.44t1.06.44q.44.442.44 1.06 0 .62-.44 1.06-.442.44-1.06.44m0-5.77q-.619 0-1.06-.44A1.44 1.44 0 0 1 10.5 12q0-.619.44-1.06.442-.44 1.06-.44t1.06.44q.44.441.44 1.06t-.44 1.06-1.06.44m0-5.77q-.619 0-1.06-.44a1.44 1.44 0 0 1-.44-1.06q0-.618.44-1.059.442-.44 1.06-.44t1.06.44q.44.44.44 1.06 0 .618-.44 1.06-.442.44-1.06.44\\\"/></svg>\",\n  \"placeholder\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M3.5 20.5V13H5v6h6v1.5zm9.5 0V19h6v-6h1.5v7.5zm-6.25-3.75 2.48-3.289 2 2.558 2.809-3.653 3.288 4.384zM3.5 11V3.5H11V5H5v6zM19 11V5h-6V3.5h7.5V11zm-3.594-1.096q-.566 0-.938-.37a1.26 1.26 0 0 1-.372-.936q0-.566.37-.938t.936-.372.938.37q.371.37.372.936 0 .566-.37.938a1.26 1.26 0 0 1-.936.372\\\"/></svg>\",\n  \"radio\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"12\\\" height=\\\"12\\\" viewBox=\\\"0 0 12 12\\\" fill='currentColor'><path d=\\\"M6 10.75a4.6 4.6 0 0 1-1.852-.374A4.8 4.8 0 0 1 2.64 9.361a4.8 4.8 0 0 1-1.016-1.508 4.6 4.6 0 0 1-.374-1.852q0-.986.374-1.853.375-.866 1.015-1.508.641-.641 1.508-1.016a4.6 4.6 0 0 1 1.852-.374q.986 0 1.853.374.867.375 1.508 1.015.642.641 1.016 1.508t.374 1.852-.374 1.853A4.8 4.8 0 0 1 9.361 9.36q-.642.642-1.508 1.016a4.6 4.6 0 0 1-1.852.374\\\"/></svg>\",\n  \"status-error\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 16.712q.343 0 .575-.233a.78.78 0 0 0 .233-.575.78.78 0 0 0-.232-.576.78.78 0 0 0-.576-.232.78.78 0 0 0-.575.232.78.78 0 0 0-.233.576q0 .343.232.575a.78.78 0 0 0 .576.233m-.75-3.481h1.5V7.192h-1.5zM8.461 20.5 3.5 15.543V8.462L8.457 3.5h7.082L20.5 8.457v7.082L15.543 20.5zM9.1 19h5.8l4.1-4.1V9.1L14.9 5H9.1L5 9.1v5.8z\\\"/></svg>\",\n  \"status-informative\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M11.25 16.75h1.5V11h-1.5zM12 9.289q.343 0 .575-.233a.78.78 0 0 0 .233-.575.78.78 0 0 0-.232-.576.78.78 0 0 0-.576-.232.78.78 0 0 0-.575.232.78.78 0 0 0-.233.576q0 .343.232.575A.78.78 0 0 0 12 9.29m.002 12.211a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20\\\"/></svg>\",\n  \"status-neutral\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m9.692 21.5-.38-3.046a5.3 5.3 0 0 1-1.579-.896L4.912 18.75l-2.308-4 2.44-1.844a5 5 0 0 1-.049-.448 7 7 0 0 1 0-.882q.014-.22.05-.482L2.603 9.25l2.308-3.98 2.811 1.182a6.4 6.4 0 0 1 .772-.524 5 5 0 0 1 .807-.382l.39-3.046h4.616l.38 3.056q.45.163.815.381t.735.515l2.85-1.183 2.308 3.981-2.479 1.873q.054.243.059.453t.005.424q0 .204-.01.415-.01.21-.069.481l2.46 1.854-2.308 4-2.815-1.202q-.372.296-.758.524a4.6 4.6 0 0 1-.793.372l-.38 3.056zM11 20h1.966l.359-2.679q.765-.2 1.399-.568.634-.369 1.222-.947l2.485 1.044.985-1.7-2.17-1.635q.125-.387.17-.761a6.3 6.3 0 0 0 0-1.508 4 4 0 0 0-.17-.742l2.189-1.654-.985-1.7-2.513 1.06a5.3 5.3 0 0 0-1.203-.949 5.2 5.2 0 0 0-1.418-.582L13 4h-1.985l-.33 2.67a5.2 5.2 0 0 0-1.414.553q-.648.374-1.237.962L5.55 7.15l-.984 1.7 2.159 1.61a3.7 3.7 0 0 0-.175.74 6.3 6.3 0 0 0 0 1.575q.05.375.165.74l-2.15 1.635.985 1.7 2.475-1.05q.57.585 1.217.958t1.433.573zm1.011-5q1.249 0 2.125-.876A2.9 2.9 0 0 0 15.012 12q0-1.248-.876-2.124A2.9 2.9 0 0 0 12.012 9q-1.264 0-2.132.876A2.9 2.9 0 0 0 9.01 12q0 1.248.869 2.124T12.01 15\\\"/></svg>\",\n  \"status-success\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m10.58 16.254 6.724-6.723-1.054-1.054-5.67 5.67-2.85-2.85-1.053 1.053zm1.422 5.246a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20\\\"/></svg>\",\n  \"status-warning\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M1.865 20.5 12 3l10.135 17.5zM4.45 19h15.1L12 6zM12 17.808q.343 0 .575-.232a.78.78 0 0 0 .233-.576.78.78 0 0 0-.232-.576.78.78 0 0 0-.576-.232.78.78 0 0 0-.575.232.78.78 0 0 0-.233.576q0 .343.232.576a.78.78 0 0 0 .576.232m-.75-2.616h1.5v-5h-1.5z\\\"/></svg>\",\n  \"sticky_sidebar\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M9.5 19H19V5H9.5zm-6 1.5v-17h17v17z\\\"/></svg>\",\n  \"tabs-left\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m7.373 12.75 5.696 5.696L12 19.5 4.5 12 12 4.5l1.07 1.054-5.697 5.696H19.5v1.5z\\\"/></svg>\",\n  \"tabs-right\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M16.627 12.75H4.5v-1.5h12.127l-5.696-5.696L12 4.5l7.5 7.5-7.5 7.5-1.07-1.054z\\\"/></svg>\",\n  \"upload-file\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M11.25 18.385h1.5V13.95l1.85 1.85 1.054-1.07L12 11.078l-3.654 3.654 1.07 1.053 1.834-1.834zM4.5 21.5v-19h9.75l5.25 5.25V21.5zm9-13V4H6v16h12V8.5z\\\"/></svg>\",\n  \"x-circle-fill\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m8.4 16.654 3.6-3.6 3.6 3.6 1.054-1.054-3.6-3.6 3.6-3.6L15.6 7.346l-3.6 3.6-3.6-3.6L7.346 8.4l3.6 3.6-3.6 3.6zm3.602 4.846a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749\\\"/></svg>\",\n  \"x-lg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M6.4 18.654 5.346 17.6l5.6-5.6-5.6-5.6L6.4 5.346l5.6 5.6 5.6-5.6L18.654 6.4l-5.6 5.6 5.6 5.6-1.054 1.054-5.6-5.6z\\\"/></svg>\"\n};\n"],
+  "mappings": ";AACO,IAAM,QAAQ;AAAA,EACnB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AACV;",
+  "names": []
+}

package/dist/chunks/{chunk.LSTXIYCM.js → chunk.4NKB647A.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.E3Z62YYT.js";
 import {
   SynIcon
-} from "./chunk.BTZ53ROB.js";
+} from "./chunk.D5TUJ7H4.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.YMV5UUZV.js";
+} from "./chunk.LJOGOH4A.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.LSTXIYCM.js.map
+//# sourceMappingURL=chunk.4NKB647A.js.map

package/dist/chunks/{chunk.3AIIOH66.js → chunk.4QIBB6F7.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.OBAC5UL4.js";
+} from "./chunk.TMUFDIVN.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.3AIIOH66.js.map
+//# sourceMappingURL=chunk.4QIBB6F7.js.map

package/dist/chunks/{chunk.574CCTBO.js → chunk.53WASOQJ.js}

@@ -1,3 +1,9 @@
+import {
+  badge_custom_styles_default
+} from "./chunk.NQ4HEUZZ.js";
+import {
+  badge_styles_default
+} from "./chunk.Y5TMYX2L.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -9,13 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.YMV5UUZV.js";
-import {
-  badge_custom_styles_default
-} from "./chunk.NQ4HEUZZ.js";
-import {
-  badge_styles_default
-} from "./chunk.Y5TMYX2L.js";
+} from "./chunk.LJOGOH4A.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.574CCTBO.js.map
+//# sourceMappingURL=chunk.53WASOQJ.js.map

package/dist/chunks/{chunk.CW2Q7KG6.js → chunk.5C3IFF3A.js}

@@ -77,22 +77,23 @@ var file_styles_default = css`
    */
   .form-control--user-dragging:not([disabled]) .button::part(base) {
     background: none;
-    border-color: var(--syn-color-primary-900);
-    color: var(--syn-color-primary-900);
+    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
+    color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
   }
 
   /* Drop Area */
   .droparea {
-    --highlight-color: var(--syn-color-primary-600);
+    --highlight-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
 
-    border: var(--syn-border-width-small) dashed var(--syn-input-border-color);
+    border: var(--syn-input-border-width) dashed var(--syn-input-border-color);
+    border-radius: var(--syn-input-border-radius-medium);
     font: var(--syn-body-medium-regular);
     padding: var(--syn-spacing-x-large) var(--syn-spacing-large);
     transition: var(--syn-transition-medium) background;
   }
 
   .droparea:focus-visible {
-    border: var(--syn-border-width-small) dashed var(--syn-color-primary-600);
+    border: var(--syn-input-border-width) dashed var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
     outline: var(--syn-focus-ring);
     outline-offset: var(--syn-focus-ring-offset);
   }
@@ -160,25 +161,25 @@ var file_styles_default = css`
 
   :host(:not([disabled])) .form-control--user-dragging .droparea {
     background: var(--syn-color-primary-50);
-    border: var(--syn-border-width-small) solid var(--syn-color-primary-600);
+    border: var(--syn-input-border-width) solid var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
     cursor: pointer;
   }
 
   :host(:not([disabled])) .droparea:not(:focus-visible):hover {
-    --highlight-color: var(--syn-color-primary-900);
+    --highlight-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
 
-    border: var(--syn-border-width-small) dashed var(--syn-color-primary-900);
+    border: var(--syn-input-border-width) dashed var(--syn-input-border-color-hover);
     cursor: pointer;
   }
 
   /* Validation */
   /* stylelint-disable-next-line no-descending-specificity */
   :host([data-user-invalid]:not([disabled])) .droparea {
-    border: var(--syn-border-width-small) dashed var(--syn-input-border-color-focus-error);
+    border: var(--syn-input-border-width) dashed var(--syn-input-focus-ring-error);
   }
 `;
 
 export {
   file_styles_default
 };
-//# sourceMappingURL=chunk.CW2Q7KG6.js.map
+//# sourceMappingURL=chunk.5C3IFF3A.js.map

package/dist/chunks/chunk.5C3IFF3A.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/file/file.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .input__control {\n    /**\n     * Visually hide the input type=file without display:none\n     * This is necessary for accessibility reasons and so the native html input validation popup \n     * is shown.\n     */\n    border: 0;\n    clip-path: inset(50%);\n    height: 1px;\n    margin: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  .form-control--droparea .input__control {\n    /* move the input into the center, so the native validation popup is centered to the droparea */\n    left: 50%;\n  }\n\n  .form-control-input {\n    /* needed, so the native validation popup is centered correctly */\n    position: relative;\n  }\n\n  /* Regular Input with button only */\n  .button__wrapper {\n    align-items: center;\n    display: flex;\n    gap: var(--syn-input-spacing-medium);\n  }\n\n  .form-control--small .button__wrapper {\n    gap: var(--syn-input-spacing-small);\n  }\n\n  :host([size=\"large\"]) .button__wrapper {\n    gap: var(--syn-input-spacing-large);\n  }\n\n  /**\n   * The value of the chosen file(s) or the placeholder text\n   */\n  .input__value {\n    color: var(--syn-input-color);\n    font-size: var(--syn-input-label-font-size-medium);\n  }\n\n  .input__value.input__value--hidden {\n    display: none;\n  }\n\n  .input__value--placeholder {\n    color: var(--syn-input-help-text-color);\n  }\n\n  .form-control--small .input__value {\n    font-size: var(--syn-input-label-font-size-small);\n  }\n\n  .form-control--large .input__value {\n    font-size: var(--syn-input-label-font-size-large);\n  }\n\n  /**\n   * Special case for regular inputs:\n   * When the user uses drag and drop, highlight the button with the primary color\n   */\n  .form-control--user-dragging:not([disabled]) .button::part(base) {\n    background: none;\n    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n    color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n  }\n\n  /* Drop Area */\n  .droparea {\n    --highlight-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n\n    border: var(--syn-input-border-width) dashed var(--syn-input-border-color);\n    border-radius: var(--syn-input-border-radius-medium);\n    font: var(--syn-body-medium-regular);\n    padding: var(--syn-spacing-x-large) var(--syn-spacing-large);\n    transition: var(--syn-transition-medium) background;\n  }\n\n  .droparea:focus-visible {\n    border: var(--syn-input-border-width) dashed var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /* Adjust the highlight to match an inactive item */\n  :host([disabled]) .droparea {\n    --highlight-color: var(--syn-color-neutral-600);\n  }\n\n  :host([disabled]) .input__value {\n    display: none;\n  }\n\n  .droparea__background {\n    align-items: center;\n    display: flex;\n    gap: var(--syn-spacing-x-small);\n    padding: var(--syn-spacing-x-small) var(--syn-spacing-medium);\n  }\n\n  .droparea__icon {\n    align-items: center;\n    color: var(--highlight-color);\n    display: flex;\n    font-size: var(--syn-spacing-3x-large);\n  }\n\n  .droparea__text {\n    display: flex;\n    flex-direction: column;\n    gap: var(--syn-spacing-3x-small);\n    margin: 0;\n  }\n\n  .droparea__text strong {\n    color: var(--highlight-color);\n    font-weight: var(--syn-font-weight-bold);\n  }\n\n  /* Sizes */\n  /* stylelint-disable-next-line no-descending-specificity */\n  .form-control--small .droparea {\n    font: var(--syn-body-small-regular);\n  }\n\n  .form-control--small .droparea__icon {\n    font-size: var(--syn-spacing-2x-large)\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  .form-control--large .droparea {\n    font: var(--syn-body-large-regular);\n  }\n\n  .form-control--large .droparea__icon {\n    font-size: var(--syn-spacing-4x-large)\n  }\n\n  /* Disabled Styles */\n  :host([disabled]) .droparea,\n  :host([disabled]) .input__value {\n    cursor: not-allowed;\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  :host(:not([disabled])) .form-control--user-dragging .droparea {\n    background: var(--syn-color-primary-50);\n    border: var(--syn-input-border-width) solid var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n    cursor: pointer;\n  }\n\n  :host(:not([disabled])) .droparea:not(:focus-visible):hover {\n    --highlight-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n\n    border: var(--syn-input-border-width) dashed var(--syn-input-border-color-hover);\n    cursor: pointer;\n  }\n\n  /* Validation */\n  /* stylelint-disable-next-line no-descending-specificity */\n  :host([data-user-invalid]:not([disabled])) .droparea {\n    border: var(--syn-input-border-width) dashed var(--syn-input-focus-ring-error);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,sBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.BEMZYDHO.js → chunk.5KFF5WDY.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.E4K54L6Y.js";
+} from "./chunk.OTFLAIKW.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.BEMZYDHO.js.map
+//# sourceMappingURL=chunk.5KFF5WDY.js.map

package/dist/chunks/{chunk.HKCCF3PQ.js → chunk.5PMEL7UO.js}

@@ -6,25 +6,25 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.4VUTPQD3.js";
+} from "./chunk.I7NN6SR6.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.LSTXIYCM.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.4NKB647A.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.YMV5UUZV.js";
+} from "./chunk.LJOGOH4A.js";
 import {
   __decorateClass,
   __spreadValues
@@ -516,4 +516,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.HKCCF3PQ.js.map
+//# sourceMappingURL=chunk.5PMEL7UO.js.map

package/dist/chunks/{chunk.BDYEN33L.js → chunk.6E2JXKYY.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.JS3VQ4EC.js";
+} from "./chunk.F6WAGWYI.js";
 
 // src/components/tag/tag.ts
 var tag_default = SynTag;
@@ -9,4 +9,4 @@ SynTag.define("syn-tag");
 export {
   tag_default
 };
-//# sourceMappingURL=chunk.BDYEN33L.js.map
+//# sourceMappingURL=chunk.6E2JXKYY.js.map

package/dist/chunks/{chunk.62TJ27QL.js → chunk.6JHHTQHV.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.74N5WLM5.js";
 import {
   SynNavItem
-} from "./chunk.OE7XO7OF.js";
+} from "./chunk.VBJRJCBV.js";
 import {
   SynMenu
-} from "./chunk.S7PUIVDX.js";
+} from "./chunk.RPUJPNLC.js";
 import {
   SynDropdown
-} from "./chunk.CHKWEODV.js";
+} from "./chunk.XOMFYFY6.js";
 import {
   SynIcon
-} from "./chunk.BTZ53ROB.js";
+} from "./chunk.D5TUJ7H4.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.YMV5UUZV.js";
+} from "./chunk.LJOGOH4A.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.62TJ27QL.js.map
+//# sourceMappingURL=chunk.6JHHTQHV.js.map

package/dist/chunks/{chunk.JYNQPTNP.js → chunk.6OK6UAQ6.js}

@@ -1,6 +1,6 @@
 import {
   SynergyElement
-} from "./chunk.YMV5UUZV.js";
+} from "./chunk.LJOGOH4A.js";
 
 // src/components/validate/utility.ts
 var WhitelistedSynergyFormEventNames = [
@@ -33,4 +33,4 @@ export {
   normalizeEventAttribute,
   getEventNameForElement
 };
-//# sourceMappingURL=chunk.JYNQPTNP.js.map
+//# sourceMappingURL=chunk.6OK6UAQ6.js.map

package/dist/chunks/{chunk.7J7OAU2H.js → chunk.6TYH5BHW.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.EOTGBOJW.js";
+} from "./chunk.2RRRUEJX.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.7J7OAU2H.js.map
+//# sourceMappingURL=chunk.6TYH5BHW.js.map

package/dist/chunks/{chunk.T62TMDQX.js → chunk.74DVCVP4.js}

@@ -9,29 +9,29 @@ import {
 } from "./chunk.FSWTBNSI.js";
 import {
   SynPopup
-} from "./chunk.QH76BBND.js";
+} from "./chunk.O2J5DFS6.js";
 import {
   SynSpinner
-} from "./chunk.ODETUKGQ.js";
+} from "./chunk.W7MIBTKU.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.BTZ53ROB.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.D5TUJ7H4.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.YMV5UUZV.js";
+} from "./chunk.LJOGOH4A.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.T62TMDQX.js.map
+//# sourceMappingURL=chunk.74DVCVP4.js.map

package/dist/chunks/{chunk.MSICZKUD.js → chunk.7QA5ZUKF.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.ZMNFX2AU.js";
+} from "./chunk.XIF3DSWC.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.MSICZKUD.js.map
+//# sourceMappingURL=chunk.7QA5ZUKF.js.map

package/dist/chunks/{chunk.NZEOBBK5.js → chunk.BP6M6BXJ.js}

@@ -9,19 +9,19 @@ import {
 } from "./chunk.IVM3BGRH.js";
 import {
   SynIcon
-} from "./chunk.BTZ53ROB.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.D5TUJ7H4.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.YMV5UUZV.js";
+} from "./chunk.LJOGOH4A.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -186,4 +186,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.NZEOBBK5.js.map
+//# sourceMappingURL=chunk.BP6M6BXJ.js.map

package/dist/chunks/{chunk.AVAUNQOJ.js → chunk.C2PL3VUT.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.MJ7R4QQT.js";
 import {
   SynDivider
-} from "./chunk.ERQ4XWOU.js";
+} from "./chunk.YXFOI64K.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynergyElement
-} from "./chunk.YMV5UUZV.js";
+} from "./chunk.LJOGOH4A.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.AVAUNQOJ.js.map
+//# sourceMappingURL=chunk.C2PL3VUT.js.map

package/dist/chunks/{chunk.YCPNLURD.js → chunk.CFRK56CV.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.7CCK36W7.js";
+} from "./chunk.XNKB2F2W.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.YCPNLURD.js.map
+//# sourceMappingURL=chunk.CFRK56CV.js.map