@cdx-ui/components 0.0.1-alpha.9 → 0.0.1-beta.2

package/lib/module/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","ActivityIndicator","Pressable","Text","View","createButton","cn","useStyleContext","withStyleContext","buttonGroupVariants","buttonRootVariants","buttonSpinnerVariants","buttonTextVariants","jsx","_jsx","SCOPE","Root","useButtonStyleContext","ButtonPrimitive","Group","Spinner","Icon","ButtonRoot","variant","color","size","fullWidth","className","children","style","props","ref","computedClassName","context","displayName","ButtonLabel","ButtonGroup","flexDirection","isAttached","groupClassName","ButtonIcon","ButtonSpinner","colorClassName","computedColorClassName","Button","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","ActivityIndicator","Pressable","Text","View","createButton","cn","useStyleContext","withStyleContext","Icon","buttonGroupVariants","buttonIconVariants","buttonRootVariants","buttonSpinnerVariants","buttonTextVariants","jsx","_jsx","SCOPE","Root","useButtonStyleContext","ButtonPrimitive","Group","Spinner","ButtonRoot","variant","color","size","fullWidth","className","children","style","props","ref","computedClassName","context","displayName","ButtonLabel","ButtonGroup","flexDirection","isAttached","groupClassName","ButtonIcon","as","ButtonSpinner","colorClassName","computedColorClassName","Button","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Button/styles.js

@@ -2,278 +2,286 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
+import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
 
-// TODO: Split into 2 files
-// TODO: Create cva wrapper
+// TODO: Validate that `dark:` syntax works with Uniwind `ScopedTheme`
 
