@cube-dev/ui-kit 0.0.0-canary-76be278 → 0.0.0-canary-7e4ec9d

package/es/tasty/styles/margin.js

@@ -1,26 +1,31 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 
 import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';
 /**
- * Parse a margin value and return the first processed value
+ * Parse a margin value and return processed values
  */
 function parseMarginValue(value) {
-    if (typeof value === 'number')
-        return `${value}px`;
+    if (typeof value === 'number') {
+        return [`${value}px`];
+    }
     if (!value)
-        return null;
+        return [];
     if (value === true)
         value = '1x';
-    const { values } = parseStyle(value).groups[0] ?? { values: [] };
-    return values[0] || 'var(--gap)';
+    const processed = parseStyle(value);
+    let { values } = processed.groups[0] ?? { values: [] };
+    if (!values.length) {
+        values = ['var(--gap)'];
+    }
+    return values;
 }
 /**
- * Parse margin value with optional directions (like "1x top" or "2x left right")
+ * Parse directional margin value (like "1x top" or "2x left right")
  */
 function parseDirectionalMargin(value) {
     if (typeof value === 'number') {
@@ -30,91 +35,66 @@ function parseDirectionalMargin(value) {
         return { values: [], directions: [] };
     if (value === true)
         value = '1x';
-    const { values = [], mods = [] } = parseStyle(value).groups[0] ?? {};
-    return {
-        values: values.length ? values : ['var(--gap)'],
-        directions: filterMods(mods, DIRECTIONS),
-    };
+    const processed = parseStyle(value);
+    let { values, mods } = processed.groups[0] ?? { values: [], mods: [] };
+    if (!values.length) {
+        values = ['var(--gap)'];
+    }
+    const directions = filterMods(mods, DIRECTIONS);
+    return { values, directions };
 }
 export function marginStyle({ margin, marginBlock, marginInline, marginTop, marginRight, marginBottom, marginLeft, }) {
-    // If no margin is defined, return empty object
-    if (margin == null &&
-        marginBlock == null &&
-        marginInline == null &&
-        marginTop == null &&
-        marginRight == null &&
-        marginBottom == null &&
-        marginLeft == null) {
-        return {};
-    }
-    // Initialize all directions to 0
-    let [top, right, bottom, left] = ['0', '0', '0', '0'];
-    // Priority 1 (lowest): margin
+    const styles = {};
+    // Priority 1 (lowest): margin - apply to all directions if no other properties are specified
     if (margin != null) {
+        // Parse directional margin (e.g., "1x top" or "2x left right")
         const { values, directions } = parseDirectionalMargin(margin);
-        if (values.length) {
-            if (directions.length === 0) {
-                top = values[0];
-                right = values[1] || values[0];
-                bottom = values[2] || values[0];
-                left = values[3] || values[1] || values[0];
-            }
-            else {
-                for (const dir of directions) {
-                    const idx = DIRECTIONS.indexOf(dir);
-                    const val = values[idx] || values[idx % 2] || values[0];
-                    if (dir === 'top')
-                        top = val;
-                    else if (dir === 'right')
-                        right = val;
-                    else if (dir === 'bottom')
-                        bottom = val;
-                    else if (dir === 'left')
-                        left = val;
-                }
-            }
+        if (directions.length === 0) {
+            // No directions specified, apply to all sides
+            styles['margin-top'] = values[0];
+            styles['margin-right'] = values[1] || values[0];
+            styles['margin-bottom'] = values[2] || values[0];
+            styles['margin-left'] = values[3] || values[1] || values[0];
+        }
+        else {
+            // Apply only to specified directions
+            directions.forEach((dir) => {
+                const index = DIRECTIONS.indexOf(dir);
+                styles[`margin-${dir}`] =
+                    values[index] || values[index % 2] || values[0];
+            });
         }
     }
-    // Priority 2 (medium): marginBlock/marginInline
+    // Priority 2 (medium): marginBlock - override top and bottom
     if (marginBlock != null) {
-        const val = parseMarginValue(marginBlock);
-        if (val)
-            top = bottom = val;
+        const values = parseMarginValue(marginBlock);
+        styles['margin-top'] = values[0];
+        styles['margin-bottom'] = values[1] || values[0];
     }
+    // Priority 2 (medium): marginInline - override left and right
     if (marginInline != null) {
-        const val = parseMarginValue(marginInline);
-        if (val)
-            left = right = val;
+        const values = parseMarginValue(marginInline);
+        styles['margin-left'] = values[0];
+        styles['margin-right'] = values[1] || values[0];
     }
-    // Priority 3 (highest): individual directions
+    // Priority 3 (highest): individual directions - override specific sides
     if (marginTop != null) {
-        const val = parseMarginValue(marginTop);
-        if (val)
-            top = val;
+        const values = parseMarginValue(marginTop);
+        styles['margin-top'] = values[0];
     }
     if (marginRight != null) {
-        const val = parseMarginValue(marginRight);
-        if (val)
-            right = val;
+        const values = parseMarginValue(marginRight);
+        styles['margin-right'] = values[0];
     }
     if (marginBottom != null) {
-        const val = parseMarginValue(marginBottom);
-        if (val)
-            bottom = val;
+        const values = parseMarginValue(marginBottom);
+        styles['margin-bottom'] = values[0];
     }
     if (marginLeft != null) {
-        const val = parseMarginValue(marginLeft);
-        if (val)
-            left = val;
-    }
-    // Optimize output: 1 value if all same, 2 values if top==bottom && left==right
-    if (top === right && right === bottom && bottom === left) {
-        return { margin: top };
-    }
-    if (top === bottom && left === right) {
-        return { margin: `${top} ${left}` };
+        const values = parseMarginValue(marginLeft);
+        styles['margin-left'] = values[0];
     }
-    return { margin: `${top} ${right} ${bottom} ${left}` };
+    return styles;
 }
 marginStyle.__lookupStyles = [
     'margin',

package/es/tasty/styles/outline.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/tasty/styles/padding.js

@@ -1,26 +1,31 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 
 import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';
 /**
- * Parse a padding value and return the first processed value
+ * Parse a padding value and return processed values
  */
 function parsePaddingValue(value) {
-    if (typeof value === 'number')
-        return `${value}px`;
+    if (typeof value === 'number') {
+        return [`${value}px`];
+    }
     if (!value)
-        return null;
+        return [];
     if (value === true)
         value = '1x';
-    const { values } = parseStyle(value).groups[0] ?? { values: [] };
-    return values[0] || 'var(--gap)';
+    const processed = parseStyle(value);
+    let { values } = processed.groups[0] ?? { values: [] };
+    if (!values.length) {
+        values = ['var(--gap)'];
+    }
+    return values;
 }
 /**
- * Parse padding value with optional directions (like "1x top" or "2x left right")
+ * Parse directional padding value (like "1x top" or "2x left right")
  */
 function parseDirectionalPadding(value) {
     if (typeof value === 'number') {
@@ -30,91 +35,66 @@ function parseDirectionalPadding(value) {
         return { values: [], directions: [] };
     if (value === true)
         value = '1x';
-    const { values = [], mods = [] } = parseStyle(value).groups[0] ?? {};
-    return {
-        values: values.length ? values : ['var(--gap)'],
-        directions: filterMods(mods, DIRECTIONS),
-    };
+    const processed = parseStyle(value);
+    let { values, mods } = processed.groups[0] ?? { values: [], mods: [] };
+    if (!values.length) {
+        values = ['var(--gap)'];
+    }
+    const directions = filterMods(mods, DIRECTIONS);
+    return { values, directions };
 }
 export function paddingStyle({ padding, paddingBlock, paddingInline, paddingTop, paddingRight, paddingBottom, paddingLeft, }) {
-    // If no padding is defined, return empty object
-    if (padding == null &&
-        paddingBlock == null &&
-        paddingInline == null &&
-        paddingTop == null &&
-        paddingRight == null &&
-        paddingBottom == null &&
-        paddingLeft == null) {
-        return {};
-    }
-    // Initialize all directions to 0
-    let [top, right, bottom, left] = ['0', '0', '0', '0'];
-    // Priority 1 (lowest): padding
+    const styles = {};
+    // Priority 1 (lowest): padding - apply to all directions if no other properties are specified
     if (padding != null) {
+        // Parse directional padding (e.g., "1x top" or "2x left right")
         const { values, directions } = parseDirectionalPadding(padding);
-        if (values.length) {
-            if (directions.length === 0) {
-                top = values[0];
-                right = values[1] || values[0];
-                bottom = values[2] || values[0];
-                left = values[3] || values[1] || values[0];
-            }
-            else {
-                for (const dir of directions) {
-                    const idx = DIRECTIONS.indexOf(dir);
-                    const val = values[idx] || values[idx % 2] || values[0];
-                    if (dir === 'top')
-                        top = val;
-                    else if (dir === 'right')
-                        right = val;
-                    else if (dir === 'bottom')
-                        bottom = val;
-                    else if (dir === 'left')
-                        left = val;
-                }
-            }
+        if (directions.length === 0) {
+            // No directions specified, apply to all sides
+            styles['padding-top'] = values[0];
+            styles['padding-right'] = values[1] || values[0];
+            styles['padding-bottom'] = values[2] || values[0];
+            styles['padding-left'] = values[3] || values[1] || values[0];
+        }
+        else {
+            // Apply only to specified directions
+            directions.forEach((dir) => {
+                const index = DIRECTIONS.indexOf(dir);
+                styles[`padding-${dir}`] =
+                    values[index] || values[index % 2] || values[0];
+            });
         }
     }
-    // Priority 2 (medium): paddingBlock/paddingInline
+    // Priority 2 (medium): paddingBlock - override top and bottom
     if (paddingBlock != null) {
-        const val = parsePaddingValue(paddingBlock);
-        if (val)
-            top = bottom = val;
+        const values = parsePaddingValue(paddingBlock);
+        styles['padding-top'] = values[0];
+        styles['padding-bottom'] = values[1] || values[0];
     }
+    // Priority 2 (medium): paddingInline - override left and right
     if (paddingInline != null) {
-        const val = parsePaddingValue(paddingInline);
-        if (val)
-            left = right = val;
+        const values = parsePaddingValue(paddingInline);
+        styles['padding-left'] = values[0];
+        styles['padding-right'] = values[1] || values[0];
     }
-    // Priority 3 (highest): individual directions
+    // Priority 3 (highest): individual directions - override specific sides
     if (paddingTop != null) {
-        const val = parsePaddingValue(paddingTop);
-        if (val)
-            top = val;
+        const values = parsePaddingValue(paddingTop);
+        styles['padding-top'] = values[0];
     }
     if (paddingRight != null) {
-        const val = parsePaddingValue(paddingRight);
-        if (val)
-            right = val;
+        const values = parsePaddingValue(paddingRight);
+        styles['padding-right'] = values[0];
     }
     if (paddingBottom != null) {
-        const val = parsePaddingValue(paddingBottom);
-        if (val)
-            bottom = val;
+        const values = parsePaddingValue(paddingBottom);
+        styles['padding-bottom'] = values[0];
     }
     if (paddingLeft != null) {
-        const val = parsePaddingValue(paddingLeft);
-        if (val)
-            left = val;
-    }
-    // Optimize output: 1 value if all same, 2 values if top==bottom && left==right
-    if (top === right && right === bottom && bottom === left) {
-        return { padding: top };
-    }
-    if (top === bottom && left === right) {
-        return { padding: `${top} ${left}` };
+        const values = parsePaddingValue(paddingLeft);
+        styles['padding-left'] = values[0];
     }
-    return { padding: `${top} ${right} ${bottom} ${left}` };
+    return styles;
 }
 paddingStyle.__lookupStyles = [
     'padding',

package/es/tasty/styles/place.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/tasty/styles/predefined.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { colorStyle } from './color';
 import { createStyle } from './createStyle';
 import { displayStyle } from './display';
 import { fadeStyle } from './fade';
-import { fillStyle, svgFillStyle } from './fill';
+import { fillStyle } from './fill';
 import { flowStyle } from './flow';
 import { fontStyle } from './font';
 import { fontStyleStyle } from './fontStyle';
@@ -128,7 +128,6 @@ export function predefine() {
         transitionStyle,
         resetStyle,
         fillStyle,
-        svgFillStyle,
         widthStyle,
         marginStyle,
         gapStyle,

package/es/tasty/styles/preset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/tasty/styles/radius.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/tasty/styles/reset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/tasty/styles/scrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/tasty/styles/shadow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/tasty/styles/styledScrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/tasty/styles/transition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/tasty/styles/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/tasty/styles/width.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */