create-berna-stencil 1.0.1

package/src/scss/modules/_notification.scss

@@ -0,0 +1,56 @@
+@use 'root' as root;
+
+.notificationBox {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    position: fixed;
+    top: root.$header-height;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 9999;
+    width: 30vw;
+    padding: 18px;
+    border-radius: 15px;
+    gap: 15px;
+
+    background-color: rgba(0, 0, 0, 0.9);
+    
+    transition: opacity 0.5s ease, transform 0.5s ease;
+
+    .spinner {
+        width: 20px;
+        height: 20px;
+        border: 3px solid currentColor;
+        border-right-color: transparent;
+        border-radius: 50%;
+        animation: spin .75s linear infinite;
+        filter: drop-shadow(0 0 5px currentColor);
+    }
+
+    /* Varianti */
+    &.success {
+        box-shadow: 0 0 2px #2ecc71, 0 0 15px rgba(46, 204, 113, 0.6), 0 0 40px rgba(46, 204, 113, 0.2);
+        color: #2ecc71;
+        text-shadow: 0 0 2px #2ecc71, 0 0 15px rgba(46, 204, 113, 0.6), 0 0 40px rgba(46, 204, 113, 0.2);
+    }
+
+    &.info {
+        box-shadow: 0 0 2px #f1c40f, 0 0 15px rgba(241, 196, 15, 0.6), 0 0 40px rgba(241, 196, 15, 0.2);
+        color: #f1c40f;
+        text-shadow: 0 0 2px #f1c40f, 0 0 15px rgba(241, 196, 15, 0.6), 0 0 40px rgba(241, 196, 15, 0.2);
+    }
+
+    &.error {
+        box-shadow: 0 0 2px #e74c3c, 0 0 15px rgba(231, 76, 60, 0.6), 0 0 40px rgba(231, 76, 60, 0.2);
+        color: #e74c3c;
+        text-shadow: 0 0 2px #e74c3c, 0 0 15px rgba(231, 76, 60, 0.6), 0 0 40px rgba(231, 76, 60, 0.2);
+    }
+
+    /* Stato di uscita */
+    &.fade-out {
+        opacity: 0;
+        transform: translateX(-50%) translateY(-20px);
+    }
+}

package/src/scss/modules/_root.scss

@@ -0,0 +1,37 @@
+// NOTE: This file contains only Sass variables (no CSS output).
+// When imported with @import, all variables are global and may be
+// overwritten by other imported files with the same variable names.
+// Use @use 'root' as root; to avoid namespace collisions.
+
+
+//==========================
+// CSS ROOT RULES
+//==========================
+
+// Import this module to get all the constants that you need in your css using "@use 'root' as root;"
+$header-height: 10vh; // Use: root.$header-height;
+$header-padding-y: 15px;
+$header-padding-x: 15px;
+
+//==========================
+// COLORS — BASE
+//==========================
+$primary:   rgba(0, 0, 0, 0.5);
+$secondary: #a3dcff;
+$accent:    #f9a8c9;
+
+//==========================
+// COLORS — NEUTRALS
+//==========================
+$white:     #ffffff;
+$light:     #f5f5f5;
+$muted:     #888888;
+$dark:      #2d2d2d;
+
+//==========================
+// COLORS — SEMANTIC
+//==========================
+$success:   #198754;
+$warning:   #ffc107;
+$danger:    #dc3545;
+$info:      #0dcaf0;

package/src/scss/modules/_typography.scss

@@ -0,0 +1,15 @@
+// Getting root rules from _root.scss
+@use "root" as root;
+
+html {
+  font-size: 16px;
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+}
+
+a {
+  text-decoration: none;
+}

package/src/scss/modules/frameworks/_bootstrap.scss