-export const buttonRootVariants = cva(['flex-row items-center justify-center', 'rounded-md', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', 'transition-colors duration-150',
-// TODO: Transition not working on mobile
-'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none', 'web:data-[focus-visible=true]:ring-3'], {
+export const buttonRootVariants = cva(['flex-row items-center justify-center', 'rounded-[var(--border-radius-button)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', TRANSITION_COLORS, 'data-[disabled=true]:opacity-[--opacity-disabled]', DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-focus] web:data-[focus-visible=true]:ring-offset-2'], {
   variants: {
     variant: {
-      solid: [],
-      subtle: [],
-      outline: ['bg-transparent border border-neutral-border-strong', 'data-[hover=true]:bg-neutral-background', 'data-[active=true]:bg-neutral-border'],
-      ghost: ['bg-transparent', 'data-[hover=true]:bg-neutral-background', 'data-[active=true]:bg-neutral-border']
+      strong: ['border-b-1 border-black/75'],
+      // TODO: Replace with token
+      outline: ['bg-transparent', 'border border-stroke-primary'],
+      ghost: ['bg-transparent']
     },
     color: {
-      primary: 'web:data-[focus-visible=true]:ring-blue-300/50',
-      secondary: 'web:data-[focus-visible=true]:ring-amber-300/50',
-      success: 'web:data-[focus-visible=true]:ring-green-300/50',
-      danger: 'web:data-[focus-visible=true]:ring-red-300/50'
+      action: [],
+      danger: [],
+      warning: [],
+      success: [],
+      info: []
     },
     size: {
-      sm: 'h-8 px-3 gap-1.5',
-      md: 'h-10 px-4 gap-2',
-      lg: 'h-12 px-6 gap-2.5'
+      default: 'h-10 px-4 gap-2',
+      small: 'h-8 px-3 gap-1.5'
     },
     fullWidth: {
       true: 'w-full',
       false: ''
     }
   },
-  compoundVariants: [{
-    variant: 'solid',
-    color: 'primary',
-    className: ['bg-blue-500', Platform.select({
-      default: 'data-[active=true]:bg-blue-700',
-      web: 'data-[hover=true]:bg-blue-600 data-[active=true]:data-[hover=true]:bg-blue-700'
-    })]
-  }, {
-    variant: 'solid',
-    color: 'secondary',
-    className: ['bg-amber-500', Platform.select({
-      default: 'data-[active=true]:bg-amber-700',
-      web: 'data-[hover=true]:bg-amber-600 data-[active=true]:data-[hover=true]:bg-amber-700'
-    })]
-  }, {
-    variant: 'solid',
-    color: 'success',
-    className: ['bg-green-500', Platform.select({
-      default: 'data-[active=true]:bg-green-700',
-      web: 'data-[hover=true]:bg-green-600 data-[active=true]:data-[hover=true]:bg-green-700'
+  compoundVariants: [
+  // ── strong × color (filled surface) ──────────────────────────────
+  {
+    variant: 'strong',
+    color: 'action',
+    className: ['bg-surface-action-strong', Platform.select({
+      default: 'data-[active=true]:bg-surface-action-strong-active',
+      web: 'data-[hover=true]:bg-surface-action-strong-hover data-[active=true]:data-[hover=true]:bg-surface-action-strong-active'
     })]
   }, {
-    variant: 'solid',
+    variant: 'strong',
     color: 'danger',
-    className: ['bg-red-500', Platform.select({
-      default: 'data-[active=true]:bg-red-700',
-      web: 'data-[hover=true]:bg-red-600 data-[active=true]:data-[hover=true]:bg-red-700'
+    className: ['bg-surface-danger-strong', Platform.select({
+      default: 'data-[active=true]:bg-surface-danger-strong-active',
+      web: 'data-[hover=true]:bg-surface-danger-strong-hover data-[active=true]:data-[hover=true]:bg-surface-danger-strong-active'
     })]
   }, {
-    variant: 'subtle',
-    color: 'primary',
-    className: ['bg-blue-100', Platform.select({
-      default: 'data-[active=true]:bg-blue-200',
-      web: 'data-[hover=true]:bg-blue-200 data-[active=true]:data-[hover=true]:bg-blue-300'
+    variant: 'strong',
+    color: 'warning',
+    className: ['bg-surface-warning-strong', Platform.select({
+      default: 'data-[active=true]:bg-amber-600',
+      web: 'data-[hover=true]:bg-amber-500 data-[active=true]:data-[hover=true]:bg-amber-600'
     })]
   }, {
-    variant: 'subtle',
-    color: 'secondary',
-    className: ['bg-amber-200', Platform.select({
-      default: 'data-[active=true]:bg-amber-300',
-      web: 'data-[hover=true]:bg-amber-300 data-[active=true]:data-[hover=true]:bg-amber-400'
-    })]
-  }, {
-    variant: 'subtle',
+    variant: 'strong',
     color: 'success',
-    className: ['bg-green-200', Platform.select({
-      default: 'data-[active=true]:bg-green-300',
-      web: 'data-[hover=true]:bg-green-300 data-[active=true]:data-[hover=true]:bg-green-400'
+    className: ['bg-surface-success-strong', Platform.select({
+      default: 'data-[active=true]:bg-green-800',
+      web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800'
     })]
   }, {
-    variant: 'subtle',
-    color: 'danger',
-    className: ['bg-red-200', Platform.select({
-      default: 'data-[active=true]:bg-red-300',
-      web: 'data-[hover=true]:bg-red-300 data-[active=true]:data-[hover=true]:bg-red-400'
+    variant: 'strong',
+    color: 'info',
+    className: ['bg-surface-info-strong', Platform.select({
+      default: 'data-[active=true]:bg-sky-700',
+      web: 'data-[hover=true]:bg-sky-600 data-[active=true]:data-[hover=true]:bg-sky-700'
+    })]
+  },
+  // ── outline × color (border + hover/active surface) ─────────────
+  {
+    variant: 'outline',
+    color: 'action',
+    className: ['border-stroke-action', Platform.select({
+      default: 'data-[active=true]:bg-surface-action-subtle-active',
+      web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active'
     })]
   }, {
     variant: 'outline',
-    color: 'primary',
-    className: ['border-blue-500', 'data-[focus-visible=true]:border-blue-500', Platform.select({
-      default: 'data-[active=true]:border-blue-700 data-[active=true]:bg-blue-100',
-      web: 'data-[hover=true]:border-blue-600 data-[hover=true]:bg-blue-100 data-[active=true]:data-[hover=true]:border-blue-700 data-[active=true]:data-[hover=true]:bg-blue-200'
+    color: 'danger',
+    className: ['border-stroke-danger', Platform.select({
+      default: 'data-[active=true]:bg-surface-danger-subtle-active',
+      web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active'
     })]
   }, {
     variant: 'outline',
-    color: 'secondary',
-    className: ['border-amber-500', 'data-[focus-visible=true]:border-amber-500', Platform.select({
-      default: 'data-[active=true]:border-amber-700 data-[active=true]:bg-amber-50',
-      web: 'data-[hover=true]:border-amber-600 data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:border-amber-700 data-[active=true]:data-[hover=true]:bg-amber-100'
+    color: 'warning',
+    className: ['border-stroke-warning', Platform.select({
+      default: 'data-[active=true]:bg-surface-warning-subtle',
+      web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-subtle'
     })]
   }, {
     variant: 'outline',
     color: 'success',
-    className: ['border-green-500', 'data-[focus-visible=true]:border-green-500', Platform.select({
-      default: 'data-[active=true]:border-green-700 data-[active=true]:bg-green-100',
-      web: 'data-[hover=true]:border-green-600 data-[hover=true]:bg-green-100 data-[active=true]:data-[hover=true]:border-green-700 data-[active=true]:data-[hover=true]:bg-green-200'
+    className: ['border-stroke-success', Platform.select({
+      default: 'data-[active=true]:bg-surface-success-subtle',
+      web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-subtle'
     })]
   }, {
     variant: 'outline',
-    color: 'danger',
-    className: ['border-red-500', 'data-[focus-visible=true]:border-red-500', Platform.select({
-      default: 'data-[active=true]:border-red-700 data-[active=true]:bg-red-100',
-      web: 'data-[hover=true]:border-red-600 data-[hover=true]:bg-red-100 data-[active=true]:data-[hover=true]:border-red-700 data-[active=true]:data-[hover=true]:bg-red-200'
+    color: 'info',
+    className: ['border-stroke-info', Platform.select({
+      default: 'data-[active=true]:bg-surface-info-subtle',
+      web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-subtle'
+    })]
+  },
+  // ── ghost × color (hover/active surface fills) ──────────────────
+  {
+    variant: 'ghost',
+    color: 'action',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-action-subtle-active',
+      web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active'
     })]
   }, {
     variant: 'ghost',
-    color: 'primary',
-    className: ['bg-transparent', Platform.select({
-      default: 'data-[active=true]:bg-blue-100',
-      web: 'data-[hover=true]:bg-blue-50 data-[active=true]:data-[hover=true]:bg-blue-100'
+    color: 'danger',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-danger-subtle-active',
+      web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active'
     })]
   }, {
     variant: 'ghost',
-    color: 'secondary',
-    className: ['bg-transparent', Platform.select({
-      default: 'data-[active=true]:bg-amber-100',
-      web: 'data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:bg-amber-100'
+    color: 'warning',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-warning-subtle',
+      web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-subtle'
     })]
   }, {
     variant: 'ghost',
     color: 'success',
-    className: ['bg-transparent', Platform.select({
-      default: 'data-[active=true]:bg-green-100',
-      web: 'data-[hover=true]:bg-green-50 data-[active=true]:data-[hover=true]:bg-green-100'
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-success-subtle',
+      web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-subtle'
     })]
   }, {
     variant: 'ghost',
-    color: 'danger',
-    className: ['bg-transparent', Platform.select({
-      default: 'data-[active=true]:bg-red-100',
-      web: 'data-[hover=true]:bg-red-50 data-[active=true]:data-[hover=true]:bg-red-100'
+    color: 'info',
+    className: [Platform.select({
+      default: 'data-[active=true]:bg-surface-info-subtle',
+      web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-subtle'
     })]
   }],
   defaultVariants: {
-    variant: 'solid',
-    color: 'primary',
-    size: 'md',
+    variant: 'strong',
+    color: 'action',
+    size: 'default',
     fullWidth: false
   }
 });
 export const buttonTextVariants = cva(['font-medium', 'text-center'], {
   variants: {
     variant: {
-      solid: 'text-white',
-      subtle: [],
+      strong: [],
       outline: [],
       ghost: []
     },
     color: {
-      primary: [],
-      secondary: [],
+      action: [],
+      danger: [],
+      warning: [],
       success: [],
-      danger: []
+      info: []
     },
     size: {
-      sm: 'text-sm',
-      md: 'text-base',
-      lg: 'text-lg'
+      default: 'text-base',
+      small: 'text-sm'
     }
   },
-  compoundVariants: [{
-    variant: 'subtle',
-    color: 'primary',
-    className: 'text-blue-950'
+  compoundVariants: [
+  // ── strong × color (filled foreground text) ──────────────────────
+  {
+    variant: 'strong',
+    color: 'action',
+    className: 'text-content-action-on-strong'
   }, {
-    variant: 'subtle',
-    color: 'secondary',
-    className: 'text-amber-950'
+    variant: 'strong',
+    color: 'danger',
+    className: 'text-content-danger-on-strong'
   }, {
-    variant: 'subtle',
+    variant: 'strong',
+    color: 'warning',
+    className: 'text-content-warning-on-strong'
+  }, {
+    variant: 'strong',
     color: 'success',
-    className: 'text-green-950'
+    className: 'text-content-success-on-strong'
   }, {
-    variant: 'subtle',
-    color: 'danger',
-    className: 'text-red-950'
+    variant: 'strong',
+    color: 'info',
+    className: 'text-content-info-on-strong'
+  },
+  // ── outline/ghost × color (transparent foreground text) ──────────
+  {
+    variant: ['outline', 'ghost'],
+    color: 'action',
+    className: 'text-content-action'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'primary',
-    className: ['text-blue-500', Platform.select({
-      default: 'data-[active=true]:text-blue-700',
-      web: 'data-[hover=true]:text-blue-600 data-[active=true]:data-[hover=true]:text-blue-700'
-    })]
+    color: 'danger',
+    className: 'text-content-danger'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'secondary',
-    className: ['text-amber-600', Platform.select({
-      default: 'data-[active=true]:text-amber-800',
-      web: 'data-[hover=true]:text-amber-700 data-[active=true]:data-[hover=true]:text-amber-800'
-    })]
+    color: 'warning',
+    className: 'text-content-warning'
   }, {
     variant: ['outline', 'ghost'],
     color: 'success',
-    className: ['text-green-600', Platform.select({
-      default: 'data-[active=true]:text-green-800',
-      web: 'data-[hover=true]:text-green-700 data-[active=true]:data-[hover=true]:text-green-800'
-    })]
+    className: 'text-content-success'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'danger',
-    className: ['text-red-500', Platform.select({
-      default: 'data-[active=true]:text-red-700',
-      web: 'data-[hover=true]:text-red-600 data-[active=true]:data-[hover=true]:text-red-700'
-    })]
+    color: 'info',
+    className: 'text-content-info'
   }],
   defaultVariants: {
-    variant: 'solid',
-    color: 'primary',
-    size: 'md'
+    variant: 'strong',
+    color: 'action',
+    size: 'default'
   }
 });
 export const buttonSpinnerVariants = cva([], {
   variants: {
     variant: {
-      solid: 'accent-white',
-      subtle: [],
+      strong: [],
       outline: [],
       ghost: []
     },
     color: {
-      primary: [],
-      secondary: [],
+      action: [],
+      danger: [],
+      warning: [],
       success: [],
-      danger: []
+      info: []
     }
   },
-  compoundVariants: [{
-    variant: 'subtle',
-    color: 'primary',
-    className: 'accent-blue-950'
+  compoundVariants: [
+  // ── strong × color ───────────────────────────────────────────────
+  {
+    variant: 'strong',
+    color: 'action',
+    className: 'accent-[var(--color-content-action-on-strong)]'
   }, {
-    variant: 'subtle',
-    color: 'secondary',
-    className: 'accent-amber-950'
+    variant: 'strong',
+    color: 'danger',
+    className: 'accent-[var(--color-content-danger-on-strong)]'
   }, {
-    variant: 'subtle',
+    variant: 'strong',
+    color: 'warning',
+    className: 'accent-[var(--color-content-warning-on-strong)]'
+  }, {
+    variant: 'strong',
     color: 'success',
-    className: 'accent-green-950'
+    className: 'accent-[var(--color-content-success-on-strong)]'
   }, {
-    variant: 'subtle',
-    color: 'danger',
-    className: 'accent-red-950'
+    variant: 'strong',
+    color: 'info',
+    className: 'accent-[var(--color-content-info-on-strong)]'
+  },
+  // ── outline/ghost × color ────────────────────────────────────────
+  {
+    variant: ['outline', 'ghost'],
+    color: 'action',
+    className: 'accent-[var(--color-content-action)]'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'primary',
-    className: 'accent-blue-500'
+    color: 'danger',
+    className: 'accent-[var(--color-content-danger)]'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'secondary',
-    className: 'accent-amber-600'
+    color: 'warning',
+    className: 'accent-[var(--color-content-warning)]'
   }, {
     variant: ['outline', 'ghost'],
     color: 'success',
-    className: 'accent-green-600'
+    className: 'accent-[var(--color-content-success)]'
   }, {
     variant: ['outline', 'ghost'],
-    color: 'danger',
-    className: 'accent-red-500'
+    color: 'info',
+    className: 'accent-[var(--color-content-info)]'
   }],
   defaultVariants: {
-    variant: 'solid',
-    color: 'primary'
+    variant: 'strong',
+    color: 'action'
   }
 });
 export const buttonGroupVariants = cva([], {
@@ -306,4 +314,15 @@ export const buttonGroupVariants = cva([], {
     isAttached: false
   }
 });
+export const buttonIconVariants = cva([], {
+  variants: {
+    size: {
+      default: 'size-5',
+      small: 'size-4'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
 //# sourceMappingURL=styles.js.map

package/lib/module/components/Button/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","buttonRootVariants","variants","variant","solid","subtle","outline","ghost","color","primary","secondary","success","danger","size","sm","md","lg","fullWidth","true","false","compoundVariants","className","select","default","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","buttonRootVariants","variants","variant","strong","outline","ghost","color","action","danger","warning","success","info","size","default","small","fullWidth","true","false","compoundVariants","className","select","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Card/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { cn } from '@cdx-ui/utils';
+import { cardContentVariants, cardFooterVariants, cardHeaderVariants, cardRootVariants } from './styles';
+
+// =============================================================================
+// STYLED ROOT COMPONENT
+// =============================================================================
+import { jsx as _jsx } from "react/jsx-runtime";
+const CardRoot = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(cardRootVariants(), className);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+CardRoot.displayName = 'Card';
+
+// =============================================================================
+// STYLED HEADER COMPONENT
+// =============================================================================
+
+const CardHeader = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(cardHeaderVariants(), className);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+CardHeader.displayName = 'Card.Header';
+
+// =============================================================================
+// STYLED CONTENT COMPONENT
+// =============================================================================
+
+const CardContent = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(cardContentVariants(), className);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+CardContent.displayName = 'Card.Content';
+
+// =============================================================================
+// STYLED FOOTER COMPONENT
+// =============================================================================
+
+const CardFooter = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(cardFooterVariants(), className);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+CardFooter.displayName = 'Card.Footer';
+
+// =============================================================================
+// COMPOUND COMPONENT
+// =============================================================================
+
+export const Card = CardRoot;
+Card.Header = CardHeader;
+Card.Content = CardContent;
+Card.Footer = CardFooter;
+//# sourceMappingURL=index.js.map