var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: !0 });
}, __copyProps = (to, from, except, desc) => {
  if (from && typeof from == "object" || typeof from == "function")
    for (let key of __getOwnPropNames(from))
      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
var typography_exports = {};
__export(typography_exports, {
  Body: () => Body,
  Display: () => Display,
  Headline: () => Headline,
  Hero: () => Hero,
  Label: () => Label,
  Title: () => Title
});
module.exports = __toCommonJS(typography_exports);
var import_tamagui = require("tamagui"), Hero = (0, import_tamagui.styled)(import_tamagui.H1, {
  name: "Hero",
  col: "$onSurface",
  fontFamily: "$heading",
  variants: {
    size: {
      medium: {
        fontWeight: "400",
        fontSize: 96,
        lineHeight: 96
      },
      small: {
        fontWeight: "400",
        fontSize: 80,
        lineHeight: 88
      }
    }
  },
  defaultVariants: {
    size: "medium"
  }
}), Display = (0, import_tamagui.styled)(import_tamagui.Text, {
  name: "Display",
  col: "$onSurface",
  fontFamily: "$heading",
  variants: {
    size: {
      small: {
        fontWeight: "400",
        fontSize: 36,
        lineHeight: 44
      },
      medium: {
        fontWeight: "400",
        fontSize: 45,
        lineHeight: 52
      },
      large: {
        fontWeight: "400",
        fontSize: 57,
        lineHeight: 64
      }
    }
  },
  defaultVariants: {
    size: "medium"
  }
}), Headline = (0, import_tamagui.styled)(import_tamagui.Text, {
  name: "Headline",
  col: "$onSurface",
  fontFamily: "$heading",
  variants: {
    size: {
      small: {
        fontWeight: "400",
        fontSize: 24,
        lineHeight: 32
      },
      medium: {
        fontWeight: "400",
        fontSize: 28,
        lineHeight: 36
      },
      large: {
        fontWeight: "400",
        fontSize: 32,
        lineHeight: 40
      }
    }
  },
  defaultVariants: {
    size: "medium"
  }
}), Title = (0, import_tamagui.styled)(import_tamagui.Text, {
  name: "Title",
  col: "$onSurface",
  fontFamily: "$body",
  variants: {
    size: {
      small: {
        fontWeight: "500",
        fontSize: 14,
        lineHeight: 20
      },
      medium: {
        fontWeight: "500",
        fontSize: 16,
        lineHeight: 24
      },
      large: {
        fontWeight: "400",
        fontSize: 22,
        lineHeight: 28
      }
    }
  },
  defaultVariants: {
    size: "medium"
  }
}), Body = (0, import_tamagui.styled)(import_tamagui.Text, {
  name: "Body",
  col: "$onSurface",
  variants: {
    size: {
      small: {
        fontWeight: "400",
        fontSize: 12,
        lineHeight: 16
      },
      medium: {
        fontWeight: "400",
        fontSize: 14,
        lineHeight: 20
      },
      large: {
        fontWeight: "400",
        fontSize: 16,
        lineHeight: 24
      }
    }
  },
  defaultVariants: {
    size: "medium"
  }
}), Label = (0, import_tamagui.styled)(import_tamagui.Text, {
  name: "Label",
  col: "$onSurface",
  variants: {
    size: {
      small: {
        fontWeight: "500",
        fontSize: 11,
        lineHeight: 16
      },
      medium: {
        fontWeight: "500",
        fontSize: 12,
        lineHeight: 16
      },
      large: {
        fontWeight: "500",
        fontSize: 14,
        lineHeight: 20
      }
    }
  },
  defaultVariants: {
    size: "medium"
  }
});
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  Body,
  Display,
  Headline,
  Hero,
  Label,
  Title
});
//# sourceMappingURL=typography.js.map
