boreal-ui 0.0.47 → 0.0.49

package/dist/core/boreal-ui.css

@@ -1914,6 +1914,29 @@
  * $breakpoints map:
  *  Use this map to loop over breakpoints or access named values.
  */
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -2440,6 +2463,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -4629,6 +4675,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -5241,6 +5310,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -6441,6 +6533,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -7505,6 +7620,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -8420,6 +8558,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -9240,6 +9401,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -10013,6 +10197,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -10847,6 +11054,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -11781,6 +12011,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -12637,6 +12890,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -13529,6 +13805,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -14200,6 +14499,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -14923,6 +15245,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -15856,6 +16201,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -16595,6 +16963,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -17316,6 +17707,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -18115,6 +18529,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -18933,6 +19370,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -19737,6 +20197,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -20491,6 +20974,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -21176,6 +21682,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -22068,6 +22597,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -22747,6 +23299,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -23552,6 +24127,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -24327,6 +24925,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -24935,6 +25556,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -25657,6 +26301,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -26426,6 +27093,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -27354,6 +28044,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -28263,6 +28976,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -29210,6 +29946,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -29904,6 +30663,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -30604,6 +31386,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -31437,6 +32242,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -33422,6 +34250,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -34102,6 +34953,29 @@ a:hover {
     left: 100%;
   }
 }
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -34988,6 +35862,29 @@ a:hover {
  * $breakpoints map:
  *  Use this map to loop over breakpoints or access named values.
  */
+/**
+ * -----------------------------------------------------
+ * _mixins.scss
+ * -----------------------------------------------------
+ * This file defines global SCSS mixins used for layout
+ * and styling utilities across the project.
+ *
+ * === Mixin: respond ===
+ * A responsive media query mixin for cleaner breakpoint handling.
+ *
+ * Usage:
+ *   @include respond("md") {
+ *     // Styles applied at min-width: 768px and up
+ *   }
+ *
+ * @param {string} $breakpoint - One of the keys defined in the $breakpoints map
+ *                               (e.g., "xs", "sm", "md", "lg", "xl", "2xl").
+ * @content - The styles to apply inside the media query block.
+ *
+ * Requires:
+ *   - A `$breakpoints` map from the `breakpoints` module (alias: `bp`)
+ *   - `sass:map` module to access map values safely
+ */
 *, *::before, *::after {
   box-sizing: border-box;
 }