@@ -0,0 +1,111 @@
+// ╔══════════════════════════════════════════════════════╗
+// ║                   BOOTSTRAP MODULES                  ║
+// ║  Comment out any module you don't need to improve    ║
+// ║  performance. Core section is required by all others ║
+// ║  To switch framework, edit the page .scss file       ║
+// ╚══════════════════════════════════════════════════════╝
+
+// Imports can be filtered by commenting them
+// Example:
+// @import "../../../../node_modules/bootstrap/scss/example-bootstrap-module";
+
+//==========================
+// 1️⃣ CORE – Functions and variables
+// ⚠️ Do not comment these out — required by all other modules
+//==========================
+@import "../../../../node_modules/bootstrap/scss/functions";        // Bootstrap SCSS functions
+@import "../../../../node_modules/bootstrap/scss/variables";        // Core variables (colors, spacing, fonts)
+@import "../../../../node_modules/bootstrap/scss/variables-dark";   // Dark theme variables
+@import "../../../../node_modules/bootstrap/scss/maps";             // Maps for spacing, colors, breakpoints
+@import "../../../../node_modules/bootstrap/scss/mixins";           // Reusable SCSS mixins
+@import "../../../../node_modules/bootstrap/scss/utilities";        // Utility helpers
+@import "../../../../node_modules/bootstrap/scss/root";             // Root CSS (custom properties)
+@import "../../../../node_modules/bootstrap/scss/placeholders";     // Placeholder selectors
+
+//==========================
+// 2️⃣ VENDOR
+//==========================
+@import "../../../../node_modules/bootstrap/scss/vendor/rfs";       // Responsive font sizes
+
+//==========================
+// 3️⃣ BASE – Base styles
+//==========================
+@import "../../../../node_modules/bootstrap/scss/reboot";           // CSS reset / normalize
+@import "../../../../node_modules/bootstrap/scss/type";             // Typography (headings, paragraphs)
+@import "../../../../node_modules/bootstrap/scss/images";           // Image styles
+@import "../../../../node_modules/bootstrap/scss/containers";       // Containers
+@import "../../../../node_modules/bootstrap/scss/transitions";      // CSS transitions
+
+//==========================
+// 4️⃣ LAYOUT – Layout helpers
+//==========================
+@import "../../../../node_modules/bootstrap/scss/grid";             // Grid system
+@import "../../../../node_modules/bootstrap/scss/helpers";          // Helper classes
+
+//==========================
+// 5️⃣ HELPERS – Sub-modules
+//==========================
+@import "../../../../node_modules/bootstrap/scss/helpers/clearfix";         // Clearfix
+@import "../../../../node_modules/bootstrap/scss/helpers/color-bg";         // Color background
+@import "../../../../node_modules/bootstrap/scss/helpers/colored-links";    // Colored links
+@import "../../../../node_modules/bootstrap/scss/helpers/focus-ring";       // Focus ring
+@import "../../../../node_modules/bootstrap/scss/helpers/icon-link";        // Icon links
+@import "../../../../node_modules/bootstrap/scss/helpers/position";         // Position helpers
+@import "../../../../node_modules/bootstrap/scss/helpers/ratio";            // Aspect ratio
+@import "../../../../node_modules/bootstrap/scss/helpers/stacks";           // Stack helpers
+@import "../../../../node_modules/bootstrap/scss/helpers/stretched-link";   // Stretched link
+@import "../../../../node_modules/bootstrap/scss/helpers/text-truncation";  // Text truncation
+@import "../../../../node_modules/bootstrap/scss/helpers/visually-hidden";  // Visually hidden
+@import "../../../../node_modules/bootstrap/scss/helpers/vr";               // Vertical rule
+
+//==========================
+// 6️⃣ UTILITIES – Sub-modules
+//==========================
+@import "../../../../node_modules/bootstrap/scss/utilities/api";            // Utilities API
+
+//==========================
+// 7️⃣ FORMS – Sub-modules
+//==========================
+@import "../../../../node_modules/bootstrap/scss/forms";                    // Forms loader
+@import "../../../../node_modules/bootstrap/scss/forms/labels";             // Labels
+@import "../../../../node_modules/bootstrap/scss/forms/form-text";          // Form text
+@import "../../../../node_modules/bootstrap/scss/forms/form-control";       // Inputs and textareas
+@import "../../../../node_modules/bootstrap/scss/forms/form-select";        // Select dropdowns
+@import "../../../../node_modules/bootstrap/scss/forms/form-check";         // Checkboxes and radios
+@import "../../../../node_modules/bootstrap/scss/forms/form-range";         // Range sliders
+@import "../../../../node_modules/bootstrap/scss/forms/floating-labels";    // Floating labels
+@import "../../../../node_modules/bootstrap/scss/forms/input-group";        // Input groups
+@import "../../../../node_modules/bootstrap/scss/forms/validation";         // Validation states
+
+//==========================
+// 8️⃣ COMPONENTS – All Bootstrap components
+//==========================
+@import "../../../../node_modules/bootstrap/scss/alert";            // Alerts
+@import "../../../../node_modules/bootstrap/scss/badge";            // Badges
+@import "../../../../node_modules/bootstrap/scss/breadcrumb";       // Breadcrumbs
+@import "../../../../node_modules/bootstrap/scss/buttons";          // Buttons
+@import "../../../../node_modules/bootstrap/scss/button-group";     // Button groups
+@import "../../../../node_modules/bootstrap/scss/card";             // Cards
+@import "../../../../node_modules/bootstrap/scss/carousel";         // Carousel
+@import "../../../../node_modules/bootstrap/scss/close";            // Close (×) button
+@import "../../../../node_modules/bootstrap/scss/dropdown";         // Dropdowns
+@import "../../../../node_modules/bootstrap/scss/list-group";       // List groups
+@import "../../../../node_modules/bootstrap/scss/modal";            // Modals
+@import "../../../../node_modules/bootstrap/scss/nav";              // Nav
+@import "../../../../node_modules/bootstrap/scss/navbar";           // Navbar
+@import "../../../../node_modules/bootstrap/scss/offcanvas";        // Offcanvas component
+@import "../../../../node_modules/bootstrap/scss/pagination";       // Pagination
+@import "../../../../node_modules/bootstrap/scss/popover";          // Popovers
+@import "../../../../node_modules/bootstrap/scss/progress";         // Progress bars
+@import "../../../../node_modules/bootstrap/scss/spinners";         // Spinners
+@import "../../../../node_modules/bootstrap/scss/toasts";           // Toasts
+@import "../../../../node_modules/bootstrap/scss/tooltip";          // Tooltips
+@import "../../../../node_modules/bootstrap/scss/accordion";        // Accordion
+@import "../../../../node_modules/bootstrap/scss/tables";           // Tables
+
+//==========================
+// 9️⃣ ICONS
+//==========================
+$bootstrap-icons-font-src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
+                            url("../fonts/bootstrap-icons.woff") format("woff");
+@import "../../../../node_modules/bootstrap-icons/font/bootstrap-icons";

