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

package/dist/chunk-MIGFX2FN.mjs

@@ -0,0 +1,758 @@
+// 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
+};