move.gl 0.0.1 → 0.0.2

package/{scss/mixins/mouse → dist/scss/mixins/controls}/_cursor.scss

@@ -1,26 +1,20 @@
-// ============================================================================
-// Poster
-// ============================================================================
-
 ////
-/// 
-/// Cursors Mixin Module
-/// ===========================================================================
-///
-/// This module provides a comprehensive set of mixins for managing cursor
-/// styles in CSS. It includes utility mixins for common cursor types, 
-/// custom cursors with fallback options, animated cursors, and advanced 
-/// use cases involving state-based and responsive cursor handling.
-/// 
-/// 
-/// @group Mouse
+///
+/// Cursor Controls Mixin Module
+/// =========================================================================
+///
+/// Provides a comprehensive set of mixins for managing cursor styles.
+/// Includes utility mixins for common cursor types, custom cursors with
+/// fallback options, animated cursors, and advanced use cases involving
+/// state-based and responsive cursor handling.
+///
+/// @group Controls
 /// @author Scape Agency
 /// @link https://move.gl
 /// @since 0.1.0 initial release
-/// @todo None
 /// @see https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
 /// @access public
-/// 
+///
 ////
 
 
@@ -28,27 +22,28 @@
 // Use
 // ============================================================================
 
-@use "../variables" as *;
-@use "../maps" as *;
-@use "../mixins" as *;
-
-
-
+@use "sass:map";
+@use "../../variables" as *;
+@use "../../maps" as *;
 
 
+// ============================================================================
+// Mixins
+// ============================================================================
 
 
 ///
 /// Mixin for applying a cursor style using predefined cursor types from the map.
-/// 
-/// @mixin cursor_style
+/// ---------------------------------------------------------------------------
+///
+/// @name cursor_style
 /// @param {String} $type ['default'] - The cursor style to apply.
 /// @example scss - Usage
 ///   .element { @include cursor_style('pointer'); } // Applies pointer cursor
 ///
 @mixin cursor_style($type: "default") {
-    @if map-has-key($cursor_styles, $type) {
-        cursor: map-get($cursor_styles, $type);
+    @if map.has-key($cursor_styles, $type) {
+        cursor: map.get($cursor_styles, $type);
     } @else {
         cursor: $type; // Fallback if type is not in map
     }
@@ -56,8 +51,9 @@
 
 ///
 /// Mixin for custom cursor images with fallback options.
-/// 
-/// @mixin cursor_custom
+/// ---------------------------------------------------------------------------
+///
+/// @name cursor_custom
 /// @param {String} $url - URL of the custom cursor image.
 /// @param {String} $fallback ['pointer'] - Fallback cursor style.
 /// @example scss - Usage
@@ -77,9 +73,11 @@
 // Utility Mixins for Common Cursor Styles
 // ============================================================================
 
+@mixin cursor_default { @include cursor_style('default'); }
 @mixin cursor_pointer { @include cursor_style('pointer'); }
 @mixin cursor_text { @include cursor_style('text'); }
 @mixin cursor_disabled { @include cursor_style('not-allowed'); }
+@mixin cursor_not_allowed { @include cursor_style('not-allowed'); }
 @mixin cursor_move { @include cursor_style('move'); }
 @mixin cursor_grab { @include cursor_style('grab'); }
 @mixin cursor_grabbing { @include cursor_style('grabbing'); }
@@ -89,14 +87,34 @@
 @mixin cursor_zoom_in { @include cursor_style('zoom-in'); }
 @mixin cursor_zoom_out { @include cursor_style('zoom-out'); }
 
+
+// ============================================================================
+// Resize Cursor Mixins
+// ============================================================================
+
+@mixin cursor_n_resize { @include cursor_style('n-resize'); }
+@mixin cursor_e_resize { @include cursor_style('e-resize'); }
+@mixin cursor_s_resize { @include cursor_style('s-resize'); }
+@mixin cursor_w_resize { @include cursor_style('w-resize'); }
+@mixin cursor_ne_resize { @include cursor_style('ne-resize'); }
+@mixin cursor_se_resize { @include cursor_style('se-resize'); }
+@mixin cursor_sw_resize { @include cursor_style('sw-resize'); }
+@mixin cursor_nw_resize { @include cursor_style('nw-resize'); }
+@mixin cursor_ew_resize { @include cursor_style('ew-resize'); }
+@mixin cursor_ns_resize { @include cursor_style('ns-resize'); }
+@mixin cursor_col_resize { @include cursor_style('col-resize'); }
+@mixin cursor_row_resize { @include cursor_style('row-resize'); }
+
+
 // ============================================================================
 // Advanced Mixins
 // ============================================================================
 
 ///
 /// Mixin for hover and focus cursor effects.
-/// 
-/// @mixin hover_focus_cursor
+/// ---------------------------------------------------------------------------
+///
+/// @name hover_focus_cursor
 /// @param {String} $hover ['pointer'] - Cursor style on hover.
 /// @param {String} $focus ['pointer'] - Cursor style on focus.
 ///
@@ -110,20 +128,25 @@
 
 ///
 /// Mixin for responsive cursor handling based on device capability.
-/// 
-/// @mixin cursor_responsive
+/// ---------------------------------------------------------------------------
+///
+/// @name cursor_responsive
 /// @param {String} $desktop ['pointer'] - Cursor for desktop devices.
 /// @param {String} $touch ['default'] - Cursor for touch devices.
 ///
-@mixin cursor_responsive($desktop: pointer, $touch: default) {
+@mixin cursor_responsive(
+    $desktop: pointer,
+    $touch: default
+) {
     @media (pointer: fine) { cursor: $desktop; }
     @media (pointer: coarse) { cursor: $touch; }
 }
 
 ///
 /// Mixin for animated cursors using a series of images.
-/// 
-/// @mixin cursor_animated
+/// ---------------------------------------------------------------------------
+///
+/// @name cursor_animated
 /// @param {List} $images - A list of image URLs for animation frames.
 /// @param {Time} $interval ['0.5s'] - Interval between frames.
 ///
@@ -152,8 +175,6 @@
 // Utility Class Generator for Common Cursors
 // ============================================================================
 
-// $cursors: ('pointer', 'text', 'wait', 'crosshair', 'not-allowed', 'zoom-in', 'grab', 'grabbing');
-
 @each $cursor in $cursors {
     .cursor-#{$cursor} {
         @include cursor_style($cursor);
@@ -179,4 +200,4 @@
 // /// Example: Using animated cursor with a series of images
 // .cursor-animated-element {
 //     @include cursor_animated(('image1.png', 'image2.png', 'image3.png'));
-// }
+// }