package/src/scss/modules/frameworks/_bulma.scss

@@ -0,0 +1,110 @@
+// ╔══════════════════════════════════════════════════════╗
+// ║                     BULMA MODULES                    ║
+// ║  Comment out any module you don't need to improve    ║
+// ║  performance. Core section is required by all others ║
+// ║  To switch framework, edit the page .scss file       ║
+// ╚══════════════════════════════════════════════════════╝
+
+// Imports can be filtered by commenting them
+// Example:
+// @import "../../../../node_modules/bulma/sass/example-bulma-module";
+
+//==========================
+// 1️⃣ CORE – Utilities and variables
+// ⚠️ Do not comment these out — required by all other modules
+//==========================
+@import "../../../../node_modules/bulma/sass/utilities/initial-variables";  // Base variables (colors, sizes, fonts)
+@import "../../../../node_modules/bulma/sass/utilities/functions";           // SCSS functions
+@import "../../../../node_modules/bulma/sass/utilities/derived-variables";   // Variables derived from initial ones
+@import "../../../../node_modules/bulma/sass/utilities/css-variables";       // CSS custom properties
+@import "../../../../node_modules/bulma/sass/utilities/controls";            // Control base styles (inputs, buttons)
+@import "../../../../node_modules/bulma/sass/utilities/extends";             // Shared extends
+@import "../../../../node_modules/bulma/sass/utilities/mixins";              // Reusable SCSS mixins
+
+//==========================
+// 2️⃣ BASE – Reset and base styles
+//==========================
+@import "../../../../node_modules/bulma/sass/base/minireset";   // CSS reset
+@import "../../../../node_modules/bulma/sass/base/generic";     // Generic base styles
+@import "../../../../node_modules/bulma/sass/base/animations";  // Built-in animations
+@import "../../../../node_modules/bulma/sass/base/skeleton";    // Skeleton loading styles
+
+//==========================
+// 3️⃣ THEMES
+//==========================
+@import "../../../../node_modules/bulma/sass/themes/setup";  // Theme setup (required)
+@import "../../../../node_modules/bulma/sass/themes/light";  // Light theme
+// @import "../../../../node_modules/bulma/sass/themes/dark";// Dark theme
+
+//==========================
+// 4️⃣ LAYOUT
+//==========================
+@import "../../../../node_modules/bulma/sass/layout/container";  // Containers
+@import "../../../../node_modules/bulma/sass/layout/section";    // Sections
+@import "../../../../node_modules/bulma/sass/layout/footer";     // Footer
+@import "../../../../node_modules/bulma/sass/layout/hero";       // Hero banners
+@import "../../../../node_modules/bulma/sass/layout/level";      // Level (horizontal layout)
+@import "../../../../node_modules/bulma/sass/layout/media";      // Media object
+
+//==========================
+// 5️⃣ GRID
+//==========================
+@import "../../../../node_modules/bulma/sass/grid/columns";  // Flexbox column grid
+@import "../../../../node_modules/bulma/sass/grid/grid";     // CSS grid
+
+//==========================
+// 6️⃣ ELEMENTS – Basic HTML elements
+//==========================
+@import "../../../../node_modules/bulma/sass/elements/block";        // Block spacing
+@import "../../../../node_modules/bulma/sass/elements/box";          // Box container
+@import "../../../../node_modules/bulma/sass/elements/button";       // Buttons
+@import "../../../../node_modules/bulma/sass/elements/content";      // Rich text content
+@import "../../../../node_modules/bulma/sass/elements/delete";       // Delete/close button
+@import "../../../../node_modules/bulma/sass/elements/icon";         // Icons
+@import "../../../../node_modules/bulma/sass/elements/image";        // Images
+@import "../../../../node_modules/bulma/sass/elements/loader";       // Loader spinner
+@import "../../../../node_modules/bulma/sass/elements/notification"; // Notifications
+@import "../../../../node_modules/bulma/sass/elements/progress";     // Progress bars
+@import "../../../../node_modules/bulma/sass/elements/table";        // Tables
+@import "../../../../node_modules/bulma/sass/elements/tag";          // Tags/badges
+@import "../../../../node_modules/bulma/sass/elements/title";        // Titles and subtitles
+
+//==========================
+// 7️⃣ FORM
+//==========================
+@import "../../../../node_modules/bulma/sass/form/shared";          // Shared form styles
+@import "../../../../node_modules/bulma/sass/form/tools";           // Form tools and field wrappers
+@import "../../../../node_modules/bulma/sass/form/input-textarea";  // Inputs and textareas
+@import "../../../../node_modules/bulma/sass/form/select";          // Select dropdowns
+@import "../../../../node_modules/bulma/sass/form/checkbox-radio";  // Checkboxes and radios
+@import "../../../../node_modules/bulma/sass/form/file";            // File upload
+
+//==========================
+// 8️⃣ COMPONENTS
+//==========================
+@import "../../../../node_modules/bulma/sass/components/breadcrumb";  // Breadcrumbs
+@import "../../../../node_modules/bulma/sass/components/card";        // Cards
+@import "../../../../node_modules/bulma/sass/components/dropdown";    // Dropdowns
+@import "../../../../node_modules/bulma/sass/components/menu";        // Vertical menu
+@import "../../../../node_modules/bulma/sass/components/message";     // Message boxes
+@import "../../../../node_modules/bulma/sass/components/modal";       // Modals
+@import "../../../../node_modules/bulma/sass/components/navbar";      // Navbar
+@import "../../../../node_modules/bulma/sass/components/pagination";  // Pagination
+@import "../../../../node_modules/bulma/sass/components/panel";       // Panel
+@import "../../../../node_modules/bulma/sass/components/tabs";        // Tabs
+
+//==========================
+// 9️⃣ HELPERS
+//==========================
+@import "../../../../node_modules/bulma/sass/helpers/aspect-ratio";  // Aspect ratio
+@import "../../../../node_modules/bulma/sass/helpers/border";        // Border utilities
+@import "../../../../node_modules/bulma/sass/helpers/color";         // Color utilities
+@import "../../../../node_modules/bulma/sass/helpers/flexbox";       // Flexbox utilities
+@import "../../../../node_modules/bulma/sass/helpers/float";         // Float utilities
+@import "../../../../node_modules/bulma/sass/helpers/gap";           // Gap utilities
+@import "../../../../node_modules/bulma/sass/helpers/other";         // Other utilities
+@import "../../../../node_modules/bulma/sass/helpers/overflow";      // Overflow utilities
+@import "../../../../node_modules/bulma/sass/helpers/position";      // Position utilities
+@import "../../../../node_modules/bulma/sass/helpers/spacing";       // Spacing utilities (m-, p-)
+@import "../../../../node_modules/bulma/sass/helpers/typography";    // Typography utilities
+@import "../../../../node_modules/bulma/sass/helpers/visibility";    // Visibility utilities

package/src/scss/modules/frameworks/_foundation.scss

@@ -0,0 +1,140 @@
+// ╔══════════════════════════════════════════════════════╗
+// ║                  FOUNDATION MODULES                  ║
+// ║  Comment out any module you don't need to improve    ║
+// ║  performance. Core section is required by all others ║
+// ║  To switch framework, edit the page .scss file       ║
+// ╚══════════════════════════════════════════════════════╝
+
+// Imports can be filtered by commenting them
+// Example:
+// @import "../../../../node_modules/foundation-sites/scss/example-foundation-module";
+
+//==========================
+// 1️⃣ CORE – Utilities and functions
+// ⚠️ Do not comment these out — required by all other modules
+//==========================
+@import "../../../../node_modules/foundation-sites/scss/util/util";              // Utility loader
+@import "../../../../node_modules/foundation-sites/scss/util/breakpoint";        // Breakpoint helpers
+@import "../../../../node_modules/foundation-sites/scss/util/color";             // Color functions
+@import "../../../../node_modules/foundation-sites/scss/util/direction";         // RTL/LTR direction
+@import "../../../../node_modules/foundation-sites/scss/util/flex";              // Flex utilities
+@import "../../../../node_modules/foundation-sites/scss/util/math";              // Math functions
+@import "../../../../node_modules/foundation-sites/scss/util/mixins";            // Reusable SCSS mixins
+@import "../../../../node_modules/foundation-sites/scss/util/selector";          // Selector helpers
+@import "../../../../node_modules/foundation-sites/scss/util/typography";        // Typography utilities
+@import "../../../../node_modules/foundation-sites/scss/util/unit";              // Unit conversion
+@import "../../../../node_modules/foundation-sites/scss/util/value";             // Value helpers
+
+//==========================
+// 2️⃣ BASE – Reset and global styles
+//==========================
+@import "../../../../node_modules/foundation-sites/scss/vendor/normalize";       // CSS reset / normalize
+@import "../../../../node_modules/foundation-sites/scss/_global";                // Global base styles
+
+//==========================
+// 3️⃣ TYPOGRAPHY
+//==========================
+@import "../../../../node_modules/foundation-sites/scss/typography/typography";  // Typography loader
+@import "../../../../node_modules/foundation-sites/scss/typography/base";        // Base typography styles
+@import "../../../../node_modules/foundation-sites/scss/typography/helpers";     // Typography helpers
+@import "../../../../node_modules/foundation-sites/scss/typography/alignment";   // Text alignment
+@import "../../../../node_modules/foundation-sites/scss/typography/print";       // Print styles
+
+//==========================
+// 4️⃣ GRID – Layout systems
+//==========================
+
+// Legacy Float Grid
+@import "../../../../node_modules/foundation-sites/scss/grid/grid";              // Grid loader
+@import "../../../../node_modules/foundation-sites/scss/grid/classes";           // Grid classes
+@import "../../../../node_modules/foundation-sites/scss/grid/column";            // Column styles
+@import "../../../../node_modules/foundation-sites/scss/grid/row";               // Row styles
+@import "../../../../node_modules/foundation-sites/scss/grid/flex-grid";         // Flexbox grid
+@import "../../../../node_modules/foundation-sites/scss/grid/gutter";            // Gutters
+@import "../../../../node_modules/foundation-sites/scss/grid/layout";            // Layout helpers
+@import "../../../../node_modules/foundation-sites/scss/grid/position";          // Position helpers
+@import "../../../../node_modules/foundation-sites/scss/grid/size";              // Size helpers
+
+// XY Grid (modern, recommended)
+@import "../../../../node_modules/foundation-sites/scss/xy-grid/xy-grid";        // XY Grid loader
+@import "../../../../node_modules/foundation-sites/scss/xy-grid/grid";           // XY Grid core
+@import "../../../../node_modules/foundation-sites/scss/xy-grid/cell";           // XY Grid cells
+@import "../../../../node_modules/foundation-sites/scss/xy-grid/classes";        // XY Grid classes
+@import "../../../../node_modules/foundation-sites/scss/xy-grid/collapse";       // XY Grid collapse
+@import "../../../../node_modules/foundation-sites/scss/xy-grid/frame";          // XY Grid frame
+@import "../../../../node_modules/foundation-sites/scss/xy-grid/gutters";        // XY Grid gutters
+@import "../../../../node_modules/foundation-sites/scss/xy-grid/layout";         // XY Grid layout
+@import "../../../../node_modules/foundation-sites/scss/xy-grid/position";       // XY Grid position
+
+//==========================
+// 5️⃣ FORMS
+//==========================
+@import "../../../../node_modules/foundation-sites/scss/forms/forms";            // Forms loader
+@import "../../../../node_modules/foundation-sites/scss/forms/text";             // Text inputs
+@import "../../../../node_modules/foundation-sites/scss/forms/select";           // Select dropdowns
+@import "../../../../node_modules/foundation-sites/scss/forms/checkbox";         // Checkboxes and radios
+@import "../../../../node_modules/foundation-sites/scss/forms/input-group";      // Input groups
+@import "../../../../node_modules/foundation-sites/scss/forms/fieldset";         // Fieldsets
+@import "../../../../node_modules/foundation-sites/scss/forms/label";            // Form labels
+@import "../../../../node_modules/foundation-sites/scss/forms/help-text";        // Help text
+@import "../../../../node_modules/foundation-sites/scss/forms/error";            // Error states
+@import "../../../../node_modules/foundation-sites/scss/forms/range";            // Range sliders
+@import "../../../../node_modules/foundation-sites/scss/forms/meter";            // Meter element
+@import "../../../../node_modules/foundation-sites/scss/forms/progress";         // Progress element
+
+//==========================
+// 6️⃣ COMPONENTS
+//==========================
+@import "../../../../node_modules/foundation-sites/scss/components/accordion";        // Accordion
+@import "../../../../node_modules/foundation-sites/scss/components/accordion-menu";   // Accordion menu
+@import "../../../../node_modules/foundation-sites/scss/components/badge";            // Badges
+@import "../../../../node_modules/foundation-sites/scss/components/breadcrumbs";      // Breadcrumbs
+@import "../../../../node_modules/foundation-sites/scss/components/button";           // Buttons
+@import "../../../../node_modules/foundation-sites/scss/components/button-group";     // Button groups
+@import "../../../../node_modules/foundation-sites/scss/components/callout";          // Callout boxes
+@import "../../../../node_modules/foundation-sites/scss/components/card";             // Cards
+@import "../../../../node_modules/foundation-sites/scss/components/close-button";     // Close button
+@import "../../../../node_modules/foundation-sites/scss/components/drilldown";        // Drilldown menu
+@import "../../../../node_modules/foundation-sites/scss/components/dropdown";         // Dropdown
+@import "../../../../node_modules/foundation-sites/scss/components/dropdown-menu";    // Dropdown menu
+@import "../../../../node_modules/foundation-sites/scss/components/flex";             // Flex helpers
+@import "../../../../node_modules/foundation-sites/scss/components/float";            // Float helpers
+@import "../../../../node_modules/foundation-sites/scss/components/label";            // Labels
+@import "../../../../node_modules/foundation-sites/scss/components/media-object";     // Media object
+@import "../../../../node_modules/foundation-sites/scss/components/menu";             // Menu
+@import "../../../../node_modules/foundation-sites/scss/components/menu-icon";        // Menu icon (hamburger)
+@import "../../../../node_modules/foundation-sites/scss/components/off-canvas";       // Off-canvas sidebar
+@import "../../../../node_modules/foundation-sites/scss/components/orbit";            // Orbit carousel
+@import "../../../../node_modules/foundation-sites/scss/components/pagination";       // Pagination
+@import "../../../../node_modules/foundation-sites/scss/components/progress-bar";     // Progress bars
+@import "../../../../node_modules/foundation-sites/scss/components/responsive-embed"; // Responsive embeds
+@import "../../../../node_modules/foundation-sites/scss/components/reveal";           // Reveal modals
+@import "../../../../node_modules/foundation-sites/scss/components/slider";           // Sliders
+@import "../../../../node_modules/foundation-sites/scss/components/sticky";           // Sticky elements
+@import "../../../../node_modules/foundation-sites/scss/components/switch";           // Toggle switches
+@import "../../../../node_modules/foundation-sites/scss/components/table";            // Tables
+@import "../../../../node_modules/foundation-sites/scss/components/tabs";             // Tabs
+@import "../../../../node_modules/foundation-sites/scss/components/thumbnail";        // Thumbnails
+@import "../../../../node_modules/foundation-sites/scss/components/title-bar";        // Title bar
+@import "../../../../node_modules/foundation-sites/scss/components/tooltip";          // Tooltips
+@import "../../../../node_modules/foundation-sites/scss/components/top-bar";          // Top bar navbar
+@import "../../../../node_modules/foundation-sites/scss/components/visibility";       // Visibility helpers
+
+//==========================
+// 7️⃣ PROTOTYPE – Utility classes (optional)
+// 💡 Commented by default — uncomment only if you need utility classes
+//==========================
+@import "../../../../node_modules/foundation-sites/scss/prototype/prototype";  // Prototype loader
+@import "../../../../node_modules/foundation-sites/scss/prototype/arrow";      // Arrow utility
+@import "../../../../node_modules/foundation-sites/scss/prototype/border-box"; // Border box
+@import "../../../../node_modules/foundation-sites/scss/prototype/border-none";// Border none
+@import "../../../../node_modules/foundation-sites/scss/prototype/bordered";   // Bordered
+@import "../../../../node_modules/foundation-sites/scss/prototype/box";        // Box
+@import "../../../../node_modules/foundation-sites/scss/prototype/display";    // Display utilities
+@import "../../../../node_modules/foundation-sites/scss/prototype/font-styling";// Font styling
+@import "../../../../node_modules/foundation-sites/scss/prototype/overflow";   // Overflow
+@import "../../../../node_modules/foundation-sites/scss/prototype/position";   // Position
+@import "../../../../node_modules/foundation-sites/scss/prototype/rounded";    // Rounded corners
+@import "../../../../node_modules/foundation-sites/scss/prototype/shadow";     // Box shadows
+@import "../../../../node_modules/foundation-sites/scss/prototype/spacing";    // Spacing utilities
+@import "../../../../node_modules/foundation-sites/scss/prototype/typography"; // Typography utilities

