npm - nibula - Versions diffs - 1.6.0 → 1.6.2 - Mend

nibula 1.6.0 → 1.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/.eleventy.js +82 -81
package/CHANGELOG.md +395 -377
package/LICENSE +169 -169
package/NOTICE +4 -4
package/README.md +110 -110
package/bin/create.js +540 -505
package/bin/delegate.js +58 -57
package/bin/nibula.js +302 -302
package/docs/Assistant CLI.md +65 -65
package/docs/Backend.md +201 -201
package/docs/Components.md +140 -140
package/docs/Creating pages.md +69 -69
package/docs/Deploy.md +210 -210
package/docs/Head and SEO.md +139 -139
package/docs/Javascript.md +126 -126
package/docs/Styling with SCSS.md +141 -139
package/nginx.conf +113 -113
package/package.json +69 -69
package/src/backend/.htaccess +6 -6
package/src/backend/_core/composer.json +5 -5
package/src/backend/_core/composer.lock +492 -492
package/src/backend/_core/index.js +267 -267
package/src/backend/_core/index.php +160 -160
package/src/backend/_core/init.js +52 -52
package/src/backend/_core/init.php +33 -33
package/src/backend/_core/modules/RateLimiter.js +58 -58
package/src/backend/_core/modules/RateLimiter.php +30 -30
package/src/backend/_core/modules/Response.js +59 -59
package/src/backend/_core/modules/Response.php +48 -48
package/src/backend/api/protected/example-protected.js +23 -23
package/src/backend/api/protected/example-protected.php +16 -16
package/src/backend/api/public/example-public.js +24 -24
package/src/backend/api/public/example-public.php +16 -16
package/src/backend/database/Database.js +46 -46
package/src/backend/database/Database.php +23 -23
package/src/backend/example.config.js +37 -37
package/src/backend/example.config.php +37 -37
package/src/backend/package.json +17 -17
package/src/backend/web.config +43 -43
package/src/frontend/.htaccess +51 -51
package/src/frontend/404.njk +17 -17
package/src/frontend/assets/brand/favicon.svg +54 -54
package/src/frontend/assets/brand/logo.svg +54 -54
package/src/frontend/components/global/footer.njk +25 -25
package/src/frontend/components/global/header.njk +6 -6
package/src/frontend/components/welcome.njk +115 -115
package/src/frontend/index.njk +8 -8
package/src/frontend/js/global.js +10 -10
package/src/frontend/js/modules/exampleModule.js +2 -2
package/src/frontend/js/pages/404.js +8 -8
package/src/frontend/js/pages/homepage.js +8 -8
package/src/frontend/layouts/base.njk +135 -136
package/src/frontend/layouts/page-components.njk +13 -13
package/src/frontend/llms.njk +17 -17
package/src/frontend/robots.njk +7 -7
package/src/frontend/scss/_global.scss +46 -46
package/src/frontend/scss/_root.scss +13 -13
package/src/frontend/scss/modules/_animations.scss +24 -24
package/src/frontend/scss/modules/_footer.scss +28 -28
package/src/frontend/scss/modules/_header.scss +26 -26
package/src/frontend/scss/modules/_mobile.scss +29 -29
package/src/frontend/scss/modules/_typography.scss +18 -18
package/src/frontend/scss/modules/frameworks/_bootstrap.scss +109 -109
package/src/frontend/scss/modules/frameworks/_bulma.scss +108 -108
package/src/frontend/scss/modules/frameworks/_foundation.scss +137 -137
package/src/frontend/scss/modules/frameworks/_uikit.scss +109 -109
package/src/frontend/scss/pages/404.scss +27 -27
package/src/frontend/scss/pages/homepage.scss +22 -22
package/src/frontend/sitemap.njk +17 -17
package/src/frontend/ts/global.ts +11 -11
package/src/frontend/ts/modules/exampleModule.ts +2 -2
package/src/frontend/ts/pages/404.ts +8 -8
package/src/frontend/ts/pages/homepage.ts +8 -8
package/src/frontend/web.config +51 -51
package/tools/assistant.js +122 -122
package/tools/buildJs.js +39 -39
package/tools/cleanOutput.js +23 -23
package/tools/cli/prompt.js +40 -40
package/tools/cli/ui.js +87 -87
package/tools/config/messages.json +80 -80
package/tools/config/settings.json +130 -130
package/tools/lib/colors.js +17 -17
package/tools/lib/files.js +75 -75
package/tools/lib/logger.js +22 -22
package/tools/lib/outputPath.js +141 -141
package/tools/lib/pageActions.js +146 -146
package/tools/lib/pageArtifacts.js +46 -46
package/tools/lib/pageComponents.js +88 -88
package/tools/lib/pagesData.js +87 -87
package/tools/lib/paths.js +63 -63
package/tools/lib/project.js +54 -54
package/tools/lib/text.js +47 -47
package/tools/lib/validation.js +40 -40
package/tools/res/templates/template.js +7 -7
package/tools/res/templates/template.njk +8 -8
package/tools/res/templates/template.scss +22 -22
package/tools/res/templates/template.ts +8 -8
package/tsconfig.json +24 -24
package/src/frontend/scss/pages/prova.scss +0 -23

package/src/frontend/scss/modules/frameworks/_bulma.scss CHANGED Viewed

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

package/src/frontend/scss/modules/frameworks/_foundation.scss CHANGED Viewed

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