From 5216739cf9b084f7388d687b84044f522d267cbf Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 07:55:43 +0200
Subject: Use iro-sass via pkg:

---
 src/objects/_switch.scss | 48 ++++++++++++++++++++++++------------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

(limited to 'src/objects/_switch.scss')

diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 48cec24..0ef95e6 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
@@ -18,7 +18,7 @@
 		margin-inline:
 			calc(-1 * props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset))
 			calc(props.get(vars.$spacing-sibling) - props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset));
-    
+
 		@include bem.elem('indicator') {
 			display:            inline-block;
 			flex:               0 0 auto;
@@ -31,7 +31,7 @@
 			border:             props.get(vars.$key-focus--border-offset) solid transparent;
 			border-radius:      2em;
 			transition:         background-color .2s ease;
-    
+
 			&::after {
 				display:          block;
 				inline-size:      calc(props.get(vars.$block-size) - 2 * props.get(vars.$border-width));
@@ -43,11 +43,11 @@
 				transition:       transform .2s ease;
 			}
 		}
-    
+
 		@include bem.elem('label') {
 			margin-inline-start: props.get(vars.$label-gap);
 		}
-    
+
 		@include bem.elem('native') {
 			position:           absolute;
 			inset-block-start:  0;
@@ -60,30 +60,30 @@
 			overflow:           hidden;
 			appearance:         none;
 			border-radius:      props.get(vars.$rounding);
-    
+
 			&:hover,
 			&:focus-visible {
 				@include bem.sibling-elem('label') {
 					color: props.get(vars.$hover--label-color);
 				}
-    
+
 				@include bem.sibling-elem('indicator') {
 					&::after {
 						border-color: props.get(vars.$hover--handle-border-color);
 					}
 				}
 			}
-    
+
 			&:checked {
 				@include bem.sibling-elem('indicator') {
 					background-color: props.get(vars.$handle-border-color);
-    
+
 					&::after {
 						border-color: props.get(vars.$handle-border-color);
 						transform:    translate(calc(props.get(vars.$inline-size) - props.get(vars.$block-size) + .5px), 0);
 					}
 				}
-    
+
 				&:hover,
 				&:focus-visible {
 					@include bem.sibling-elem('indicator') {
@@ -95,32 +95,32 @@
 					}
 				}
 			}
-    
+
 			&:disabled {
 				@include bem.sibling-elem('label') {
 					color: props.get(vars.$disabled--label-color);
 				}
-    
+
 				@include bem.sibling-elem('indicator') {
 					background-color: props.get(vars.$disabled--track-bg-color);
-    
+
 					&::after {
 						background-color: props.get(vars.$disabled--handle-bg-color);
 						border-color:     props.get(vars.$disabled--handle-border-color);
 					}
 				}
-    
+
 				&:checked {
 					@include bem.sibling-elem('indicator') {
 						background-color: props.get(vars.$disabled--handle-border-color);
-    
+
 						&::after {
 							border-color: props.get(vars.$disabled--handle-border-color);
 						}
 					}
 				}
 			}
-    
+
 			&:focus-visible {
 				@include bem.sibling-elem('label') {
 					color: props.get(vars.$key-focus--label-color);
@@ -129,7 +129,7 @@
 				@include bem.sibling-elem('indicator') {
 					outline:    props.get(vars.$key-focus--border-color) solid props.get(vars.$key-focus--border-width);
 					box-shadow:
-						0 
+						0
 						0
 						0
 						calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
@@ -137,36 +137,36 @@
 				}
 			}
 		}
-    
+
 		@include bem.modifier('standalone') {
 			@include bem.elem('indicator') {
 				margin-block-start: 0;
 			}
 		}
-    
+
 		@include bem.modifier('accent') {
 			@include bem.elem('native') {
 				&:checked {
 					@include bem.sibling-elem('indicator') {
 						background-color: props.get(vars.$accent--handle-border-color);
-        
+
 						&::after {
 							border-color: props.get(vars.$accent--handle-border-color);
 						}
 					}
-        
+
 					&:hover,
 					&:focus-visible {
 						@include bem.sibling-elem('indicator') {
 							background-color: props.get(vars.$accent--hover--handle-border-color);
-    
+
 							&::after {
 								border-color: props.get(vars.$accent--hover--handle-border-color);
 							}
 						}
 					}
 				}
-        
+
 				&:disabled {
 					@include bem.sibling-elem('label') {
 						color: props.get(vars.$disabled--label-color);
-- 
cgit v1.3.1