package/src/scss/modules/frameworks/_uikit.scss

@@ -0,0 +1,111 @@
+// ╔══════════════════════════════════════════════════════╗
+// ║                     UIKIT MODULES                    ║
+// ║  Comment out any module you don't need to improve    ║
+// ║  performance. Core section is required by all others ║
+// ║  To switch framework, edit the page .scss file       ║
+// ╚══════════════════════════════════════════════════════╝
+
+// Imports can be filtered by commenting them
+
+//==========================
+// 1️⃣ CORE – Variables, mixins and base
+// ⚠️ Do not comment these out — required by all other modules
+//==========================
+@import "../../../../node_modules/uikit/src/scss/variables";              // Core variables
+@import "../../../../node_modules/uikit/src/scss/mixins";                 // Reusable SCSS mixins
+@import "../../../../node_modules/uikit/src/scss/components/variables";   // Component variables
+@import "../../../../node_modules/uikit/src/scss/components/mixin";       // Component mixins
+@import "../../../../node_modules/uikit/src/scss/components/base";        // Base styles and reset
+@import "../../../../node_modules/uikit/src/scss/components/print";       // Print styles
+
+//==========================
+// 2️⃣ LAYOUT
+//==========================
+@import "../../../../node_modules/uikit/src/scss/components/container";   // Containers
+@import "../../../../node_modules/uikit/src/scss/components/grid";        // Grid system
+@import "../../../../node_modules/uikit/src/scss/components/flex";        // Flexbox utilities
+@import "../../../../node_modules/uikit/src/scss/components/width";       // Width utilities
+@import "../../../../node_modules/uikit/src/scss/components/height";      // Height utilities
+@import "../../../../node_modules/uikit/src/scss/components/column";      // Column layout
+@import "../../../../node_modules/uikit/src/scss/components/section";     // Sections
+@import "../../../../node_modules/uikit/src/scss/components/position";    // Position utilities
+
+//==========================
+// 3️⃣ TYPOGRAPHY
+//==========================
+@import "../../../../node_modules/uikit/src/scss/components/heading";          // Headings
+@import "../../../../node_modules/uikit/src/scss/components/text";             // Text utilities
+@import "../../../../node_modules/uikit/src/scss/components/link";             // Link styles
+@import "../../../../node_modules/uikit/src/scss/components/list";             // Lists
+@import "../../../../node_modules/uikit/src/scss/components/description-list"; // Description lists
+@import "../../../../node_modules/uikit/src/scss/components/divider";          // Dividers
+@import "../../../../node_modules/uikit/src/scss/components/leader";           // Leader lines
+@import "../../../../node_modules/uikit/src/scss/components/article";          // Article styles
+
+//==========================
+// 4️⃣ FORMS
+//==========================
+@import "../../../../node_modules/uikit/src/scss/components/form";             // Form styles
+@import "../../../../node_modules/uikit/src/scss/components/form-range";       // Range sliders
+
+//==========================
+// 5️⃣ COMPONENTS
+//==========================
+@import "../../../../node_modules/uikit/src/scss/components/accordion";        // Accordion
+@import "../../../../node_modules/uikit/src/scss/components/alert";            // Alerts
+@import "../../../../node_modules/uikit/src/scss/components/badge";            // Badges
+@import "../../../../node_modules/uikit/src/scss/components/breadcrumb";       // Breadcrumbs
+@import "../../../../node_modules/uikit/src/scss/components/button";           // Buttons
+@import "../../../../node_modules/uikit/src/scss/components/card";             // Cards
+@import "../../../../node_modules/uikit/src/scss/components/close";            // Close button
+@import "../../../../node_modules/uikit/src/scss/components/comment";          // Comment sections
+@import "../../../../node_modules/uikit/src/scss/components/countdown";        // Countdown timer
+@import "../../../../node_modules/uikit/src/scss/components/cover";            // Cover images
+@import "../../../../node_modules/uikit/src/scss/components/drop";             // Drop component
+@import "../../../../node_modules/uikit/src/scss/components/dropbar";          // Dropbar
+@import "../../../../node_modules/uikit/src/scss/components/dropdown";         // Dropdowns
+@import "../../../../node_modules/uikit/src/scss/components/dropnav";          // Drop navigation
+@import "../../../../node_modules/uikit/src/scss/components/icon";             // Icons
+@import "../../../../node_modules/uikit/src/scss/components/iconnav";          // Icon navigation
+@import "../../../../node_modules/uikit/src/scss/components/label";            // Labels
+@import "../../../../node_modules/uikit/src/scss/components/lightbox";         // Lightbox
+@import "../../../../node_modules/uikit/src/scss/components/marker";           // Markers
+@import "../../../../node_modules/uikit/src/scss/components/modal";            // Modals
+@import "../../../../node_modules/uikit/src/scss/components/nav";              // Navigation
+@import "../../../../node_modules/uikit/src/scss/components/navbar";           // Navbar
+@import "../../../../node_modules/uikit/src/scss/components/notification";     // Notifications
+@import "../../../../node_modules/uikit/src/scss/components/offcanvas";        // Off-canvas
+@import "../../../../node_modules/uikit/src/scss/components/overlay";          // Overlays
+@import "../../../../node_modules/uikit/src/scss/components/pagination";       // Pagination
+@import "../../../../node_modules/uikit/src/scss/components/placeholder";      // Placeholder boxes
+@import "../../../../node_modules/uikit/src/scss/components/progress";         // Progress bars
+@import "../../../../node_modules/uikit/src/scss/components/search";           // Search component
+@import "../../../../node_modules/uikit/src/scss/components/slidenav";         // Slideshow navigation
+@import "../../../../node_modules/uikit/src/scss/components/slider";           // Slider
+@import "../../../../node_modules/uikit/src/scss/components/slideshow";        // Slideshow
+@import "../../../../node_modules/uikit/src/scss/components/sortable";         // Sortable lists
+@import "../../../../node_modules/uikit/src/scss/components/spinner";          // Spinners
+@import "../../../../node_modules/uikit/src/scss/components/sticky";           // Sticky elements
+@import "../../../../node_modules/uikit/src/scss/components/subnav";           // Sub navigation
+@import "../../../../node_modules/uikit/src/scss/components/svg";              // SVG utilities
+@import "../../../../node_modules/uikit/src/scss/components/switcher";         // Switcher component
+@import "../../../../node_modules/uikit/src/scss/components/tab";              // Tabs
+@import "../../../../node_modules/uikit/src/scss/components/table";            // Tables
+@import "../../../../node_modules/uikit/src/scss/components/thumbnav";         // Thumbnail navigation
+@import "../../../../node_modules/uikit/src/scss/components/tile";             // Tiles
+@import "../../../../node_modules/uikit/src/scss/components/tooltip";          // Tooltips
+@import "../../../../node_modules/uikit/src/scss/components/totop";            // To-top button
+
+//==========================
+// 6️⃣ UTILITIES
+//==========================
+@import "../../../../node_modules/uikit/src/scss/components/align";            // Alignment utilities
+@import "../../../../node_modules/uikit/src/scss/components/animation";        // Animation utilities
+@import "../../../../node_modules/uikit/src/scss/components/background";       // Background utilities
+@import "../../../../node_modules/uikit/src/scss/components/dotnav";           // Dot navigation
+@import "../../../../node_modules/uikit/src/scss/components/inverse";          // Inverse color mode
+@import "../../../../node_modules/uikit/src/scss/components/margin";           // Margin utilities
+@import "../../../../node_modules/uikit/src/scss/components/padding";          // Padding utilities
+@import "../../../../node_modules/uikit/src/scss/components/transition";       // Transition utilities
+@import "../../../../node_modules/uikit/src/scss/components/utility";          // General utilities
+@import "../../../../node_modules/uikit/src/scss/components/visibility";       // Visibility utilities