@nori-ui/core 1.0.6 → 1.1.0

package/dist/components/Field/index.cjs

@@ -0,0 +1,703 @@
+'use strict';
+
+var react = require('react');
+var reactNative = require('react-native');
+var jsxRuntime = require('nativewind/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/i18n/default-dictionary.ts
+var defaultDictionary = {
+  // generic / shared
+  "common.cancel": "Cancel",
+  "common.confirm": "Confirm",
+  "common.close": "Close",
+  "common.back": "Back",
+  "common.loading": "Loading",
+  "common.error": "Something went wrong",
+  "common.retry": "Try again",
+  // breadcrumb
+  "breadcrumb.ariaLabel": "Breadcrumb",
+  "breadcrumb.expandLabel": "Show full path",
+  "breadcrumb.ellipsisLabel": "More",
+  "breadcrumb.currentPageLabel": "Current page",
+  "breadcrumb.siblingMenuLabel": "Open sibling pages",
+  // pagination
+  "pagination.ariaLabel": "Pagination",
+  "pagination.previous": "Previous page",
+  "pagination.next": "Next page",
+  "pagination.first": "First page",
+  "pagination.last": "Last page",
+  "pagination.ellipsis": "More pages",
+  "pagination.currentPage": "Current page",
+  "pagination.gotoPage": "Go to page {{page}}",
+  "pagination.range": "Showing {{from}}\u2013{{to}} of {{total}}",
+  "pagination.pageOf": "Page {{page}} of {{total}}",
+  "pagination.pageSizeLabel": "Items per page",
+  "pagination.jumperLabel": "Go to page",
+  "pagination.jumperPlaceholder": "#",
+  // floatButton
+  "floatButton.backToTop": "Back to top",
+  // calendar
+  "calendar.header.previous": "Previous month",
+  "calendar.header.next": "Next month",
+  "calendar.header.openMonthView": "Open month picker",
+  "calendar.header.openYearView": "Open year picker",
+  "calendar.header.openDayView": "Open day picker",
+  "calendar.today": "Today",
+  "calendar.clear": "Clear",
+  // button
+  "button.loadingLabel": "Loading",
+  // input
+  "input.clear": "Clear",
+  "input.passwordShow": "Show password",
+  "input.passwordHide": "Hide password",
+  // checkbox / switch
+  "checkbox.checked": "Checked",
+  "checkbox.unchecked": "Unchecked",
+  "switch.on": "On",
+  "switch.off": "Off",
+  // field
+  "field.requiredIndicator": "*",
+  "field.requiredLabel": "required"
+};
+
+// src/i18n/resolve.ts
+function resolveI18n(input, defaults) {
+  if (typeof input === "function") {
+    return (keyOrKeys, options) => input(keyOrKeys, options);
+  }
+  const dict = input ?? {};
+  return (keyOrKeys, options) => {
+    const keys = Array.isArray(keyOrKeys) ? keyOrKeys : [keyOrKeys];
+    for (const rawKey of keys) {
+      const key = pluralize(rawKey, options?.count);
+      const template = dict[key] ?? defaults[key];
+      if (template !== void 0) {
+        return interpolate(template, options);
+      }
+    }
+    const lastKey = keys[keys.length - 1];
+    if (options?.defaultValue !== void 0) {
+      return interpolate(options.defaultValue, options);
+    }
+    return lastKey ?? "";
+  };
+}
+__name(resolveI18n, "resolveI18n");
+function pluralize(key, count) {
+  if (count === void 0) {
+    return key;
+  }
+  if (count === 1) {
+    return `${key}_one`;
+  }
+  return `${key}_other`;
+}
+__name(pluralize, "pluralize");
+function interpolate(template, options) {
+  if (!options) {
+    return template;
+  }
+  return template.replace(/\{\{\s*([A-Za-z0-9_.-]+)\s*\}\}/g, (_match, name) => {
+    const value = options[name];
+    return value === void 0 || value === null ? "" : String(value);
+  });
+}
+__name(interpolate, "interpolate");
+var defaultValue = {
+  t: resolveI18n(void 0, defaultDictionary)
+};
+var I18nContext = react.createContext(defaultValue);
+I18nContext.displayName = "I18nContext";
+
+// src/i18n/use-translation.ts
+function useTranslation() {
+  return react.useContext(I18nContext);
+}
+__name(useTranslation, "useTranslation");
+
+// src/theme/px.ts
+function px(value) {
+  if (typeof value === "number") {
+    return value;
+  }
+  const n = Number.parseFloat(value);
+  return Number.isFinite(n) ? n : 0;
+}
+__name(px, "px");
+
+// ../tokens/build/theme.ts
+var theme = {
+  color: {
+    danger: "#ef4444",
+    info: "#3b82f6",
+    neutral: {
+      "100": "#f4f4f5",
+      "200": "#e4e4e7",
+      "300": "#d4d4d8",
+      "400": "#a1a1aa",
+      "50": "#fafafa",
+      "500": "#71717a",
+      "600": "#52525b",
+      "700": "#3f3f46",
+      "800": "#27272a",
+      "900": "#18181b"
+    },
+    primary: {
+      "100": "#ccfbf1",
+      "200": "#99f6e4",
+      "300": "#5eead4",
+      "400": "#2dd4bf",
+      "50": "#f0fdfa",
+      "500": "#14b8a6",
+      "600": "#0d9488",
+      "700": "#0f766e",
+      "800": "#115e59",
+      "900": "#134e4a"
+    },
+    success: "#22c55e",
+    warning: "#f59e0b"
+  },
+  fontFamily: {
+    body: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+    display: "ui-serif, Georgia, 'Times New Roman', serif",
+    mono: "ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace"
+  },
+  fontSize: {
+    "2xl": "24px",
+    "3xl": "30px",
+    "4xl": "36px",
+    lg: "18px",
+    md: "16px",
+    sm: "14px",
+    xl: "20px",
+    xs: "12px"
+  },
+  fontWeight: {
+    bold: "700",
+    medium: "500",
+    regular: "400",
+    semibold: "600"
+  },
+  lineHeight: {
+    normal: "1.4",
+    relaxed: "1.6",
+    tight: "1.2"
+  },
+  radius: {
+    "2xl": "16px",
+    full: "9999px",
+    lg: "8px",
+    md: "6px",
+    none: "0px",
+    sm: "4px",
+    xl: "12px"
+  },
+  semantic: {
+    background: {
+      default: "#fafafa",
+      elevated: "#ffffff",
+      subtle: "#f4f4f5"
+    },
+    border: {
+      default: "#e4e4e7",
+      strong: "#d4d4d8"
+    },
+    interactive: {
+      destructive: "#ef4444",
+      primary: "#0d9488",
+      primaryHover: "#0f766e",
+      primaryPressed: "#115e59"
+    },
+    text: {
+      default: "#18181b",
+      inverted: "#fafafa",
+      muted: "#52525b"
+    }
+  },
+  shadow: {
+    lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+    md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+    sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"
+  },
+  spacing: {
+    "0": "0px",
+    "1": "4px",
+    "10": "40px",
+    "12": "48px",
+    "16": "64px",
+    "2": "8px",
+    "20": "80px",
+    "24": "96px",
+    "3": "12px",
+    "4": "16px",
+    "5": "20px",
+    "6": "24px",
+    "8": "32px"
+  }
+};
+var themeDark = {
+  color: {
+    danger: "#ef4444",
+    info: "#3b82f6",
+    neutral: {
+      "100": "#f4f4f5",
+      "200": "#e4e4e7",
+      "300": "#d4d4d8",
+      "400": "#a1a1aa",
+      "50": "#fafafa",
+      "500": "#71717a",
+      "600": "#52525b",
+      "700": "#3f3f46",
+      "800": "#27272a",
+      "900": "#18181b"
+    },
+    primary: {
+      "100": "#ccfbf1",
+      "200": "#99f6e4",
+      "300": "#5eead4",
+      "400": "#2dd4bf",
+      "50": "#f0fdfa",
+      "500": "#14b8a6",
+      "600": "#0d9488",
+      "700": "#0f766e",
+      "800": "#115e59",
+      "900": "#134e4a"
+    },
+    success: "#22c55e",
+    warning: "#f59e0b"
+  },
+  fontFamily: {
+    body: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+    display: "ui-serif, Georgia, 'Times New Roman', serif",
+    mono: "ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace"
+  },
+  fontSize: {
+    "2xl": "24px",
+    "3xl": "30px",
+    "4xl": "36px",
+    lg: "18px",
+    md: "16px",
+    sm: "14px",
+    xl: "20px",
+    xs: "12px"
+  },
+  fontWeight: {
+    bold: "700",
+    medium: "500",
+    regular: "400",
+    semibold: "600"
+  },
+  lineHeight: {
+    normal: "1.4",
+    relaxed: "1.6",
+    tight: "1.2"
+  },
+  radius: {
+    "2xl": "16px",
+    full: "9999px",
+    lg: "8px",
+    md: "6px",
+    none: "0px",
+    sm: "4px",
+    xl: "12px"
+  },
+  semantic: {
+    background: {
+      default: "#18181b",
+      elevated: "#3f3f46",
+      subtle: "#27272a"
+    },
+    border: {
+      default: "#3f3f46",
+      strong: "#52525b"
+    },
+    interactive: {
+      destructive: "#ef4444",
+      primary: "#2dd4bf",
+      primaryHover: "#5eead4",
+      primaryPressed: "#99f6e4"
+    },
+    text: {
+      default: "#fafafa",
+      inverted: "#18181b",
+      muted: "#a1a1aa"
+    }
+  },
+  shadow: {
+    lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+    md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+    sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"
+  },
+  spacing: {
+    "0": "0px",
+    "1": "4px",
+    "10": "40px",
+    "12": "48px",
+    "16": "64px",
+    "2": "8px",
+    "20": "80px",
+    "24": "96px",
+    "3": "12px",
+    "4": "16px",
+    "5": "20px",
+    "6": "24px",
+    "8": "32px"
+  }
+};
+var defaultTheme = {
+  light: theme,
+  dark: themeDark
+};
+var ThemeContext = react.createContext(defaultTheme);
+ThemeContext.displayName = "ThemeContext";
+var ColorSchemeOverrideContext = react.createContext(null);
+ColorSchemeOverrideContext.displayName = "ColorSchemeOverrideContext";
+var isWeb = reactNative.Platform.OS === "web";
+function readWebScheme() {
+  if (typeof document === "undefined") {
+    return "light";
+  }
+  const root = document.documentElement;
+  if (root.classList.contains("dark")) {
+    return "dark";
+  }
+  if (root.getAttribute("data-theme") === "dark") {
+    return "dark";
+  }
+  return "light";
+}
+__name(readWebScheme, "readWebScheme");
+function useColorScheme() {
+  const override = react.useContext(ColorSchemeOverrideContext);
+  const [scheme, setScheme] = react.useState(() => {
+    if (isWeb) {
+      return readWebScheme();
+    }
+    return reactNative.Appearance.getColorScheme() ?? "light";
+  });
+  react.useEffect(() => {
+    if (isWeb) {
+      const root = document.documentElement;
+      const update = /* @__PURE__ */ __name(() => setScheme(readWebScheme()), "update");
+      const observer = new MutationObserver(update);
+      observer.observe(root, { attributes: true, attributeFilter: ["class", "data-theme"] });
+      update();
+      return () => observer.disconnect();
+    }
+    const sub = reactNative.Appearance.addChangeListener(({ colorScheme }) => {
+      setScheme(colorScheme ?? "light");
+    });
+    return () => sub.remove();
+  }, []);
+  return override ?? scheme;
+}
+__name(useColorScheme, "useColorScheme");
+
+// src/theme/use-theme-colors.ts
+function useThemeColors() {
+  const scheme = useColorScheme();
+  const themePair = react.useContext(ThemeContext);
+  return scheme === "dark" ? themePair.dark : themePair.light;
+}
+__name(useThemeColors, "useThemeColors");
+var SIZE_MAP = {
+  sm: 12,
+  md: 16,
+  lg: 24,
+  xl: 32
+};
+var Spinner = /* @__PURE__ */ __name(({ label = "Loading", size = "md", testID, color, style, ...rest }) => {
+  const px2 = typeof size === "number" ? size : SIZE_MAP[size];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.ActivityIndicator,
+    {
+      ...rest,
+      ...testID !== void 0 ? { testID } : {},
+      accessibilityRole: "progressbar",
+      accessibilityLabel: label,
+      ...color !== void 0 ? { color } : {},
+      size: px2,
+      style: [{ width: px2, height: px2 }, style]
+    }
+  );
+}, "Spinner");
+var FieldContext = react.createContext(null);
+var useFieldContextStrict = /* @__PURE__ */ __name((caller) => {
+  const ctx = react.useContext(FieldContext);
+  if (!ctx) {
+    throw new Error(`[Field] ${caller} must be used inside <Field> or <Field.Group>.`);
+  }
+  return ctx;
+}, "useFieldContextStrict");
+var childHasDisplayName = /* @__PURE__ */ __name((child, name) => {
+  if (!react.isValidElement(child)) {
+    return false;
+  }
+  const t = child.type;
+  return typeof t !== "string" && t?.displayName === name;
+}, "childHasDisplayName");
+var COMPOUND_DISPLAY_NAMES = ["Field.Label", "Field.Description", "Field.Error", "Field.Control"];
+var isCompoundChild = /* @__PURE__ */ __name((child) => COMPOUND_DISPLAY_NAMES.some((name) => childHasDisplayName(child, name)), "isCompoundChild");
+var FieldRoot = /* @__PURE__ */ __name(({
+  name,
+  required = false,
+  disabled = false,
+  error = null,
+  label,
+  description,
+  validating = false,
+  orientation = "vertical",
+  id,
+  children,
+  className,
+  testID,
+  isGroup = false
+}) => {
+  const colors = useThemeColors();
+  const reactId = react.useId();
+  const fieldId = id ?? `nori-ui-field-${reactId}`;
+  const labelId = `${fieldId}-label`;
+  const descriptionId = `${fieldId}-desc`;
+  const errorId = `${fieldId}-error`;
+  const isCompoundMode = react.useMemo(() => {
+    let found = false;
+    react.Children.forEach(children, (child) => {
+      if (isCompoundChild(child)) {
+        found = true;
+      }
+    });
+    return found;
+  }, [children]);
+  const hasDescription = react.useMemo(() => {
+    if (!isCompoundMode) {
+      return description !== void 0 && description !== null && description !== false && description !== "";
+    }
+    let found = false;
+    react.Children.forEach(children, (child) => {
+      if (childHasDisplayName(child, "Field.Description")) {
+        found = true;
+      }
+    });
+    return found;
+  }, [isCompoundMode, description, children]);
+  const hasError = react.useMemo(() => {
+    if (!isCompoundMode) {
+      return Boolean(error);
+    }
+    let found = false;
+    react.Children.forEach(children, (child) => {
+      if (childHasDisplayName(child, "Field.Error") && react.isValidElement(child)) {
+        const el = child;
+        if (el.props.children !== void 0 && el.props.children !== null && el.props.children !== false && el.props.children !== "") {
+          found = true;
+        }
+      }
+    });
+    if (!found && error !== null && error !== void 0 && error !== false && error !== "") {
+      found = true;
+    }
+    return found;
+  }, [isCompoundMode, error, children]);
+  const describedBy = react.useMemo(() => {
+    const ids = [];
+    if (hasDescription) {
+      ids.push(descriptionId);
+    }
+    if (hasError) {
+      ids.push(errorId);
+    }
+    return ids.length === 0 ? void 0 : ids.join(" ");
+  }, [hasDescription, hasError, descriptionId, errorId]);
+  const value = {
+    fieldId,
+    labelId,
+    descriptionId,
+    errorId,
+    hasError,
+    hasDescription,
+    describedBy,
+    disabled,
+    required,
+    validating,
+    ...name !== void 0 ? { name } : {},
+    // In compound mode pass `error` (string) so Field.Error can fall back to it.
+    // In shorthand mode the error prop may be ReactNode; only pass when it is a string/null.
+    ...error !== null && error !== void 0 && typeof error === "string" ? { error } : {},
+    isGroup
+  };
+  const warnedRef = react.useRef(false);
+  react.useEffect(() => {
+    if (process.env.NODE_ENV === "production" || warnedRef.current) {
+      return;
+    }
+    const hasShorthand = label !== void 0 || description !== void 0 || error !== void 0;
+    if (hasShorthand && isCompoundMode) {
+      warnedRef.current = true;
+      console.warn(
+        "[Field] Mixing shorthand props (label/description/error) with compound children (Field.Label/Field.Description/Field.Error) is not supported. The compound children will win. To suppress this warning, use only one mode."
+      );
+    }
+  }, [label, description, error, isCompoundMode]);
+  const containerStyle = orientation === "horizontal" ? {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: px(colors.spacing["3"])
+  } : { flexDirection: "column", gap: px(colors.spacing["1"]) };
+  const containerExtra = {};
+  if (testID !== void 0) {
+    containerExtra.testID = testID;
+  }
+  containerExtra["data-orientation"] = orientation;
+  if (isGroup) {
+    containerExtra.role = "group";
+    containerExtra["aria-labelledby"] = labelId;
+    containerExtra.accessibilityRole = "none";
+  }
+  if (validating) {
+    containerExtra["data-validating"] = "";
+    containerExtra["aria-busy"] = true;
+  }
+  const renderShorthand = /* @__PURE__ */ __name(() => {
+    const childArray = react.Children.toArray(children);
+    const controlChild = childArray.length === 1 && react.isValidElement(childArray[0]) ? childArray[0] : null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      label !== void 0 && label !== null && label !== false ? /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { children: label }) : null,
+      description !== void 0 && description !== null && description !== false && description !== "" ? /* @__PURE__ */ jsxRuntime.jsx(FieldDescription, { children: description }) : null,
+      controlChild !== null ? /* @__PURE__ */ jsxRuntime.jsx(FieldControl, { children: controlChild }) : children,
+      error !== void 0 && error !== null && error !== false && error !== "" ? /* @__PURE__ */ jsxRuntime.jsx(FieldError, { children: error }) : null
+    ] });
+  }, "renderShorthand");
+  return /* @__PURE__ */ jsxRuntime.jsx(FieldContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: containerStyle, ...className !== void 0 ? { className } : {}, ...containerExtra, children: [
+    isCompoundMode ? children : renderShorthand(),
+    validating ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm" }) : null
+  ] }) });
+}, "FieldRoot");
+var FieldLabel = /* @__PURE__ */ __name(({ children }) => {
+  const ctx = useFieldContextStrict("Field.Label");
+  const colors = useThemeColors();
+  const { t } = useTranslation();
+  const requiredIndicator = t("field.requiredIndicator");
+  const requiredLabel = t("field.requiredLabel");
+  const focusInput = /* @__PURE__ */ __name(() => {
+    if (typeof document !== "undefined") {
+      const el = document.getElementById(ctx.fieldId);
+      if (el && typeof el.focus === "function") {
+        el.focus();
+      }
+    }
+  }, "focusInput");
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: focusInput, accessibilityRole: "none", disabled: ctx.disabled, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.Text,
+    {
+      nativeID: ctx.labelId,
+      ...{ id: ctx.labelId },
+      accessibilityRole: "text",
+      style: {
+        fontFamily: colors.fontFamily.body,
+        fontSize: px(colors.fontSize.sm),
+        fontWeight: colors.fontWeight.medium,
+        color: ctx.disabled ? colors.semantic.text.muted : colors.semantic.text.default
+      },
+      children: [
+        children,
+        ctx.required ? /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Text,
+          {
+            accessibilityLabel: requiredLabel,
+            ...{ "aria-label": requiredLabel },
+            style: { color: colors.color.danger },
+            children: ` ${requiredIndicator}`
+          }
+        ) : null
+      ]
+    }
+  ) });
+}, "FieldLabel");
+FieldLabel.displayName = "Field.Label";
+var FieldControl = /* @__PURE__ */ __name(({ children }) => {
+  const ctx = useFieldContextStrict("Field.Control");
+  if (react.Children.count(children) !== 1 || !react.isValidElement(children)) {
+    throw new Error("[Field.Control] expects exactly one child element.");
+  }
+  const child = children;
+  const merged = {
+    id: child.props.id ?? ctx.fieldId,
+    accessibilityLabelledBy: ctx.labelId,
+    "aria-labelledby": ctx.labelId
+  };
+  if (ctx.name !== void 0 && child.props.name === void 0) {
+    merged.name = ctx.name;
+  }
+  if (ctx.describedBy !== void 0) {
+    merged["aria-describedby"] = ctx.describedBy;
+    merged.accessibilityDescribedBy = ctx.describedBy;
+  }
+  if (ctx.hasError) {
+    merged["aria-invalid"] = true;
+  }
+  if (ctx.required) {
+    merged["aria-required"] = true;
+  }
+  if (ctx.disabled || child.props.disabled) {
+    merged.disabled = true;
+  }
+  return react.cloneElement(child, merged);
+}, "FieldControl");
+FieldControl.displayName = "Field.Control";
+var FieldDescription = /* @__PURE__ */ __name(({ children }) => {
+  const ctx = useFieldContextStrict("Field.Description");
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Text,
+    {
+      nativeID: ctx.descriptionId,
+      ...{ id: ctx.descriptionId },
+      style: {
+        fontFamily: colors.fontFamily.body,
+        fontSize: px(colors.fontSize.sm),
+        color: colors.semantic.text.muted
+      },
+      children
+    }
+  );
+}, "FieldDescription");
+FieldDescription.displayName = "Field.Description";
+var FieldError = /* @__PURE__ */ __name(({ children }) => {
+  const ctx = useFieldContextStrict("Field.Error");
+  const colors = useThemeColors();
+  const content = children ?? ctx.error;
+  if (content === null || content === void 0 || content === "" || content === false) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Text,
+    {
+      nativeID: ctx.errorId,
+      ...{ id: ctx.errorId, role: "alert" },
+      accessibilityRole: "text",
+      style: {
+        fontFamily: colors.fontFamily.body,
+        fontSize: px(colors.fontSize.sm),
+        color: colors.color.danger
+      },
+      children: content
+    }
+  );
+}, "FieldError");
+FieldError.displayName = "Field.Error";
+var FieldGroup = /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsxRuntime.jsx(FieldRoot, { ...props, isGroup: true }), "FieldGroup");
+FieldGroup.displayName = "Field.Group";
+var Field = Object.assign(FieldRoot, {
+  Label: FieldLabel,
+  Description: FieldDescription,
+  Control: FieldControl,
+  Error: FieldError,
+  Group: FieldGroup
+});
+
+exports.Field = Field;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map