meno-core 1.0.53 → 1.0.54

package/lib/shared/interactiveStyleMappings.ts

@@ -26,10 +26,7 @@ import type { PropDefinition } from './types/components';
  */
 export function isStyleMapping(value: unknown): value is StyleMapping {
   return (
-    typeof value === 'object' &&
-    value !== null &&
-    '_mapping' in value &&
-    (value as StyleMapping)._mapping === true
+    typeof value === 'object' && value !== null && '_mapping' in value && (value as StyleMapping)._mapping === true
   );
 }
 
@@ -72,9 +69,8 @@ export function getVariableName(index: number): string {
  */
 function hasAnyMappings(style: StyleObject | ResponsiveStyleObject): boolean {
   // Check if it's a responsive style (has 'base' or known breakpoint keys)
-  const isResponsive = 'base' in style || Object.keys(style).some(key =>
-    key === 'base' || key === 'tablet' || key === 'mobile'
-  );
+  const isResponsive =
+    'base' in style || Object.keys(style).some((key) => key === 'base' || key === 'tablet' || key === 'mobile');
 
   if (isResponsive) {
     const responsive = style as ResponsiveStyleObject;
@@ -111,9 +107,7 @@ export function hasInteractiveStyleMappings(interactiveStyles: InteractiveStyles
  * @param interactiveStyles - Array of interactive style rules
  * @returns Object with resolved styles (var() references) and extracted mappings
  */
-export function extractInteractiveStyleMappings(
-  interactiveStyles: InteractiveStyles
-): ExtractionResult {
+export function extractInteractiveStyleMappings(interactiveStyles: InteractiveStyles): ExtractionResult {
   const mappings: ExtractedMapping[] = [];
   let variableIndex = 0;
 
@@ -121,9 +115,8 @@ export function extractInteractiveStyleMappings(
     const style = rule.style;
 
     // Check if it's a responsive style
-    const isResponsive = 'base' in style || Object.keys(style).some(key =>
-      key === 'base' || key === 'tablet' || key === 'mobile'
-    );
+    const isResponsive =
+      'base' in style || Object.keys(style).some((key) => key === 'base' || key === 'tablet' || key === 'mobile');
 
     if (isResponsive) {
       const responsive = style as ResponsiveStyleObject;
@@ -203,7 +196,7 @@ export function extractInteractiveStyleMappings(
  */
 export function resolveExtractedMappings(
   mappings: ExtractedMapping[],
-  props: Record<string, unknown>
+  props: Record<string, unknown>,
 ): Record<string, string> {
   const cssVariables: Record<string, string> = {};
 
@@ -250,7 +243,7 @@ export function resolveExtractedMappings(
  */
 export function createStyleMappingFromProps(
   componentPropDefs: Record<string, PropDefinition>,
-  currentValue: string | number
+  currentValue: string | number,
 ): StyleMapping | null {
   // Find a prop to map to (prefer 'variant' if it exists, otherwise use first prop)
   const propToMap = componentPropDefs.variant ? 'variant' : Object.keys(componentPropDefs)[0];
@@ -279,6 +272,6 @@ export function createStyleMappingFromProps(
   return {
     _mapping: true,
     prop: propToMap,
-    values: mappingValues
+    values: mappingValues,
   };
 }