feat(components): add offcanvas component

packages/core/src/_tokens.scss

@@ -91,6 +91,12 @@ $msp-colors: (
   "--msp-color-transparent": transparent,
 );
 
+$anim: (
+  "--msp-anim-duration-sm": 0.4s,
+  "--msp-anim-duration-md": 0.8s,
+  "--msp-anim-duration-lg": 1s,
+);
+
 // Native CSS Variables to allow overridings and usage in external stylesheets
 :root {
   @each $variable, $value in $msp-colors {
@@ -101,6 +107,10 @@ $msp-colors: (
     #{$variable}: #{$value};
   }
 
+  @each $variable, $value in $anim {
+    #{$variable}: #{$value};
+  }
+
   // ── Borders ─────────────────────────────────────────────────────────────
   --msp-border-width: 1px;
   --msp-border-color: var(--msp-color-text-transparent);

packages/core/src/_utils.scss

@@ -123,10 +123,18 @@
   align-items: center;
 }
 
+.msp-justify-content-start {
+  justify-content: start !important;
+}
+
 .msp-justify-content-center {
   justify-content: center !important;
 }
 
+.msp-justify-content-end {
+  justify-content: end !important;
+}
+
 .msp-justify-content-between {
   justify-content: space-between !important;
 }