97 files changed, 206 insertions, 177 deletions

diff --git a/.zed/settings.json b/.zed/settings.json
new file mode 100644
index 0000000..9f46a10
--- /dev/null
+++ b/.zed/settings.json
@@ -0,0 +1,28 @@
+{
+        "languages": {
+                "SCSS": {
+                        "prettier": {
+                                "allowed": false,
+                        },
+                        "formatter": [
+                                {
+                                        "language_server": {
+                                                "name": "stylelint-fsp",
+                                        },
+                                },
+                        ],
+                },
+                "SASS": {
+                        "prettier": {
+                                "allowed": false,
+                        },
+                        "formatter": [
+                                {
+                                        "language_server": {
+                                                "name": "stylelint-fsp",
+                                        },
+                                },
+                        ],
+                },
+        },
+}
diff --git a/src/_config.defaults.scss b/src/_config.defaults.scss
index 699cd8e..d335b48 100644
--- a/src/_config.defaults.scss
+++ b/src/_config.defaults.scss
@@ -1,7 +1,7 @@
 @use 'sass:list';
 @use 'sass:map';
 @use 'sass:math';
-@use 'pkg:iro-sass/src/easing' as easing;
+@use 'pkg:iro-sass/easing' as easing;
 
 $static-colors: (
         --base: hsl(0, 0%, 98%),
diff --git a/src/_config.scss b/src/_config.scss
index a3ea6ee..d2587f4 100644
--- a/src/_config.scss
+++ b/src/_config.scss
@@ -1,7 +1,7 @@
 @use 'sass:list';
 @use 'sass:map';
 @use 'sass:math';
-@use 'pkg:iro-sass/src/easing' as easing;
+@use 'pkg:iro-sass/easing' as easing;
 @use 'config.defaults' as def;
 
 $static-colors-override: () !default;
diff --git a/src/_core.scss b/src/_core.scss
index 8c761ff..4744f9e 100644
--- a/src/_core.scss
+++ b/src/_core.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use 'config';
 
 @use 'core.vars' as vars;
diff --git a/src/_core.vars.scss b/src/_core.vars.scss
index 11acbfa..337adc9 100644
--- a/src/_core.vars.scss
+++ b/src/_core.vars.scss
@@ -5,8 +5,8 @@
 @use 'sass:list';
 @use 'functions' as fn;
 @use 'config';
-@use 'pkg:iro-sass/src/functions';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/functions';
+@use 'pkg:iro-sass/props';
 
 $size--0:    props.def(--size--0, 0) !default;
 $size--10:   props.def(--size--10, functions.px-to-rem(1px)) !default;
diff --git a/src/_functions.scss b/src/_functions.scss
index e237ccc..3b7e270 100644
--- a/src/_functions.scss
+++ b/src/_functions.scss
@@ -4,7 +4,7 @@
 @use 'sass:list';
 @use 'sass:meta';
 
-@use 'pkg:iro-sass/src/easing';
+@use 'pkg:iro-sass/easing';
 @use 'apca';
 
 @function palette($base-color, $levels, $ref-color: $base-color) {
diff --git a/src/_iro-design.scss b/src/_index.scss
index 9a807ff..0e3943e 100644
--- a/src/_iro-design.scss
+++ b/src/_index.scss
@@ -5,18 +5,19 @@ $breakpoints: (
         xs: 400px,
 ) !default;
 
-@use 'pkg:iro-sass/src/responsive' with (
+@use 'pkg:iro-sass/responsive' with (
         $named-viewports: $breakpoints
 );
 
 @forward 'pkg:include-media/dist/include-media' as media--* with (
         $breakpoints: $breakpoints,
         $unit-intervals: (
-                'px':  1,
-                'em':  .01,
+                'px': 1,
+                'em': .01,
                 'rem': .01,
-                '':    0
-        ) !default,
+                '': 0,
+        )
+        !default
 );
 
 @forward 'config.defaults' as config-defaults--*;
diff --git a/src/_props.scss b/src/_props.scss
index 0830375..78891ee 100644
--- a/src/_props.scss
+++ b/src/_props.scss
@@ -4,8 +4,8 @@
 @use 'sass:string';
 @use 'config';
 @use 'pkg:include-media/dist/include-media' as media;
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 
 @mixin materialize-at-root($ref) {
         @if meta.type-of($ref) == 'map' {
diff --git a/src/_themes.scss b/src/_themes.scss
index f06a5ca..72c485e 100644
--- a/src/_themes.scss
+++ b/src/_themes.scss
@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use 'pkg:include-media/dist/include-media' as media;
 
 @use 'core.vars' as vars;
diff --git a/src/_utils.scss b/src/_utils.scss
index dd8e8bb..19a5229 100644
--- a/src/_utils.scss
+++ b/src/_utils.scss
@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use 'pkg:include-media/dist/include-media' as media;
 
 @use 'core.vars' as vars;
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index f2a6ff5..826943f 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -1,7 +1,7 @@
 @use 'sass:meta';
 @use 'pkg:include-media/dist/include-media' as media;
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @use '../objects/card.vars' as card;
@@ -23,8 +23,8 @@
                         border-radius: props.get(card.$rounding);
 
                         @include bem.elem('card') {
-                                border-color:    props.get(card.$border-color) props.get(card.$border-color) props.get(vars.$border-color);
                                 background-clip: content-box;
+                                border-color:    props.get(card.$border-color) props.get(card.$border-color) props.get(vars.$border-color);
                                 box-shadow:      none;
 
                                 &:not(:last-child) {
@@ -160,7 +160,7 @@
                                 }
 
                                 @include bem.elem('card') {
-                                        flex:        0.1 0 auto;
+                                        flex:        .1 0 auto;
                                         inline-size: props.get($col-width);
                                 }
 
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss
index fb89b52..47a2bc4 100644
--- a/src/layouts/_card-list.vars.scss
+++ b/src/layouts/_card-list.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 @use '../objects/card' as card;
 
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 46ded23..e120157 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'container.vars';
diff --git a/src/layouts/_container.vars.scss b/src/layouts/_container.vars.scss
index 094046f..cc2fd61 100644
--- a/src/layouts/_container.vars.scss
+++ b/src/layouts/_container.vars.scss
@@ -1,5 +1,5 @@
-@use 'pkg:iro-sass/src/functions' as fn;
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/functions' as fn;
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $fixed-200: props.def(--l-container--fixed-200, fn.px-to-rem(1300px)) !default;
diff --git a/src/layouts/_flex.scss b/src/layouts/_flex.scss
index ea0b268..2f01987 100644
--- a/src/layouts/_flex.scss
+++ b/src/layouts/_flex.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/bem';
 
 @mixin styles {
         @include bem.layout('flex') {
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index f094cbc..1caef57 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'form.vars';
diff --git a/src/layouts/_form.vars.scss b/src/layouts/_form.vars.scss
index 52670cc..4b2af1d 100644
--- a/src/layouts/_form.vars.scss
+++ b/src/layouts/_form.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $item-spacing-b:  props.def(--l-form--item-spacing-b, props.get(core.$size--325)) !default;
diff --git a/src/layouts/_hlist.scss b/src/layouts/_hlist.scss
index 32b3097..8e4f25d 100644
--- a/src/layouts/_hlist.scss
+++ b/src/layouts/_hlist.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'hlist.vars';
@@ -23,8 +23,8 @@
                                         @include bem.elem('item') {
                                                 @include bem.next-twin-elem {
                                                         &::before {
-                                                                content: '·';
                                                                 margin-inline: calc(.65 * props.get($size));
+                                                                content: '·';
                                                         }
                                                 }
                                         }
@@ -38,8 +38,8 @@
                         @include bem.elem('item') {
                                 @include bem.next-twin-elem {
                                         &::before {
-                                                content: '·';
                                                 margin-inline: calc(.65 * props.get(vars.$gap));
+                                                content: '·';
                                         }
                                 }
                         }
diff --git a/src/layouts/_hlist.vars.scss b/src/layouts/_hlist.vars.scss
index 2d99057..89e29f3 100644
--- a/src/layouts/_hlist.vars.scss
+++ b/src/layouts/_hlist.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $gap: props.def(--l-hlist--gap, props.get(core.$size--150)) !default;
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss
index 4492ea9..287738a 100644
--- a/src/layouts/_media.scss
+++ b/src/layouts/_media.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'media.vars';
diff --git a/src/layouts/_media.vars.scss b/src/layouts/_media.vars.scss
index 78e157f..0f13855 100644
--- a/src/layouts/_media.vars.scss
+++ b/src/layouts/_media.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $gap:  props.def(--l-media--gap, props.get(core.$size--150)) !default;
diff --git a/src/layouts/_overflow.scss b/src/layouts/_overflow.scss
index ab983b9..ef96037 100644
--- a/src/layouts/_overflow.scss
+++ b/src/layouts/_overflow.scss
@@ -1,5 +1,5 @@
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 @mixin styles {
diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss
index ea651c7..00c91e6 100644
--- a/src/layouts/_split-view.scss
+++ b/src/layouts/_split-view.scss
@@ -1,7 +1,7 @@
 @use 'sass:meta';
 @use 'pkg:include-media/dist/include-media' as media;
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'split-view.vars';
diff --git a/src/layouts/_split-view.vars.scss b/src/layouts/_split-view.vars.scss
index b2944e7..c293ea7 100644
--- a/src/layouts/_split-view.vars.scss
+++ b/src/layouts/_split-view.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $col-gap:  props.def(--l-split-view--col-gap, props.get(core.$size--800)) !default;
@@ -6,7 +6,7 @@ $row-gap:  props.def(--l-split-view--row-gap, props.get(core.$size--600)) !defau
 
 $gapless: props.def(--l-split-view--gapless, 0rem) !default;
 
-$panel--min-50:  props.def(--l-split-view--panel--min-50,  props.get(core.$size--2400)) !default;
+$panel--min-50:  props.def(--l-split-view--panel--min-50, props.get(core.$size--2400)) !default;
 $panel--min-100: props.def(--l-split-view--panel--min-100, props.get(core.$size--3200)) !default;
 $panel--min-200: props.def(--l-split-view--panel--min-200, props.get(core.$size--4200)) !default;
 
diff --git a/src/objects/_alert.scss b/src/objects/_alert.scss
index c2a1c58..46369f8 100644
--- a/src/objects/_alert.scss
+++ b/src/objects/_alert.scss
@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'alert.vars';
diff --git a/src/objects/_alert.vars.scss b/src/objects/_alert.vars.scss
index bbd3dad..987d09b 100644
--- a/src/objects/_alert.vars.scss
+++ b/src/objects/_alert.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $border-width: props.def(--o-alert--border-width, props.get(core.$border-width--medium)) !default;
diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss
index 272c213..4225917 100644
--- a/src/objects/_avatar.scss
+++ b/src/objects/_avatar.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'avatar.vars';
diff --git a/src/objects/_avatar.vars.scss b/src/objects/_avatar.vars.scss
index 467d7cc..e188572 100644
--- a/src/objects/_avatar.vars.scss
+++ b/src/objects/_avatar.vars.scss
@@ -1,10 +1,10 @@
 @use 'sass:math';
 
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 @function icon-mask($p) {
-        $offset: 0.15 * math.div(0.5, $p);
+        $offset: .15 * math.div(.5, $p);
         @return 'data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="avatar_mask" clipPathUnits="objectBoundingBox"><path d="M 0,0 H 1 V #{$p} H #{$p + $offset} C #{$p + 0.055},#{$p} #{$p},#{$p + 0.055} #{$p},#{$p + $offset} V 1 H 0 Z" /></clipPath></defs></svg>#avatar_mask';
 }
 
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss
index 6660abf..4576dea 100644
--- a/src/objects/_backdrop.scss
+++ b/src/objects/_backdrop.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'backdrop.vars';
diff --git a/src/objects/_backdrop.vars.scss b/src/objects/_backdrop.vars.scss
index 9206117..9398eb0 100644
--- a/src/objects/_backdrop.vars.scss
+++ b/src/objects/_backdrop.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $z-index:  props.def(--o-backdrop--z-index, 10000) !default;
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index a3c8187..b717aab 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -2,8 +2,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'button.vars';
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss
index 3f835ae..d0599f1 100644
--- a/src/objects/_button.vars.scss
+++ b/src/objects/_button.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $line-height:  props.def(--o-button--line-height, 1.4) !default;
diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index b8bc727..d91bdbe 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use 'avatar.vars' as avatar;
 
@@ -297,10 +297,10 @@
 
                         @include bem.elem('body') {
                                 @include bem.modifier('main') {
-                                        block-size:      auto;
-                                        min-block-size:  none;
                                         inline-size:     100%;
                                         min-inline-size: 0;
+                                        block-size:      auto;
+                                        min-block-size:  none;
                                 }
                         }
                 }
@@ -309,17 +309,17 @@
                         display: block;
                         interpolate-size: allow-keywords;
 
-                        @include bem.elem("header") {
+                        @include bem.elem('header') {
                                 display:     flex;
-                                align-items: center;
                                 gap:         1em;
+                                align-items: center;
                                 cursor:      pointer;
 
                                 &::before {
-                                        margin:      0;
                                         inline-size: 1em;
-                                        font-size:   0.8em;
-                                        content:     "▶";
+                                        margin:      0;
+                                        font-size:   .8em;
+                                        content:     '▶';
                                 }
 
                                 &:focus-visible {
@@ -328,31 +328,31 @@
                                         border-radius:  calc(props.get(vars.$rounding) - props.get(vars.$border-width));
                                 }
 
-                                @include bem.next-elem("body") {
+                                @include bem.next-elem('body') {
                                         padding-block-start: 0;
                                 }
                         }
 
                         &::details-content {
-                                opacity:    0;
                                 block-size: 0;
                                 overflow-y: clip;
+                                opacity:    0;
                                 transition:
-                                        content-visibility 0.2s allow-discrete,
-                                        opacity 0.2s ease,
-                                        block-size 0.2s ease;
+                                        content-visibility .2s allow-discrete,
+                                        opacity .2s ease,
+                                        block-size .2s ease;
                         }
 
                         &[open] {
-                                @include bem.elem("header") {
+                                @include bem.elem('header') {
                                         &::before {
-                                                content: "▼";
+                                                content: '▼';
                                         }
                                 }
 
                                 &::details-content {
-                                        opacity:    1;
                                         block-size: auto;
+                                        opacity:    1;
                                 }
                         }
 
diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss
index 4616c80..0d804c6 100644
--- a/src/objects/_card.vars.scss
+++ b/src/objects/_card.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $divider-width:        props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default;
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index f3fb793..f179f94 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -1,7 +1,7 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/functions' as fn;
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/functions' as fn;
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
diff --git a/src/objects/_checkbox.vars.scss b/src/objects/_checkbox.vars.scss
index 278aac8..21cfae2 100644
--- a/src/objects/_checkbox.vars.scss
+++ b/src/objects/_checkbox.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $size:            props.def(--o-checkbox--size, props.get(core.$size--175)) !default;
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index d2ee8c3..50cc129 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'dialog.vars';
@@ -13,8 +13,8 @@
         @include materialize-at-root(meta.module-variables('vars'));
 
         @include bem.object('dialog') {
-                display:          none;
                 box-sizing:       border-box;
+                display:          none;
                 inline-size:      100%;
                 max-inline-size:  none;
                 block-size:       100%;
@@ -31,15 +31,15 @@
                 }
 
                 &[open],
-                &:popover-open {
+                &:popover-open {
                         display:        flex;
                         flex-direction: column;
                 }
 
                 @include bem.elem('content') {
                         pointer-events:   auto;
-                        border-radius:    props.get(vars.$rounding);
                         background-color: props.get(vars.$bg-color);
+                        border-radius:    props.get(vars.$rounding);
                 }
 
                 @include bem.elem('header') {
diff --git a/src/objects/_dialog.vars.scss b/src/objects/_dialog.vars.scss
index 39c47ba..8b189c6 100644
--- a/src/objects/_dialog.vars.scss
+++ b/src/objects/_dialog.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 @use '../layouts/container.vars' as container;
 
diff --git a/src/objects/_divider.scss b/src/objects/_divider.scss
index d81284b..e3ae1cb 100644
--- a/src/objects/_divider.scss
+++ b/src/objects/_divider.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
diff --git a/src/objects/_divider.vars.scss b/src/objects/_divider.vars.scss
index a8b0f9f..b4f01de 100644
--- a/src/objects/_divider.vars.scss
+++ b/src/objects/_divider.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $margin-b:               props.def(--o-divider--size, props.get(core.$size--85)) !default;
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss
index 655e662..1525ce7 100644
--- a/src/objects/_emoji.scss
+++ b/src/objects/_emoji.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use 'icon.vars' as icon;
 
diff --git a/src/objects/_emoji.vars.scss b/src/objects/_emoji.vars.scss
index cf940cf..1c0b197 100644
--- a/src/objects/_emoji.vars.scss
+++ b/src/objects/_emoji.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $size:     props.def(--o-emoji--size, calc(1 / 14 * 18em)) !default;
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss
index 23875f5..9e2d077 100644
--- a/src/objects/_field-label.scss
+++ b/src/objects/_field-label.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'field-label.vars';
diff --git a/src/objects/_field-label.vars.scss b/src/objects/_field-label.vars.scss
index 5bd4547..b1e3038 100644
--- a/src/objects/_field-label.vars.scss
+++ b/src/objects/_field-label.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $spacing-i:       props.def(--o-field-label--spacing-i, props.get(core.$size--150)) !default;
diff --git a/src/objects/_figure.scss b/src/objects/_figure.scss
index 04b9bdf..529dd56 100644
--- a/src/objects/_figure.scss
+++ b/src/objects/_figure.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'figure.vars';
diff --git a/src/objects/_figure.vars.scss b/src/objects/_figure.vars.scss
index 3de3406..bd5f429 100644
--- a/src/objects/_figure.vars.scss
+++ b/src/objects/_figure.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $pad-b:        props.def(--o-figure--pad-b, props.get(core.$size--100)) !default;
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index 0e8392e..d3b9e92 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'heading.vars';
diff --git a/src/objects/_heading.vars.scss b/src/objects/_heading.vars.scss
index 4267b8c..ba6b577 100644
--- a/src/objects/_heading.vars.scss
+++ b/src/objects/_heading.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $offset:            props.def(--o-heading--offset, -.02em) !default;
diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss
index 1d046e0..0eec890 100644
--- a/src/objects/_icon.scss
+++ b/src/objects/_icon.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'icon.vars';
diff --git a/src/objects/_icon.vars.scss b/src/objects/_icon.vars.scss
index 2a37212..c50bcc1 100644
--- a/src/objects/_icon.vars.scss
+++ b/src/objects/_icon.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 
 $stroke-width: props.def(--o-icon--stroke-width, 1.5px) !default;
 $size:         props.def(--o-icon--size, calc(1 / 14 * 16em)) !default;
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index a173d57..05a522d 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'lightbox.vars';
@@ -32,9 +32,9 @@
                 padding:               0;
                 margin:                0;
                 overflow:              hidden;
+                pointer-events:        none;
                 background-color:      transparent;
                 border:                0;
-                pointer-events:        none;
 
                 &::backdrop {
                         background-color: props.get(backdrop.$bg-color);
@@ -42,7 +42,7 @@
                 }
 
                 &[open],
-                &:popover-open {
+                &:popover-open {
                         display: grid;
                 }
 
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss
index 6fb84f7..b817851 100644
--- a/src/objects/_lightbox.vars.scss
+++ b/src/objects/_lightbox.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default;
diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss
index dce14a8..4d0faac 100644
--- a/src/objects/_menu.scss
+++ b/src/objects/_menu.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use 'icon.vars' as icon;
 
diff --git a/src/objects/_menu.vars.scss b/src/objects/_menu.vars.scss
index 9396117..0af3ce7 100644
--- a/src/objects/_menu.vars.scss
+++ b/src/objects/_menu.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $spacing:           props.def(--o-menu--spacing, 0em) !default;
diff --git a/src/objects/_navbar.scss b/src/objects/_navbar.scss
index cc1eaaa..1b53081 100644
--- a/src/objects/_navbar.scss
+++ b/src/objects/_navbar.scss
@@ -2,8 +2,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'navbar.vars';
diff --git a/src/objects/_navbar.vars.scss b/src/objects/_navbar.vars.scss
index e96b714..d664a60 100644
--- a/src/objects/_navbar.vars.scss
+++ b/src/objects/_navbar.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $block-size: props.def(--o-navbar--block-size, props.get(core.$size--1000)) !default;
diff --git a/src/objects/_palette.scss b/src/objects/_palette.scss
index f503812..1203dcd 100644
--- a/src/objects/_palette.scss
+++ b/src/objects/_palette.scss
@@ -1,9 +1,9 @@
 @use 'sass:list';
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/bem';
 @use '../config';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 @mixin styles {
diff --git a/src/objects/_placeholders.scss b/src/objects/_placeholders.scss
index 683f57e..7f25914 100644
--- a/src/objects/_placeholders.scss
+++ b/src/objects/_placeholders.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'placeholders.vars';
diff --git a/src/objects/_placeholders.vars.scss b/src/objects/_placeholders.vars.scss
index 1ac4ef7..c816a93 100644
--- a/src/objects/_placeholders.vars.scss
+++ b/src/objects/_placeholders.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $min-block-size: props.def(--o-placeholder--min-block-size, 1em) !default;
diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss
index 1cb5660..827b511 100644
--- a/src/objects/_popover.scss
+++ b/src/objects/_popover.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'popover.vars';
diff --git a/src/objects/_popover.vars.scss b/src/objects/_popover.vars.scss
index 202d71a..aeba58b 100644
--- a/src/objects/_popover.vars.scss
+++ b/src/objects/_popover.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $z-index:         props.def(--o-popover--z-index, 11000) !default;
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss
index ae4a85a..a2152dc 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
diff --git a/src/objects/_radio.vars.scss b/src/objects/_radio.vars.scss
index a5f249d..070aeef 100644
--- a/src/objects/_radio.vars.scss
+++ b/src/objects/_radio.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $diameter:         props.def(--o-radio--diameter, props.get(core.$size--200)) !default;
diff --git a/src/objects/_side-nav.scss b/src/objects/_side-nav.scss
index 272d38c..1f4efcc 100644
--- a/src/objects/_side-nav.scss
+++ b/src/objects/_side-nav.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use 'icon.vars' as icon;
 
diff --git a/src/objects/_side-nav.vars.scss b/src/objects/_side-nav.vars.scss
index d6a7de1..b1911a5 100644
--- a/src/objects/_side-nav.vars.scss
+++ b/src/objects/_side-nav.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $spacing:           props.def(--o-side-nav--spacing, props.get(core.$size--50)) !default;
diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss
index fe8fe26..3c0da6f 100644
--- a/src/objects/_status-indicator.scss
+++ b/src/objects/_status-indicator.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'status-indicator.vars';
diff --git a/src/objects/_status-indicator.vars.scss b/src/objects/_status-indicator.vars.scss
index dfe628f..33299ea 100644
--- a/src/objects/_status-indicator.vars.scss
+++ b/src/objects/_status-indicator.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../config';
 @use '../core.vars' as core;
 
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 0ef95e6..ea33ef6 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
diff --git a/src/objects/_switch.vars.scss b/src/objects/_switch.vars.scss
index 761cacd..922c179 100644
--- a/src/objects/_switch.vars.scss
+++ b/src/objects/_switch.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $inline-size:     props.def(--o-switch--inline-size, props.get(core.$size--350)) !default;
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index d43208f..ba1a33b 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'tabbar.vars';
diff --git a/src/objects/_tabbar.vars.scss b/src/objects/_tabbar.vars.scss
index d9cc53e..3a8c818 100644
--- a/src/objects/_tabbar.vars.scss
+++ b/src/objects/_tabbar.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $block-size: props.def(--o-tabbar--block-size, props.get(core.$size--700)) !default;
diff --git a/src/objects/_table.scss b/src/objects/_table.scss
index effa61f..cc5f4bf 100644
--- a/src/objects/_table.scss
+++ b/src/objects/_table.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'table.vars';
diff --git a/src/objects/_table.vars.scss b/src/objects/_table.vars.scss
index 7c5683c..6c68492 100644
--- a/src/objects/_table.vars.scss
+++ b/src/objects/_table.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $pad-i:        props.def(--o-table--pad-i, props.get(core.$size--175)) !default;
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index 5a48df3..66092ee 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'text-field.vars';
diff --git a/src/objects/_text-field.vars.scss b/src/objects/_text-field.vars.scss
index ef06822..d9f7b0e 100644
--- a/src/objects/_text-field.vars.scss
+++ b/src/objects/_text-field.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $line-height:  props.def(--o-text-field--line-height, 1.4) !default;
diff --git a/src/objects/_thumbnail.scss b/src/objects/_thumbnail.scss
index 9925dd0..40103c6 100644
--- a/src/objects/_thumbnail.scss
+++ b/src/objects/_thumbnail.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'thumbnail.vars';
diff --git a/src/objects/_thumbnail.vars.scss b/src/objects/_thumbnail.vars.scss
index a5625fc..b4ae924 100644
--- a/src/objects/_thumbnail.vars.scss
+++ b/src/objects/_thumbnail.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $size:         props.def(--o-thumbnail--size, props.get(core.$size--900)) !default;
diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss
index 10e6d81..84f2c46 100644
--- a/src/scopes/_blockquotes.scss
+++ b/src/scopes/_blockquotes.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'blockquotes.vars';
diff --git a/src/scopes/_blockquotes.vars.scss b/src/scopes/_blockquotes.vars.scss
index 63c40b0..e193fff 100644
--- a/src/scopes/_blockquotes.vars.scss
+++ b/src/scopes/_blockquotes.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 @use './implicit.vars' as implicit;
 
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss
index 77a3eb1..75c450d 100644
--- a/src/scopes/_body.scss
+++ b/src/scopes/_body.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'body.vars';
diff --git a/src/scopes/_body.vars.scss b/src/scopes/_body.vars.scss
index 981ef32..022bc3a 100644
--- a/src/scopes/_body.vars.scss
+++ b/src/scopes/_body.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 @use '../layouts/container.vars' as container;
diff --git a/src/scopes/_code.scss b/src/scopes/_code.scss
index db43de0..6b91404 100644
--- a/src/scopes/_code.scss
+++ b/src/scopes/_code.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'code.vars';
diff --git a/src/scopes/_code.vars.scss b/src/scopes/_code.vars.scss
index 329d372..0ae4511 100644
--- a/src/scopes/_code.vars.scss
+++ b/src/scopes/_code.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 @use './implicit.vars' as implicit;
 
diff --git a/src/scopes/_figures.scss b/src/scopes/_figures.scss
index c993f5a..6f38fe5 100644
--- a/src/scopes/_figures.scss
+++ b/src/scopes/_figures.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../objects/figure.vars' as figure;
 
 @mixin styles {
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index 23623fd..e55273b 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../objects/heading.vars' as heading;
 
 @mixin styles {
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss
index 728fd22..d7c1123 100644
--- a/src/scopes/_implicit.scss
+++ b/src/scopes/_implicit.scss
@@ -2,8 +2,8 @@
 @use 'sass:math';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss
index 64d4a8f..203fd4f 100644
--- a/src/scopes/_implicit.vars.scss
+++ b/src/scopes/_implicit.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $paragraph--margin-bs: props.def(--s-implicit--paragraph--margin-bs, props.get(core.$size--200)) !default;
diff --git a/src/scopes/_links.scss b/src/scopes/_links.scss
index 8498487..31b56ab 100644
--- a/src/scopes/_links.scss
+++ b/src/scopes/_links.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 
 @forward 'links.vars';
diff --git a/src/scopes/_links.vars.scss b/src/scopes/_links.vars.scss
index cd80e4c..d0d7d46 100644
--- a/src/scopes/_links.vars.scss
+++ b/src/scopes/_links.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 
 $rounding:               props.def(--s-links--rounding, props.get(core.$rounding)) !default;
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss
index 0285bb0..dc68b5c 100644
--- a/src/scopes/_lists.scss
+++ b/src/scopes/_lists.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
diff --git a/src/scopes/_lists.vars.scss b/src/scopes/_lists.vars.scss
index e40f194..8ea0d7e 100644
--- a/src/scopes/_lists.vars.scss
+++ b/src/scopes/_lists.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use '../core.vars' as core;
 @use './implicit.vars' as implicit;
 
diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss
index cb3a10c..db035bb 100644
--- a/src/scopes/_tables.scss
+++ b/src/scopes/_tables.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../props' as *;
 @use '../objects/table.vars' as table;
 
diff --git a/src/scopes/_tables.vars.scss b/src/scopes/_tables.vars.scss
index dfb4c76..eca2f50 100644
--- a/src/scopes/_tables.vars.scss
+++ b/src/scopes/_tables.vars.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/props';
 @use 'implicit.vars' as implicit;
 
 $margin-bs: props.def(--s-tables--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default;
diff --git a/src_demo/components/_box.scss b/src_demo/components/_box.scss
index 20e3bcd..5bba505 100644
--- a/src_demo/components/_box.scss
+++ b/src_demo/components/_box.scss
@@ -1,5 +1,5 @@
-@use 'pkg:iro-sass/src/bem';
-@use 'pkg:iro-sass/src/props';
+@use 'pkg:iro-sass/bem';
+@use 'pkg:iro-sass/props';
 @use '../../src/core.vars';
 
 @include bem.component('box') {
diff --git a/src_demo/components/_content.scss b/src_demo/components/_content.scss
index acfccbe..999bccd 100644
--- a/src_demo/components/_content.scss
+++ b/src_demo/components/_content.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/bem';
 
 @include bem.component('content') {
     grid-area: content;
diff --git a/src_demo/components/_sidebar.scss b/src_demo/components/_sidebar.scss
index 7643d07..5eb72a0 100644
--- a/src_demo/components/_sidebar.scss
+++ b/src_demo/components/_sidebar.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/bem';
 
 @include bem.component('sidebar') {
     grid-area:        sidebar;
diff --git a/src_demo/components/_view.scss b/src_demo/components/_view.scss
index 8d80995..f3d099e 100644
--- a/src_demo/components/_view.scss
+++ b/src_demo/components/_view.scss
@@ -1,4 +1,4 @@
-@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/bem';
 
 @include bem.component('view') {
     display: none;