@farm.js/core 0.1.51-beta.3 → 0.1.60

package/dist/chunk-MIGFX2FN.mjs

@@ -1,758 +0,0 @@
-// src/mobile/native-theme.ts
-var FARM_NATIVE_THEME = {
-  spacing: 4,
-  colors: {
-    "red-50": "#fef2f2",
-    "red-100": "#ffe2e2",
-    "red-200": "#ffc9c9",
-    "red-300": "#ffa2a2",
-    "red-400": "#ff6467",
-    "red-500": "#fb2c36",
-    "red-600": "#e7000b",
-    "red-700": "#c10007",
-    "red-800": "#9f0712",
-    "red-900": "#82181a",
-    "red-950": "#460809",
-    "orange-50": "#fff7ed",
-    "orange-100": "#ffedd4",
-    "orange-200": "#ffd6a7",
-    "orange-300": "#ffb86a",
-    "orange-400": "#ff8904",
-    "orange-500": "#ff6900",
-    "orange-600": "#f54900",
-    "orange-700": "#ca3500",
-    "orange-800": "#9f2d00",
-    "orange-900": "#7e2a0c",
-    "orange-950": "#441306",
-    "amber-50": "#fffbeb",
-    "amber-100": "#fef3c6",
-    "amber-200": "#fee685",
-    "amber-300": "#ffd230",
-    "amber-400": "#ffb900",
-    "amber-500": "#fe9a00",
-    "amber-600": "#e17100",
-    "amber-700": "#bb4d00",
-    "amber-800": "#973c00",
-    "amber-900": "#7b3306",
-    "amber-950": "#461901",
-    "yellow-50": "#fefce8",
-    "yellow-100": "#fef9c2",
-    "yellow-200": "#fff085",
-    "yellow-300": "#ffdf20",
-    "yellow-400": "#fdc700",
-    "yellow-500": "#f0b100",
-    "yellow-600": "#d08700",
-    "yellow-700": "#a65f00",
-    "yellow-800": "#894b00",
-    "yellow-900": "#733e0a",
-    "yellow-950": "#432004",
-    "lime-50": "#f7fee7",
-    "lime-100": "#ecfcca",
-    "lime-200": "#d8f999",
-    "lime-300": "#bbf451",
-    "lime-400": "#9ae600",
-    "lime-500": "#7ccf00",
-    "lime-600": "#5ea500",
-    "lime-700": "#497d00",
-    "lime-800": "#3c6300",
-    "lime-900": "#35530e",
-    "lime-950": "#192e03",
-    "green-50": "#f0fdf4",
-    "green-100": "#dcfce7",
-    "green-200": "#b9f8cf",
-    "green-300": "#7bf1a8",
-    "green-400": "#05df72",
-    "green-500": "#00c950",
-    "green-600": "#00a63e",
-    "green-700": "#008236",
-    "green-800": "#016630",
-    "green-900": "#0d542b",
-    "green-950": "#032e15",
-    "emerald-50": "#ecfdf5",
-    "emerald-100": "#d0fae5",
-    "emerald-200": "#a4f4cf",
-    "emerald-300": "#5ee9b5",
-    "emerald-400": "#00d492",
-    "emerald-500": "#00bc7d",
-    "emerald-600": "#009966",
-    "emerald-700": "#007a55",
-    "emerald-800": "#006045",
-    "emerald-900": "#004f3b",
-    "emerald-950": "#002c22",
-    "teal-50": "#f0fdfa",
-    "teal-100": "#cbfbf1",
-    "teal-200": "#96f7e4",
-    "teal-300": "#46ecd5",
-    "teal-400": "#00d5be",
-    "teal-500": "#00bba7",
-    "teal-600": "#009689",
-    "teal-700": "#00786f",
-    "teal-800": "#005f5a",
-    "teal-900": "#0b4f4a",
-    "teal-950": "#022f2e",
-    "cyan-50": "#ecfeff",
-    "cyan-100": "#cefafe",
-    "cyan-200": "#a2f4fd",
-    "cyan-300": "#53eafd",
-    "cyan-400": "#00d3f2",
-    "cyan-500": "#00b8db",
-    "cyan-600": "#0092b8",
-    "cyan-700": "#007595",
-    "cyan-800": "#005f78",
-    "cyan-900": "#104e64",
-    "cyan-950": "#053345",
-    "sky-50": "#f0f9ff",
-    "sky-100": "#dff2fe",
-    "sky-200": "#b8e6fe",
-    "sky-300": "#74d4ff",
-    "sky-400": "#00bcff",
-    "sky-500": "#00a6f4",
-    "sky-600": "#0084d1",
-    "sky-700": "#0069a8",
-    "sky-800": "#00598a",
-    "sky-900": "#024a70",
-    "sky-950": "#052f4a",
-    "blue-50": "#eff6ff",
-    "blue-100": "#dbeafe",
-    "blue-200": "#bedbff",
-    "blue-300": "#8ec5ff",
-    "blue-400": "#51a2ff",
-    "blue-500": "#2b7fff",
-    "blue-600": "#155dfc",
-    "blue-700": "#1447e6",
-    "blue-800": "#193cb8",
-    "blue-900": "#1c398e",
-    "blue-950": "#162456",
-    "indigo-50": "#eef2ff",
-    "indigo-100": "#e0e7ff",
-    "indigo-200": "#c6d2ff",
-    "indigo-300": "#a3b3ff",
-    "indigo-400": "#7c86ff",
-    "indigo-500": "#615fff",
-    "indigo-600": "#4f39f6",
-    "indigo-700": "#432dd7",
-    "indigo-800": "#372aac",
-    "indigo-900": "#312c85",
-    "indigo-950": "#1e1a4d",
-    "violet-50": "#f5f3ff",
-    "violet-100": "#ede9fe",
-    "violet-200": "#ddd6ff",
-    "violet-300": "#c4b4ff",
-    "violet-400": "#a684ff",
-    "violet-500": "#8e51ff",
-    "violet-600": "#7f22fe",
-    "violet-700": "#7008e7",
-    "violet-800": "#5d0ec0",
-    "violet-900": "#4d179a",
-    "violet-950": "#2f0d68",
-    "purple-50": "#faf5ff",
-    "purple-100": "#f3e8ff",
-    "purple-200": "#e9d4ff",
-    "purple-300": "#dab2ff",
-    "purple-400": "#c27aff",
-    "purple-500": "#ad46ff",
-    "purple-600": "#9810fa",
-    "purple-700": "#8200db",
-    "purple-800": "#6e11b0",
-    "purple-900": "#59168b",
-    "purple-950": "#3c0366",
-    "fuchsia-50": "#fdf4ff",
-    "fuchsia-100": "#fae8ff",
-    "fuchsia-200": "#f6cfff",
-    "fuchsia-300": "#f4a8ff",
-    "fuchsia-400": "#ed6aff",
-    "fuchsia-500": "#e12afb",
-    "fuchsia-600": "#c800de",
-    "fuchsia-700": "#a800b7",
-    "fuchsia-800": "#8a0194",
-    "fuchsia-900": "#721378",
-    "fuchsia-950": "#4b004f",
-    "pink-50": "#fdf2f8",
-    "pink-100": "#fce7f3",
-    "pink-200": "#fccee8",
-    "pink-300": "#fda5d5",
-    "pink-400": "#fb64b6",
-    "pink-500": "#f6339a",
-    "pink-600": "#e60076",
-    "pink-700": "#c6005c",
-    "pink-800": "#a3004c",
-    "pink-900": "#861043",
-    "pink-950": "#510424",
-    "rose-50": "#fff1f2",
-    "rose-100": "#ffe4e6",
-    "rose-200": "#ffccd3",
-    "rose-300": "#ffa1ad",
-    "rose-400": "#ff637e",
-    "rose-500": "#ff2056",
-    "rose-600": "#ec003f",
-    "rose-700": "#c70036",
-    "rose-800": "#a50036",
-    "rose-900": "#8b0836",
-    "rose-950": "#4d0218",
-    "slate-50": "#f8fafc",
-    "slate-100": "#f1f5f9",
-    "slate-200": "#e2e8f0",
-    "slate-300": "#cad5e2",
-    "slate-400": "#90a1b9",
-    "slate-500": "#62748e",
-    "slate-600": "#45556c",
-    "slate-700": "#314158",
-    "slate-800": "#1d293d",
-    "slate-900": "#0f172b",
-    "slate-950": "#020618",
-    "gray-50": "#f9fafb",
-    "gray-100": "#f3f4f6",
-    "gray-200": "#e5e7eb",
-    "gray-300": "#d1d5dc",
-    "gray-400": "#99a1af",
-    "gray-500": "#6a7282",
-    "gray-600": "#4a5565",
-    "gray-700": "#364153",
-    "gray-800": "#1e2939",
-    "gray-900": "#101828",
-    "gray-950": "#030712",
-    "zinc-50": "#fafafa",
-    "zinc-100": "#f4f4f5",
-    "zinc-200": "#e4e4e7",
-    "zinc-300": "#d4d4d8",
-    "zinc-400": "#9f9fa9",
-    "zinc-500": "#71717b",
-    "zinc-600": "#52525c",
-    "zinc-700": "#3f3f46",
-    "zinc-800": "#27272a",
-    "zinc-900": "#18181b",
-    "zinc-950": "#09090b",
-    "neutral-50": "#fafafa",
-    "neutral-100": "#f5f5f5",
-    "neutral-200": "#e5e5e5",
-    "neutral-300": "#d4d4d4",
-    "neutral-400": "#a1a1a1",
-    "neutral-500": "#737373",
-    "neutral-600": "#525252",
-    "neutral-700": "#404040",
-    "neutral-800": "#262626",
-    "neutral-900": "#171717",
-    "neutral-950": "#0a0a0a",
-    "stone-50": "#fafaf9",
-    "stone-100": "#f5f5f4",
-    "stone-200": "#e7e5e4",
-    "stone-300": "#d6d3d1",
-    "stone-400": "#a6a09b",
-    "stone-500": "#79716b",
-    "stone-600": "#57534d",
-    "stone-700": "#44403b",
-    "stone-800": "#292524",
-    "stone-900": "#1c1917",
-    "stone-950": "#0c0a09",
-    "mauve-50": "#fafafa",
-    "mauve-100": "#f3f1f3",
-    "mauve-200": "#e7e4e7",
-    "mauve-300": "#d7d0d7",
-    "mauve-400": "#a89ea9",
-    "mauve-500": "#79697b",
-    "mauve-600": "#594c5b",
-    "mauve-700": "#463947",
-    "mauve-800": "#2a212c",
-    "mauve-900": "#1d161e",
-    "mauve-950": "#0c090c",
-    "olive-50": "#fbfbf9",
-    "olive-100": "#f4f4f0",
-    "olive-200": "#e8e8e3",
-    "olive-300": "#d8d8d0",
-    "olive-400": "#abab9c",
-    "olive-500": "#7c7c67",
-    "olive-600": "#5b5b4b",
-    "olive-700": "#474739",
-    "olive-800": "#2b2b22",
-    "olive-900": "#1d1d16",
-    "olive-950": "#0c0c09",
-    "mist-50": "#f9fbfb",
-    "mist-100": "#f1f3f3",
-    "mist-200": "#e3e7e8",
-    "mist-300": "#d0d6d8",
-    "mist-400": "#9ca8ab",
-    "mist-500": "#67787c",
-    "mist-600": "#4b585b",
-    "mist-700": "#394447",
-    "mist-800": "#22292b",
-    "mist-900": "#161b1d",
-    "mist-950": "#090b0c",
-    "taupe-50": "#fbfaf9",
-    "taupe-100": "#f3f1f1",
-    "taupe-200": "#e8e4e3",
-    "taupe-300": "#d8d2d0",
-    "taupe-400": "#aba09c",
-    "taupe-500": "#7c6d67",
-    "taupe-600": "#5b4f4b",
-    "taupe-700": "#473c39",
-    "taupe-800": "#2b2422",
-    "taupe-900": "#1d1816",
-    "taupe-950": "#0c0a09",
-    black: "#000000",
-    white: "#ffffff"
-  },
-  text: {
-    xs: [12, 16],
-    sm: [14, 20],
-    base: [16, 24],
-    lg: [18, 28],
-    xl: [20, 28],
-    "2xl": [24, 32],
-    "3xl": [30, 36],
-    "4xl": [36, 40],
-    "5xl": [48, 48],
-    "6xl": [60, 60],
-    "7xl": [72, 72],
-    "8xl": [96, 96],
-    "9xl": [128, 128]
-  },
-  fontWeight: {
-    thin: 100,
-    extralight: 200,
-    light: 300,
-    normal: 400,
-    medium: 500,
-    semibold: 600,
-    bold: 700,
-    extrabold: 800,
-    black: 900
-  },
-  tracking: { tighter: -0.05, tight: -0.025, normal: 0, wide: 0.025, wider: 0.05, widest: 0.1 },
-  leading: { tight: 1.25, snug: 1.375, normal: 1.5, relaxed: 1.625, loose: 2 },
-  radius: { xs: 2, sm: 4, md: 6, lg: 8, xl: 12, "2xl": 16, "3xl": 24, "4xl": 32 },
-  container: {
-    "3xs": 256,
-    "2xs": 288,
-    xs: 320,
-    sm: 384,
-    md: 448,
-    lg: 512,
-    xl: 576,
-    "2xl": 672,
-    "3xl": 768,
-    "4xl": 896,
-    "5xl": 1024,
-    "6xl": 1152,
-    "7xl": 1280
-  }
-};
-
-// src/mobile/native-style.ts
-var FARM_NATIVE_TEXT_KEYS = /* @__PURE__ */ new Set([
-  "color",
-  "fontSize",
-  "lineHeight",
-  "fontWeight",
-  "fontStyle",
-  "fontFamily",
-  "textAlign",
-  "letterSpacing",
-  "textTransform",
-  "textDecorationLine",
-  // `leading-*`: a multiple of the font size, or a fixed height. Either wins over the line
-  // height a `text-*` size sets, as in Tailwind.
-  "lineHeightScale",
-  "lineHeightPx"
-]);
-var ALL_SIDES = ["Top", "Right", "Bottom", "Left"];
-var ALL_CORNERS = ["TopLeft", "TopRight", "BottomRight", "BottomLeft"];
-var each = (keys, value) => Object.fromEntries(keys.map((key) => [key, value]));
-var SIDES = {
-  t: ["Top"],
-  r: ["Right"],
-  b: ["Bottom"],
-  l: ["Left"],
-  x: ["Left", "Right"],
-  y: ["Top", "Bottom"],
-  s: ["Left"],
-  e: ["Right"]
-};
-var CORNERS = {
-  t: ["TopLeft", "TopRight"],
-  r: ["TopRight", "BottomRight"],
-  b: ["BottomLeft", "BottomRight"],
-  l: ["TopLeft", "BottomLeft"],
-  tl: ["TopLeft"],
-  tr: ["TopRight"],
-  br: ["BottomRight"],
-  bl: ["BottomLeft"]
-};
-var ALIGN = {
-  start: "flex-start",
-  end: "flex-end",
-  center: "center",
-  between: "space-between",
-  around: "space-around",
-  evenly: "space-evenly",
-  stretch: "stretch",
-  baseline: "baseline",
-  auto: "auto"
-};
-var DROPPED = /^(?:relative|cursor-.+|select-.+|outline-.+|pointer-events-.+)$/;
-function spacing(value) {
-  if (value === "px") return 1;
-  if (value === "auto") return "auto";
-  if (!/^\d+(?:\.5)?$/.test(value)) return void 0;
-  return Number(value) * FARM_NATIVE_THEME.spacing;
-}
-function size(value) {
-  if (value === "full") return "100%";
-  const fraction = /^(\d+)\/(\d+)$/.exec(value);
-  if (fraction) return `${Math.round(Number(fraction[1]) / Number(fraction[2]) * 1e4) / 100}%`;
-  return spacing(value);
-}
-function color(value) {
-  const [name, alpha] = value.split("/");
-  if (name === "transparent") return "transparent";
-  if (name === "current" || name === "inherit") return "currentColor";
-  const hex = FARM_NATIVE_THEME.colors[name];
-  if (!hex) return void 0;
-  if (alpha === void 0) return hex;
-  if (!/^\d{1,3}$/.test(alpha) || Number(alpha) > 100) return void 0;
-  return `${hex}${Math.round(Number(alpha) / 100 * 255).toString(16).padStart(2, "0")}`;
-}
-function utility(token) {
-  if (DROPPED.test(token)) return {};
-  switch (token) {
-    case "flex":
-      return { display: "flex", flexDirection: "row" };
-    case "flex-row":
-      return { flexDirection: "row" };
-    case "flex-col":
-      return { flexDirection: "column" };
-    case "flex-1":
-      return { flexGrow: 1, flexShrink: 1, flexBasis: 0 };
-    case "flex-auto":
-      return { flexGrow: 1, flexShrink: 1 };
-    case "flex-initial":
-      return { flexGrow: 0, flexShrink: 1 };
-    case "flex-none":
-      return { flexGrow: 0, flexShrink: 0 };
-    case "grow":
-      return { flexGrow: 1 };
-    case "grow-0":
-      return { flexGrow: 0 };
-    case "shrink":
-      return { flexShrink: 1 };
-    case "shrink-0":
-      return { flexShrink: 0 };
-    case "flex-nowrap":
-      return {};
-    case "hidden":
-      return { display: "none" };
-    case "overflow-hidden":
-      return { overflow: "hidden" };
-    case "overflow-visible":
-      return { overflow: "visible" };
-    case "italic":
-      return { fontStyle: "italic" };
-    case "not-italic":
-      return { fontStyle: "normal" };
-    case "underline":
-      return { textDecorationLine: "underline" };
-    case "line-through":
-      return { textDecorationLine: "line-through" };
-    case "no-underline":
-      return { textDecorationLine: "none" };
-    case "uppercase":
-    case "lowercase":
-    case "capitalize":
-      return { textTransform: token };
-    case "normal-case":
-      return { textTransform: "none" };
-    case "text-left":
-    case "text-center":
-    case "text-right":
-    case "text-justify":
-      return { textAlign: token.slice(5) };
-    case "rounded":
-      return each(
-        ALL_CORNERS.map((corner) => `border${corner}Radius`),
-        FARM_NATIVE_THEME.radius.sm
-      );
-    case "border":
-      return {
-        ...each(
-          ALL_SIDES.map((side) => `border${side}Width`),
-          1
-        ),
-        ...each(
-          ALL_SIDES.map((side) => `border${side}Color`),
-          "currentColor"
-        )
-      };
-    case "border-solid":
-    case "border-dashed":
-    case "border-dotted":
-      return { borderStyle: token.slice(7) };
-    case "border-none":
-      return { borderStyle: "none" };
-  }
-  let match = /^(items|justify|self)-([a-z]+)$/.exec(token);
-  if (match) {
-    const value = ALIGN[match[2]];
-    if (!value) return void 0;
-    const key = { items: "alignItems", justify: "justifyContent", self: "alignSelf" }[match[1]];
-    return { [key]: value };
-  }
-  match = /^(-?)(p|m)([trblxyse]?)-(.+)$/.exec(token);
-  if (match) {
-    const value = spacing(match[4]);
-    if (value === void 0 || match[2] === "p" && (value === "auto" || match[1]))
-      return void 0;
-    const signed = match[1] && typeof value === "number" ? -value : value;
-    const property = match[2] === "p" ? "padding" : "margin";
-    const sides = match[3] ? SIDES[match[3]] : ALL_SIDES;
-    return each(
-      sides.map((side) => `${property}${side}`),
-      signed
-    );
-  }
-  match = /^gap(-[xy])?-(.+)$/.exec(token);
-  if (match) {
-    const value = spacing(match[2]);
-    if (typeof value !== "number") return void 0;
-    if (match[1] === "-x") return { columnGap: value };
-    if (match[1] === "-y") return { rowGap: value };
-    return { rowGap: value, columnGap: value };
-  }
-  match = /^(w|h|size|min-w|min-h|max-h)-(.+)$/.exec(token);
-  if (match) {
-    const value = size(match[2]);
-    if (value === void 0 || value === "auto" && match[1].includes("-")) return void 0;
-    if (match[1] === "size") return { width: value, height: value };
-    const key = {
-      w: "width",
-      h: "height",
-      "min-w": "minWidth",
-      "min-h": "minHeight",
-      "max-h": "maxHeight"
-    }[match[1]];
-    return value === "auto" ? {} : { [key]: value };
-  }
-  match = /^max-w-(.+)$/.exec(token);
-  if (match) {
-    if (match[1] === "none") return {};
-    if (match[1] === "full") return { maxWidth: "100%" };
-    const value = FARM_NATIVE_THEME.container[match[1]];
-    return value === void 0 ? void 0 : { maxWidth: value };
-  }
-  match = /^text-(.+)$/.exec(token);
-  if (match) {
-    const text = FARM_NATIVE_THEME.text[match[1]];
-    if (text) return { fontSize: text[0], lineHeight: text[1] };
-    const value = color(match[1]);
-    return value === void 0 ? void 0 : { color: value };
-  }
-  match = /^font-(.+)$/.exec(token);
-  if (match) {
-    if (match[1] === "sans" || match[1] === "serif" || match[1] === "mono") {
-      return { fontFamily: match[1] };
-    }
-    const weight = FARM_NATIVE_THEME.fontWeight[match[1]];
-    return weight === void 0 ? void 0 : { fontWeight: weight };
-  }
-  match = /^leading-(.+)$/.exec(token);
-  if (match) {
-    if (match[1] === "none") return { lineHeightScale: 1 };
-    const scale = FARM_NATIVE_THEME.leading[match[1]];
-    if (scale !== void 0) return { lineHeightScale: scale };
-    const value = spacing(match[1]);
-    return typeof value === "number" ? { lineHeightPx: value } : void 0;
-  }
-  match = /^tracking-(.+)$/.exec(token);
-  if (match) {
-    const value = FARM_NATIVE_THEME.tracking[match[1]];
-    return value === void 0 ? void 0 : { letterSpacing: value };
-  }
-  match = /^bg-(.+)$/.exec(token);
-  if (match) {
-    const value = color(match[1]);
-    return value === void 0 ? void 0 : { backgroundColor: value };
-  }
-  match = /^border-([trblxy])$/.exec(token);
-  if (match) {
-    return each(
-      SIDES[match[1]].map((side) => `border${side}Width`),
-      1
-    );
-  }
-  match = /^border(?:-([trblxy]))?-(.+)$/.exec(token);
-  if (match) {
-    const sides = match[1] ? SIDES[match[1]] : ALL_SIDES;
-    if (/^(?:0|2|4|8)$/.test(match[2])) {
-      return Object.fromEntries(sides.map((side) => [`border${side}Width`, Number(match[2])]));
-    }
-    const value = color(match[2]);
-    if (value === void 0) return void 0;
-    return Object.fromEntries(sides.map((side) => [`border${side}Color`, value]));
-  }
-  match = /^rounded(?:-([trbl]{1,2}))?(?:-([a-z0-9]+))?$/.exec(token);
-  if (match) {
-    const radius = match[2] === void 0 ? FARM_NATIVE_THEME.radius.sm : match[2] === "none" ? 0 : match[2] === "full" ? 9999 : FARM_NATIVE_THEME.radius[match[2]];
-    if (radius === void 0) return void 0;
-    const corners = match[1] ? CORNERS[match[1]] : [...ALL_CORNERS];
-    if (!corners) return void 0;
-    return Object.fromEntries(corners.map((corner) => [`border${corner}Radius`, radius]));
-  }
-  match = /^opacity-(\d{1,3})$/.exec(token);
-  if (match && Number(match[1]) <= 100) return { opacity: Number(match[1]) / 100 };
-  return void 0;
-}
-function farmNativeClassProblem(token) {
-  const parts = token.split(":");
-  const base = parts.pop().replace(/^!/, "");
-  if (parts.some((variant) => variant !== "dark")) {
-    return `"${token}" needs a variant the native tier cannot apply`;
-  }
-  if (base.includes("[")) return `"${token}" is an arbitrary value`;
-  return utility(base) === void 0 ? `class "${token}" has no native-tier style` : void 0;
-}
-function resolveFarmNativeClasses(className) {
-  const light = [];
-  const darkParts = [];
-  const unsupported = [];
-  for (const token of className.split(/\s+/)) {
-    if (!token) continue;
-    if (farmNativeClassProblem(token)) {
-      unsupported.push(token);
-      continue;
-    }
-    const parts = token.split(":");
-    (parts.length > 1 ? darkParts : light).push(utility(parts.pop().replace(/^!/, "")));
-  }
-  const merge = (parts) => Object.assign(
-    {},
-    ...parts.sort((left, right) => Object.keys(right).length - Object.keys(left).length)
-  );
-  const style = merge(light);
-  return { style, ...darkParts.length > 0 ? { dark: merge(darkParts) } : {}, unsupported };
-}
-function longhands(style) {
-  const [[key, value]] = Object.entries(style);
-  if (key === "gap") return { rowGap: value, columnGap: value };
-  if (key === "borderWidth")
-    return each(
-      ALL_SIDES.map((side) => `border${side}Width`),
-      value
-    );
-  if (key === "borderColor")
-    return each(
-      ALL_SIDES.map((side) => `border${side}Color`),
-      value
-    );
-  if (key === "borderRadius") {
-    return each(
-      ALL_CORNERS.map((corner) => `border${corner}Radius`),
-      value
-    );
-  }
-  return style;
-}
-var PX = /^(-?\d*\.?\d+)px$/;
-function cssLength(value) {
-  if (value === "0") return 0;
-  if (value === "auto") return "auto";
-  const px = PX.exec(value);
-  if (px) return Number(px[1]);
-  if (/^-?\d*\.?\d+%$/.test(value)) return value;
-  const rem = /^(-?\d*\.?\d+)rem$/.exec(value);
-  return rem ? Number(rem[1]) * 16 : void 0;
-}
-var CSS_LENGTHS = new Set(
-  "gap row-gap column-gap padding-top padding-right padding-bottom padding-left margin-top margin-right margin-bottom margin-left width height min-width min-height max-width max-height border-width border-top-width border-right-width border-bottom-width border-left-width border-radius font-size line-height letter-spacing flex-basis".split(" ")
-);
-var CSS_KEYWORDS = {
-  display: /* @__PURE__ */ new Set(["flex", "none"]),
-  "flex-direction": /* @__PURE__ */ new Set(["row", "column"]),
-  "align-items": /* @__PURE__ */ new Set(["flex-start", "flex-end", "center", "stretch", "baseline"]),
-  "align-self": /* @__PURE__ */ new Set(["auto", "flex-start", "flex-end", "center", "stretch", "baseline"]),
-  "justify-content": /* @__PURE__ */ new Set([
-    "flex-start",
-    "flex-end",
-    "center",
-    "space-between",
-    "space-around",
-    "space-evenly"
-  ]),
-  "font-style": /* @__PURE__ */ new Set(["normal", "italic"]),
-  "text-align": /* @__PURE__ */ new Set(["left", "center", "right", "justify"]),
-  "text-transform": /* @__PURE__ */ new Set(["none", "uppercase", "lowercase", "capitalize"]),
-  "text-decoration-line": /* @__PURE__ */ new Set(["none", "underline", "line-through"]),
-  "border-style": /* @__PURE__ */ new Set(["solid", "dashed", "dotted", "none"]),
-  overflow: /* @__PURE__ */ new Set(["hidden", "visible"])
-};
-var CSS_COLORS = /* @__PURE__ */ new Set(["color", "background-color", "border-color"]);
-var CSS_NUMBERS = /* @__PURE__ */ new Set(["opacity", "flex-grow", "flex-shrink", "font-weight"]);
-var SHORTHAND_SIDES = ["Top", "Right", "Bottom", "Left"];
-var FARM_NATIVE_STYLE_PROPERTIES = new Set(
-  [
-    ...CSS_LENGTHS,
-    ...CSS_COLORS,
-    ...CSS_NUMBERS,
-    ...Object.keys(CSS_KEYWORDS),
-    "padding",
-    "margin",
-    "flex"
-  ].map((property) => property.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase()))
-);
-function camel(property) {
-  return property.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
-}
-function cssColor(value) {
-  if (/^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(value)) return value.toLowerCase();
-  if (value === "transparent" || value === "currentcolor") {
-    return value === "currentcolor" ? "currentColor" : value;
-  }
-  const rgb = /^rgba?\((\d{1,3})[ ,]+(\d{1,3})[ ,]+(\d{1,3})(?:[ ,/]+([\d.]+%?))?\)$/i.exec(value);
-  if (!rgb) return value === "white" ? "#ffffff" : value === "black" ? "#000000" : void 0;
-  const hex = rgb.slice(1, 4).map((channel) => Math.min(255, Number(channel)).toString(16).padStart(2, "0")).join("");
-  if (rgb[4] === void 0) return `#${hex}`;
-  const alpha = rgb[4].endsWith("%") ? Number(rgb[4].slice(0, -1)) / 100 : Number(rgb[4]);
-  return `#${hex}${Math.round(Math.min(1, alpha) * 255).toString(16).padStart(2, "0")}`;
-}
-function resolveFarmNativeInlineStyle(css) {
-  const style = {};
-  const unsupported = [];
-  for (const declaration of css.split(";")) {
-    const colon = declaration.indexOf(":");
-    if (colon < 0) continue;
-    const property = declaration.slice(0, colon).trim().toLowerCase();
-    const value = declaration.slice(colon + 1).trim().toLowerCase();
-    if (!property) continue;
-    let resolved;
-    if (property === "padding" || property === "margin") {
-      const parts = value.split(/\s+/).map(cssLength);
-      if (parts.length <= 4 && parts.every((part) => part !== void 0)) {
-        const [top, right = top, bottom = top, left = right] = parts;
-        const values = [top, right, bottom, left];
-        resolved = Object.fromEntries(
-          SHORTHAND_SIDES.map((side, index) => [`${property}${side}`, values[index]])
-        );
-      }
-    } else if (CSS_LENGTHS.has(property)) {
-      const length = cssLength(value);
-      if (length !== void 0) resolved = { [camel(property)]: length };
-    } else if (CSS_COLORS.has(property)) {
-      const parsed = cssColor(value);
-      if (parsed) resolved = { [camel(property)]: parsed };
-    } else if (CSS_NUMBERS.has(property)) {
-      if (/^\d*\.?\d+$/.test(value)) resolved = { [camel(property)]: Number(value) };
-    } else if (CSS_KEYWORDS[property]?.has(value)) {
-      resolved = { [camel(property)]: value };
-    } else if (property === "flex" && /^\d+$/.test(value)) {
-      resolved = { flexGrow: Number(value), flexShrink: 1, flexBasis: 0 };
-    }
-    if (resolved) Object.assign(style, longhands(resolved));
-    else unsupported.push(`${property}: ${value}`);
-  }
-  return { style, unsupported };
-}
-
-export {
-  FARM_NATIVE_TEXT_KEYS,
-  farmNativeClassProblem,
-  resolveFarmNativeClasses,
-  FARM_NATIVE_STYLE_PROPERTIES,
-  resolveFarmNativeInlineStyle
-};